/** Shopify CDN: Minification failed Line 1443:12 Unexpected "{" Line 1443:21 Expected ":" **/ /** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @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;cursor:grab;}.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:50%;height:auto;object-fit:contain;transform-origin:center;display: flex;align-items: center;justify-content: center;margin: auto;}.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-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-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* swiper */ .swiper-button-next, .swiper-button-prev{ color: rgb(var(--color-secondary-button)); background: rgb(244 240 229); width: 35px; height: 35px; border-radius: 10px; transition: all .3s linear; border: 1px solid rgb(var(--color-secondary-button)); } /* .swiper-pagination-bullet-active{ background: rgba(var(--color-button));} */ .swiper-button-next:after, .swiper-button-prev:after{font-size:20px ;} .swiper-button-prev:hover, .swiper-button-next:hover{color:rgba(var(--color-secondary-button-text));background:rgba(var(--color-secondary-button));} .swiper-button-next{right:-30px;opacity:1;left: auto;} .swiper-button-prev{left:-30px;opacity:1;right: auto;} .swiper:hover .swiper-button-next, .swiper-container:hover .swiper-button-next{right:50px;opacity:1;} .swiper:hover .swiper-button-prev, .swiper-container:hover .swiper-button-prev{left:50px;opacity:1;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: not-allowed;pointer-events: auto; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: not-allowed;pointer-events: auto; } .swiper:hover .swiper-button-next.swiper-button-disabled, .swiper:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;} .swiper-button-lock { display: none; } .swiper-pagination { position: relative; text-align: center; transition: 0.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: 0px; left: 0; width: 100%; padding:1rem; } .swiper-pagination-bullet { background: transparent; opacity: 1; width: 5px; height: 5px; position: relative; transition: all var(--duration-default) linear; } .swiper-pagination-bullet:before { content: ""; width: 5px; height: 5px; border-radius: 10px; background: rgb(var(--color-button)); position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; transition: all var(--duration-default) linear; } .swiper-pagination-bullet-active, .swiper-pagination-bullet-active:before { transition: all var(--duration-default) linear; width:25px; } /*swiper- product tab*/ .tabs_container .swiper-button-next span:after, .tabs_container .swiper-button-prev span:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .section-featured-collection .swiper-button-next{right:30px;opacity:1;left: auto;} .section-featured-collection .swiper-button-prev{left:30px;opacity:1;right: auto;} @media screen and (max-width:576px){ .section-featured-collection .swiper-button-next{right:0px;opacity:1;left: auto;} .section-featured-collection .swiper-button-prev{left:0px;opacity:1;right: auto;} } @media screen and (max-width: 1600px){ .swiper-button-next{right:-35px;opacity:1;left: auto;} .swiper-button-prev{left:-35px;opacity:1;right: auto;} } @media screen and (max-width: 1440px){ .swiper-button-next{right:-10px;opacity:1;left: auto;} .swiper-button-prev{left:-10px;opacity:1;right: auto;} } @media screen and (max-width: 1200px){ /* .swiper-button-next{right:20px;} .swiper-button-prev{left:20px;} */ .swiper:hover .swiper-button-next, .swiper-container:hover .swiper-button-next{right:30px;} .swiper:hover .swiper-button-prev, .swiper-container:hover .swiper-button-prev{left:30px;} .swiper-button-next, .swiper-button-prev {width: calc(var(--swiper-navigation-size) - 5px); height: calc(var(--swiper-navigation-size) - 5px);} } @media screen and (max-width: 1650px){ .swiper-navigation {position: relative;display: flex;justify-content: center;margin-top: 20px;} .swiper-button-next, .swiper-button-prev {position: relative;right: 0;left: 0;top: auto;opacity: 1;transform: none;margin: 0 12px;width: calc(var(--swiper-navigation-size) - 5px); height: calc(var(--swiper-navigation-size) - 5px); } } @media screen and (max-width: 480px){ /* .swiper-navigation {position: relative;display: flex;justify-content: center;margin-top: 20px;} */ .swiper-button-next, .swiper-button-prev {position: relative;right: 0;left: 0;top: auto;opacity: 1;transform: none;margin: 0 12px;width: calc(var(--swiper-navigation-size) - 10px); height: calc(var(--swiper-navigation-size) - 10px); } .swiper-button-next:after, .swiper-button-prev:after{font-size:14px;} .swiper-button-prev {order: -1;} .swiper:hover .swiper-button-next, .swiper-container:hover .swiper-button-next {right: 0!important;} .swiper:hover .swiper-button-prev, .swiper-container:hover .swiper-button-prev{left:0!important;} .swiper .swiper-button-prev, .swiper-container .swiper-button-prev{opacity:1;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0.5;} } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: auto; object-fit: contain; transform-origin: center; display: flex; align-items: center; justify-content: center; margin: auto; } .banner { display: flex; position: relative; flex-direction: column; } .banner__heading { text-transform: capitalize; } .slideshow__media{position:relative; height:100%;} .slideshow__text-wrapper.banner__content{ width: 100%; padding: 0; left: 0; right:0; top: 0; max-width: var(--page-width); } /* .slider__slide .slideshow__text-wrapper.banner__content.banner__content--top-center{ align-items: center; justify-content: center; margin-top: -51px; } */ .banner__box { text-align: center; } @media only screen and (min-width: 1400px) { .banner__text {width: 53%;} } @media screen and (min-width: 990px) and (max-width:1399) { .banner__text {width:85%;} } @media only screen and (max-width: 749px) { .banner--content-align-mobile-right .banner__box { text-align: right; } .banner--content-align-mobile-left .banner__box { text-align: left; } } .banner__box.content-container .banner__text.body{font-size: var(--font-base-size);} @media only screen and (min-width: 750px) { .banner--content-align-right .banner__box { text-align: right; } .banner--content-align-left .banner__box { text-align: left; } .banner--content-align-left.banner--desktop-transparent .banner__box, .banner--content-align-right.banner--desktop-transparent .banner__box, .banner--medium.banner--desktop-transparent .banner__box { max-width: 83rem; } } @media screen and (max-width: 749px) { .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 28rem; } .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 34rem; } .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 39rem; } .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) { min-height: 28rem; } .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) t { min-height: 50rem; } .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) { min-height: 39rem; } } @media screen and (min-width: 750px) { .banner { flex-direction: row; } .banner--small:not(.banner--adapt) { min-height: 42rem; height: 42rem; } .banner--medium:not(.banner--adapt) { min-height: 60rem; height: 60rem; } .banner--large:not(.banner--adapt) { min-height: 95rem; height: 95rem; } .banner__content.banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .banner__content.banner__content--top-center { align-items: flex-start; justify-content: center; } .banner__content.banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .banner__content.banner__content--middle-left { align-items: center; justify-content: flex-start; } .banner__content.banner__content--middle-center { align-items: center; justify-content: center; } .banner__content.banner__content--middle-right { align-items: center; justify-content: flex-end; } .banner__content.banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .banner__content.banner__content--bottom-center { align-items: flex-end; justify-content: center; } .banner__content.banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .banner:not(.banner--stacked) { flex-direction: row; flex-wrap: wrap; } .banner--stacked { height: auto; } .banner--stacked .banner__media { flex-direction: column; } } .banner__media { height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .banner__media-half { width: 50%; } .banner__media-half + .banner__media-half { right: 0; left: auto; } @media screen and (max-width: 749px) { .banner--stacked .banner__media-half { width: 100%; } .banner--stacked .banner__media-half + .banner__media-half { order: 1; } } @media screen and (min-width: 750px) { .banner__media { height: 100%; } } .banner--adapt, .banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) { height:100%; } @media screen and (max-width: 749px) { .banner--mobile-bottom .banner__media, .banner--stacked:not(.banner--mobile-bottom) .banner__media { position: relative; } .banner--stacked.banner--adapt .banner__content { height: auto; } .slide-banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box { background-color: transparent; /* --color-foreground: 255, 255, 255; --color-button: 255, 255, 255; --color-button-text: 0, 0, 0; */ } .slide-banne:not(.banner--mobile-bottom) .banner__box { border: none; border-radius: 0; box-shadow: none; } .slide-banne:not(.banner--mobile-bottom) .button--secondary { --color-button: var(--color-base-background-1); --color-button-text: 0, 0, 0; --alpha-button-background: 1; } .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { position: absolute; height: auto; } .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content { max-height: 100%; overflow: hidden; position: absolute; } .banner--stacked:not(.banner--adapt) .banner__media { position: relative; } /* .banner::before { display: none !important; } */ .banner--stacked .banner__media-image-half { width: 100%; } } /* @media screen and (max-width: 749px) { .slideshow .banner__content, .slideshow__text-wrapper.banner__content{ align-items: center; justify-content: center; } } */ @media screen and (min-width: 750px) { .banner__content { padding: 5rem; } .banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .banner__content--top-center { align-items: flex-start; justify-content: center; } .banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .banner__content--middle-left { align-items: center; justify-content: flex-start; } .banner__content--middle-center { align-items: center; justify-content: center; } .banner__content--middle-right { align-items: center; justify-content: flex-end; } .banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .banner__content--bottom-center { align-items: flex-end; justify-content: center; } .banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } .slideshow .banner__content, .slideshow-with-promo-images .banner__content{ padding: 0; display: flex; position: absolute; /* width: 100%; */ /* align-items: center; justify-content: center; */ z-index: 2; height:100%; } @media screen and (max-width: 749px) { .banner--mobile-bottom:not(.banner--stacked) .banner__content { order: 2; } .banner:not(.banner--mobile-bottom) .field__input { background-color: transparent; } } .banner__box { padding: 4rem 0; position: relative; height: fit-content; align-items: center; text-align: center; width: 100%; word-wrap: break-word; z-index: 1; } @media screen and (min-width: 750px) { .banner--desktop-transparent .banner__box { background-color: transparent; /* --color-foreground: var(--color-base-background-1); --color-button: var(--color-base-background-2); --color-button-text: 255, 255, 255; max-width: 82rem; border: none; border-radius: 0; box-shadow: none; */ } /* .banner--desktop-transparent .button--secondary { --color-button: var(--color-base-background-1); --color-button-text: 0, 0, 0; --alpha-button-background: 1; } */ .banner--desktop-transparent .content-container:after { display: none; } } @media screen and (max-width: 749px) { .banner--mobile-bottom::after, .banner--mobile-bottom .banner__media::after { display: none; } } /* .banner::after, */ .banner__media::after, .slideshow__media:after{ content: ''; position: absolute; top: 0; background: #000000; opacity: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; left:0; right:0; } .banner__box > * + .banner__text { margin-top: 1.5rem; } @media screen and (min-width: 750px) { .banner__box > * + .banner__text { margin-top: 2rem; } } .banner__box > * + .banner__list { margin-top: 1.5rem; } @media screen and (min-width: 750px) { .banner__box > * + .banner__list { margin-top: 2rem; } } .banner__box > * + * { margin: 0; } @media screen and (max-width: 749px) { .banner--stacked .banner__box { width: 100%; } } @media screen and (min-width: 750px) { .banner__box { width: auto; max-width: 71rem; min-width: 45rem; } } @media screen and (min-width: 1400px) { .banner__box { max-width: 90rem; } } .banner__box .banner__heading + * { margin-top: 0; } .banner__buttons { display: inline-flex; flex-wrap: wrap; gap: 0; max-width: 45rem; word-break: break-word; } .banner__buttons >*:not(:last-child):not(:only-child){margin-right:0rem;} @media screen and (max-width: 749px) { .banner--content-align-mobile-right .banner__buttons--multiple { justify-content: flex-end; } .banner--content-align-mobile-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } } .banner__list.subtitle.icon { display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 750px) { .banner--content-align-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .banner--content-align-right .banner__buttons--multiple { justify-content: flex-end; } .banner__list.subtitle.icon span{ font-size: var(--font-h3-size); margin-left: 20px; letter-spacing: 0; } .banner__list.subtitle.icon { display: flex; flex-direction:row; align-items: center; } } .banner__box > * + .banner__buttons { margin-top: 4rem; } /* h2.banner__heading span { color: var(--gradient-background); } */ .banner__list.subtitle.icon span{ margin-left: 20px; letter-spacing: 0; } .banner__text.subtitle span:after { content: ""; width: 50px; height: 1px; display: inline-block; vertical-align: middle; background:currentcolor; margin: auto; position: relative; left: 15px; right: 0; top: 0; } .slideshow-with-promo-images .slideshow__text.banner__box > *:not(:last-child){margin-bottom:15px;} @media screen and (max-width: 749px){ .banner--mobile-bottom .slideshow__text-wrapper.banner__content { position: relative; } } .slideshow__media img{ height:100%; width:100%; } .slider__slide .slideshow__text-wrapper.page-width { max-width: 100%; } slider-component { --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)); position: relative; display: block; } slider-component.slider-component-full-width { --desktop-margin-left-first-item: 1.5rem; } @media screen and (max-width: 749px) { slider-component.page-width { padding: 0 1.5rem; } } @media screen and (min-width: 749px) and (max-width: 990px) { slider-component.page-width { padding: 0 5rem; } } @media screen and (max-width: 989px) { .no-js slider-component .slider { padding-bottom: 3rem; } } .slider__slide { --focus-outline-padding: 0.5rem; --shadow-padding-top: calc(var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)); --shadow-padding-bottom: calc(var(--shadow-vertical-offset) + var(--shadow-blur-radius)); scroll-snap-align: start; flex-shrink: 0; padding-bottom: 0; } @media screen and (max-width: 749px) { .slider.slider--mobile { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-left: 0rem; -webkit-overflow-scrolling: touch; margin-bottom: 0rem; } .slider.slider--mobile .slider__slide { margin-bottom: 0; padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top)); padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom)); } .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) { padding-bottom: var(--focus-outline-padding); } .slider.slider--mobile.contains-content-container .slider__slide { --focus-outline-padding: 0rem; } } @media screen and (min-width: 750px) { .slider.slider--tablet-up { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .slider.slider--tablet-up .slider__slide { margin-bottom: 0; } } @media screen and (max-width: 989px) { .slider.slider--tablet { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; margin-bottom: 1rem; } .slider.slider--tablet .slider__slide { margin-bottom: 0; padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top)); /* padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom)); */ } .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) { padding-bottom: var(--focus-outline-padding); } .slider.slider--tablet.contains-content-container .slider__slide { --focus-outline-padding: 0rem; } } .slider--everywhere { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; margin-bottom: 1rem; } .slider.slider--everywhere .slider__slide { margin-bottom: 0; scroll-snap-align: center; } @media screen and (min-width: 990px) { .slider-component-desktop.page-width { max-width: none; } .slider--desktop { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; margin-bottom: 1rem; } .slider.slider--desktop .slider__slide { margin-bottom: 0; padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top)); padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom)); } .slider--desktop .slider__slide:first-child { margin-left: var(--desktop-margin-left-first-item); scroll-margin-left: var(--desktop-margin-left-first-item); } .slider.slider--desktop .slider__slide:last-child { margin-right: 5rem; } .slider-component-full-width .slider--desktop .slider__slide:first-child { margin-left: 1.5rem; scroll-margin-left: 1.5rem; } .slider-component-full-width .slider--desktop .slider__slide:last-child { margin-right: 1.5rem; } .slider--desktop.grid--5-col-desktop .grid__item { width: calc( (100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2); } .slider--desktop.grid--4-col-desktop .grid__item { width: calc( (100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3); } .slider--desktop.grid--3-col-desktop .grid__item { width: calc( (100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4); } .slider--desktop.grid--2-col-desktop .grid__item { width: calc( (100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5); } .slider--desktop.grid--1-col-desktop .grid__item { width: calc( (100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9); } .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) { padding-bottom: var(--focus-outline-padding); } .slider.slider--desktop.contains-content-container .slider__slide { --focus-outline-padding: 0rem; } } @media (prefers-reduced-motion) { .slider { scroll-behavior: auto; } } /* Scrollbar */ .slider { scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04); -ms-overflow-style: none; scrollbar-width: none; } .slider::-webkit-scrollbar { height: 0.4rem; width: 0.4rem; display: none; } .no-js .slider { -ms-overflow-style: auto; scrollbar-width: auto; } .no-js .slider::-webkit-scrollbar { display: initial; } .slider::-webkit-scrollbar-thumb { background-color: rgb(var(--color-foreground)); border-radius: 0.4rem; border: 0; } .slider::-webkit-scrollbar-track { background: rgba(var(--color-foreground), 0.04); border-radius: 0.4rem; } .slider-counter { display: flex; justify-content: center; min-width: 2rem; /* display:none; */ } .slider-counter span{ display:none; } @media screen and (min-width: 750px) { .slider-counter--dots { margin: 0 0rem; } } .slider-counter__link { padding: 1rem; } @media screen and (max-width: 749px) { .slider-counter__link { padding: 0.7rem; } } .slider-counter__link--dots .dot { width: 1rem; height: 1rem; border-radius: 50%; border: 0.1rem solid rgba(var(--color-foreground), 0.5); padding: 0; display: block; } .slider-counter__link--active.slider-counter__link--dots .dot { background-color: rgb(var(--color-foreground)); } @media screen and (forced-colors: active) { .slider-counter__link--active.slider-counter__link--dots .dot { background-color: CanvasText; } } .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot { border-color: rgb(var(--color-foreground)); } .slider-counter__link--dots .dot, .slider-counter__link--numbers { transition: transform 0.2s ease-in-out; } .slider-counter__link--active.slider-counter__link--numbers, .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot, .slider-counter__link--numbers:hover { transform: scale(1.1); } .slider-counter__link--numbers { color: rgba(var(--color-foreground), 0.5); text-decoration: none; } .slider-counter__link--numbers:hover { color: rgb(var(--color-foreground)); } .slider-counter__link--active.slider-counter__link--numbers { text-decoration: underline; color: rgb(var(--color-foreground)); } .slider-buttons { display: flex; align-items: center; justify-content: center; } /*Counter*/ .slider-counter--numbers .slider-buttons { position: absolute; top: 50%; width: 100%; height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; color: red; transform: translateY(-50%); } .slider-counter--numbers button.slider-button.slider-button--prev { left: 10px; right: auto; position: absolute; } .slider-counter--numbers button.slider-button.slider-button--next { right: 10px; left: auto; position: absolute; } /*Dots*/ .slider-counter--dots .slideshow__controls.slider-buttons{ position: absolute; bottom: 40px; margin: auto; left: 0; right: 0; z-index: 4;} /*numbers*/ .slider-counter--counter .slideshow__controls.slider-buttons{ position: absolute; bottom: 40px; margin: auto; left: 0; right: 0; z-index: 2;} /* @media screen and (min-width: 990px) { .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons { display: none; } } @media screen and (max-width: 989px) { .slider--desktop:not(.slider--tablet) + .slider-buttons { display: none; } } @media screen and (min-width: 750px) { .slider--mobile + .slider-buttons { display: none; } } */ .main-product_info.product.product--stacked .slider-buttons, .main-product_info.product .thumbnail-slider .slider-button, .main-product_info.product .media-count__1 .slider-buttons{display:none;} .main-product_info.product .slider-buttons { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .main-product_info.product .slider-button.slider-button--prev{left: 0; position: absolute;z-index:9; } .main-product_info.product .slider-button.slider-button--next{right: 0; position: absolute;z-index:9; } .slider-button { /* color: rgba(var(--foreground), 1); background: var(--foreground); */ color:rgb(var(--color-button-text)); background:rgba(var(--color-button), var(--alpha-button-background)); border: none; cursor: pointer; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; transition: all 0.3s linear; z-index: 3; border-radius:var(--blog-card-corner-radius); } .slider-button:not([disabled]):hover { background-color: rgba( var(--color-hover-button), var(--alpha-button-background) ); color: rgba(var(--color-button-hover-text)); } .slider-button .icon { height: 0.6rem; } .slider-button[disabled] .icon { color: rgba(var(--color-button-text),0.5); cursor: not-allowed; } .slider-button--next .icon { transform: rotate(270deg); width:15px; height:15px; } .slider-button--prev .icon { transform: rotate(90deg); width:15px; height:15px; } /* .slider-button--next:not([disabled]):hover .icon { transform: rotate(-90deg) scale(1.1); } .slider-button--prev:not([disabled]):hover .icon { transform: rotate(90deg) scale(1.1); } */ /* Code Added By Ahmad */ .custom_product_section { display: none !important; } slideshow-component { position: relative; display: flex; flex-direction: column; } .slideshow__media svg.placeholder-svg { width: 100%; height: 100%; } slideshow-component .swiper { cursor: grab; } .custom_product_section { display: flex; justify-content: space-between; width: 75%; align-items: center; position:relative; } .custom_product_section .card-wrapper { color: inherit; height: auto; position: absolute; text-decoration: none; /* top: -80px; */ width: 40%; left: auto; right: 0%; } .custom_product_section .card__content.for-arrow-alignment{display:flex;align-items:flex-end;} .custom_product_section .card__content [class*=variant-option]{flex-wrap:nowrap;} .custom_product_section .card__badge .badge.badge-sale{display:none;} .slideshow_deal ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .slideshow_deal ul li{ list-style: none; } .offer_badge { position: relative; z-index: -1; top:85px; } .offer_badge svg.placeholder-svg { width: 250px; border-radius: 50%; } /* .slideshow__text.banner__box .banner__text { width: 52%; } */ .slideshow__text.banner__box .banner__text{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .slideshow__text.banner__box .banner__buttons { margin-top: 5rem; } .slideshow__text .banner__buttons{position:relative;} .slideshow__text .button.button--secondary{width: 13rem;justify-content: flex-start;} .slideshow__media img{width:100%;} /*slider*/ button.slideshow__autoplay.slider-button.no-js-hidden { display: block; background:var(--gradient-base-background-2); left: 0; right: 0; margin: auto; } slideshow-component .slideshow.banner { flex-direction: row; flex-wrap: nowrap; margin: 0; gap: 0; } .slideshow__slide { padding: 0; position: relative; display: flex; flex-direction: column; } .slideshow__text.banner__box { display: flex; flex-direction: column; justify-content: center; max-width: 60%; } /* .slideshow__text.banner__box > *:not(:last-child){margin-bottom:20px; } */ .slideshow__text > * { max-width: 100%; } .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper { height: 100%; } /* .slideshow__controls { border: 0.1rem solid rgba(var(--color-foreground), 0.08); } */ .slideshow__controls--top { order: 2; z-index: 1; } .spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls { border-bottom: none; } slideshow-component:not(.page-width) .slider-buttons { border-right: 0; border-left: 0; } .slideshow__control-wrapper { display: flex; } .slideshow__autoplay { position: absolute; right: 0; border-left: none; display: flex; justify-content: center; align-items: center; } @media screen and (min-width:1500px) { .custom_product_section .card-wrapper { color: inherit; height: auto; position: absolute; text-decoration: none; top: -75px; width: 40%; left: auto; right: 0%; } } @media screen and (min-width:750px) and (max-width:1720px){ .slideshow__text-wrapper.banner__content{padding-left:4rem;} } @media screen and (max-width:1200px) { .slideshow__media.banner__media.media{opacity:0.5;} .custom_product_section .card__content.for-arrow-alignment{display: flex;flex-direction: column;align-items: flex-start;} } @media screen and (min-width: 750px) { .slideshow__autoplay.slider-button { position: inherit; margin-left: 0.6rem; padding: 0 0 0 0.6rem; border-left: 0.1rem solid rgba(var(--color-foreground), 0.08); } .slideshow__controls { position: relative; } .slideshow__text-wrapper.banner__content { height: 100%; /* padding: 5rem; */ } .slideshow__text.slideshow__text--left { align-items: flex-start; text-align: left; } .slideshow__text.slideshow__text--right { align-items: flex-end; text-align: right; } .slideshow--placeholder.banner--adapt_image { height: 56rem; } .slideshow__media img.mobile-slider{display:none;} .slideshow__media img.desktop-slider{display:block;} } @media screen and (min-width: 750px) and (max-width: 990px) { .slideshow__text.banner__box{ max-width:50%; width:50%;top: 40px;} .slideshow__text-wrapper.banner__content{padding-left:4rem; padding-right:4rem;} } @media screen and (max-width: 991px) { .slideshow__text.banner__box .banner__text {width: 100%;} .custom_product_section .offer_badge{display:none;} .custom_product_section .card-wrapper{position:relative;top:0;left:0;width:100%;} .custom_product_section .card__content.for-arrow-alignment{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;} } @media screen and (max-width: 989px) { .no-js slideshow-component .slider {padding-bottom: 3rem;} /* .custom_product_section{width:100%;max-width:100%;} */ } @media screen and (min-width: 750px) and (max-width: 768px){ .slideshow__text.banner__box{top:-60px;} } @media screen and (max-width: 750px) { .slideshow__media img.desktop-slider{display:none;} .slideshow__media img.mobile-slider{display:block;} .slideshow__media:after{opacity:0.8;} .slideshow__text.banner__box{width:80%;max-width:80%;} } @media screen and (max-width: 749px) { slideshow-component.page-width .slideshow__autoplay { right: 1.5rem; } .slideshow__controls--border-radius-mobile { border-bottom-right-radius: var(--text-boxes-radius); border-bottom-left-radius: var(--text-boxes-radius); } slideshow-component.page-width .slideshow__text { border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity)); border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity)); } .banner--mobile-bottom .slideshow__text.banner__box { max-width: 100%; } .banner--mobile-bottom .slideshow__text-wrapper { flex-grow: 1; } .banner--mobile-bottom .slideshow__text.banner__box { height: 100%; background:rgba(var(--color-background), 0) } .banner--mobile-bottom .slideshow__media.banner__media.media, .banner--stacked:not(.banner--mobile-bottom) .slideshow__media.banner__media.media{position:absolute;} .slideshow.banner--large.banner--mobile-bottom:not(.banner--adapt) .slideshow__media, .slideshow.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.slideshow__media{height:100%;} .banner--mobile-bottom .slideshow__text .button { flex-grow: 0; } .slideshow__text.slideshow__text-mobile--left { align-items: flex-start; text-align: left; } .slideshow__text.slideshow__text-mobile--right { align-items: flex-end; text-align: right; } .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media, .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) { height: 28rem; } } @media screen and (max-width: 576px) { .slideshow__text.banner__box{width:80%;max-width:80%;} .slideshow__text.banner__box .banner__buttons{margin-top:3rem;} .slideshow__text .custom_product_section{width:100%;max-width:100%;} .custom_product_section .card__content.for-arrow-alignment{display: flex;align-items: flex-start;flex-direction: column;} } @media screen and (max-width: 480px) { /* .slideshow .banner__content, .slideshow-with-promo-images .banner__content{ background: rgba(var(--color-base-background-1), 0.5);} */ .slideshow-with-promo-images .grouped-content .main-block slideshow-component .slide-promo .slideshow__media{ border: 0px solid rgb(var(--color-overlay));} .section-{{ section.id }}-slideshow .banner--mobile-bottom .slideshow__text-wrapper.banner__content{position:absolute;top:0px;} .slideshow__text.banner__box .banner__text{width:100%;} } .slideshow__autoplay .icon.icon-play, .slideshow__autoplay .icon.icon-pause { display: block; position: absolute; opacity: 1; transform: scale(1); transition: transform 150ms ease, opacity 150ms ease; width: 0.8rem; height: 1.2rem; left: 0; right: 0; margin: auto; bottom: 0; top: 0; } .slideshow__autoplay .icon.icon-play { height: 1rem; } .slideshow__autoplay path { fill: rgba(var(--color-foreground), 0.75); } .slideshow__autoplay:hover path { fill: rgb(var(--color-foreground)); } @media screen and (forced-colors: active) { .slideshow__autoplay path, .slideshow__autoplay:hover path{ fill: CanvasText; } } .slideshow__autoplay:hover svg { transform: scale(1.1); } .slideshow__autoplay--paused .icon-pause, .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play { visibility: hidden; opacity: 0; transform: scale(.8) } /* .slideshow__text.banner__box > *:not(:last-child){margin-bottom:15px;} */ .slideshow__media:after{background: var(--gradient-background);} .deal-clock ul li { display: flex; flex-direction: column; font-weight:800; padding-left:5px; } .deal-clock ul li span{ font-size:8px;text-transform:uppercase;color:rgb(var(--color-foreground),0.8); } .deal-clock ul li:not(span) { font-size: calc(var(--font-h3-size) - 8px); } .slideshow_deal { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; margin: 0 auto; position: absolute; top: auto; left: 0; right: 0; bottom: 15%; } @media screen and (max-width:576px){ .custom_product_section .card-wrapper{ color: inherit; height: 100%; position: relative; text-decoration: none; top: 0; width: 100%; left: 0; right: 0; } } .custom_product_section .card-wrapper .card__heading{font-family:var(--font-body-family);} .banner { display: flex; position: relative; flex-direction: column; } /* .slider__slide .slideshow__text-wrapper.banner__content.banner__content--top-center{ align-items: center; justify-content: center; margin-top: -51px; } */ .banner__box { text-align: center; } .banner__box .banner__text.body { width: 90%; } .banner__box.content-container .banner__text.body{font-size: var(--font-base-size);} @media only screen and (max-width: 749px) { .banner--content-align-mobile-right .banner__box { text-align: right; } .banner--content-align-mobile-left .banner__box { text-align: left; } .banner__box.content-container .banner__text.body{font-size: calc(var(--font-base-size) - 4px);} } @media only screen and (min-width: 750px) { .banner--content-align-right .banner__box { text-align: right; } .banner--content-align-left .banner__box { text-align: left; } .banner--content-align-left.banner--desktop-transparent .banner__box, .banner--content-align-right.banner--desktop-transparent .banner__box, .banner--medium.banner--desktop-transparent .banner__box { max-width: 83rem; } } @media screen and (max-width: 749px) { .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 28rem; } .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 34rem; } .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 39rem; } .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 28rem; } .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 50rem; } .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 39rem; } .banner__box .banner__text.body {width: 90%;margin:auto;} } @media screen and (min-width: 750px) { .banner { flex-direction: row; } .banner--small:not(.banner--adapt) { min-height: 42rem; } .banner--medium:not(.banner--adapt) { min-height: 60rem; } .banner--large:not(.banner--adapt) { min-height: 100rem; } .banner__content.banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .banner__content.banner__content--top-center { align-items: flex-start; justify-content: center; } .banner__content.banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .banner__content.banner__content--middle-left { align-items: center; justify-content: flex-start; } .banner__content.banner__content--middle-center { align-items: center; justify-content: center; } .banner__content.banner__content--middle-right { align-items: center; justify-content: flex-end; } .banner__content.banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .banner__content.banner__content--bottom-center { align-items: flex-end; justify-content: center; } .banner__content.banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .banner:not(.banner--stacked) { flex-direction: row; flex-wrap: wrap; } .banner--stacked { height: auto; } .banner--stacked .banner__media { flex-direction: column; } } .banner__media { height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .banner__media-half { width: 50%; } .banner__media-half + .banner__media-half { right: 0; left: auto; } @media screen and (max-width: 749px) { .banner--stacked .banner__media-half { width: 100%; } .banner--stacked .banner__media-half + .banner__media-half { order: 1; } } @media screen and (min-width: 750px) { .banner__media { height: 100%; } } .banner--adapt, .banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) { height:100%; } @media screen and (max-width: 749px) { .banner--mobile-bottom .banner__media, .banner--stacked:not(.banner--mobile-bottom) .banner__media { position: relative; } .banner--stacked.banner--adapt .banner__content { height: auto; } .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box { background-color: transparent; } .banner:not(.banner--mobile-bottom) .banner__box { border: none; border-radius: 0; box-shadow: none; } /* .banner:not(.banner--mobile-bottom) .button--secondary { --color-button: var(--color-base-background-1); --color-button-text: 0, 0, 0; --alpha-button-background: 1; } */ .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { position: absolute; height: auto; } .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content { max-height: 100%; overflow: hidden; position: absolute; } .banner--stacked:not(.banner--adapt) .banner__media { position: relative; } /* .banner::before { display: none !important; } */ .banner--stacked .banner__media-image-half { width: 100%; } } .banner__content { padding: 0; display: flex; /* position: absolute; */ width: 100%; align-items: center; justify-content: center; z-index: 2; /* height:100%; */ } @media screen and (min-width: 750px) { .banner__content { padding: 5rem; } .banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .banner__content--top-center { align-items: flex-start; justify-content: center; } .banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .banner__content--middle-left { align-items: center; justify-content: flex-start; } .banner__content--middle-center { align-items: center; justify-content: center; } .banner__content--middle-right { align-items: center; justify-content: flex-end; } .banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .banner__content--bottom-center { align-items: flex-end; justify-content: center; } .banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .banner--mobile-bottom:not(.banner--stacked) .banner__content { order: 2; } .banner:not(.banner--mobile-bottom) .field__input { background-color: transparent; } } .banner__box { padding: 4rem 0; position: relative; height: fit-content; align-items: center; text-align: center; width: 100%; word-wrap: break-word; z-index: 1; } @media screen and (min-width: 750px) { .banner--desktop-transparent .banner__box { background-color: transparent; } .banner--desktop-transparent .content-container:after { display: none; } } @media screen and (max-width: 749px) { .banner--mobile-bottom::after, .banner--mobile-bottom .banner__media::after { display: none; } } .banner__box > * + .banner__text { margin-top: 1.5rem; } @media screen and (min-width: 750px) { .banner__box > * + .banner__text { margin-top: 2rem; } } .banner__box > * + .banner__list { margin-top: 1.5rem; } @media screen and (min-width: 750px) { .banner__box > * + .banner__list { margin-top: 2rem; } } .banner__box > * + * { margin-top: 1rem; } .banner__box > *:first-child { margin-top: 0; } @media screen and (max-width: 749px) { .banner--stacked .banner__box { width: 100%; } .banner::after, .banner__media::after{ content: ''; position: absolute; top: 0; background: rgb(var(--color-background)); opacity: 0.5; z-index: 1; width: 100%; height: 100%; pointer-events: none; } } @media screen and (min-width: 750px) { .banner__box { width: auto; max-width: 71rem; min-width: 45rem; } } @media screen and (min-width: 990px) { .banner__heading { margin-bottom: 0rem; } } @media screen and (min-width: 1400px) { .banner__box { max-width: 90rem; } } .banner__box .banner__heading + * { margin-top: 2rem; } .banner__buttons { display: inline-flex; flex-wrap: wrap; gap: 1rem; max-width: 100%; word-break: break-word; } .banner__box > * + .banner__buttons { margin-top: 5rem; } @media screen and (max-width: 991px) { .banner__box > * + * {margin-top: 3rem;} } @media screen and (max-width: 749px) { .banner--content-align-mobile-right .banner__buttons--multiple { justify-content: flex-end; } .banner--content-align-mobile-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } } @media screen and (min-width: 750px) { .banner--content-align-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .banner--content-align-right .banner__buttons--multiple { justify-content: flex-end; } } @media screen and (max-width: 480px) { .banner--content-align-mobile-left .banner__box,.banner__box.content-container .banner__text.body{text-align:center;} .banner__box .banner__text.body{width:100%;} } .deal-banner.banner { display: flex; position: relative; flex-direction: column; } /* .slider__slide .slideshow__text-wrapper.banner__content.banner__content--top-center{ align-items: center; justify-content: center; margin-top: -51px; } */ .deal-banner .banner__box { text-align: center; } @media only screen and (max-width: 749px) { .deal-banner.banner--content-align-mobile-right .banner__box { text-align: right; } .deal-banner.banner--content-align-mobile-left .banner__box { text-align: left; } } .deal-banner .banner__box.content-container .banner__text.body{ margin-bottom:3.3rem; line-height: 25px; font-size: var(--font-base-size);} @media only screen and (min-width: 750px) { .deal-banner.banner--content-align-right .banner__box { text-align: right; } .deal-banner.banner--content-align-left .banner__box { text-align: left; } .deal-banner.banner--content-align-left .product-deal-count .deal-clock ul{justify-content:left} .deal-banner.banner--content-align-right .product-deal-count .deal-clock ul{justify-content:right} .deal-banner.banner--content-align-left.banner--desktop-transparent .banner__box, .deal-banner.banner--content-align-right.banner--desktop-transparent .banner__box, .deal-banner.banner--medium.banner--desktop-transparent .banner__box { max-width: 83rem; } } /* @media screen and (max-width: 749px) { .deal-banner.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media, .deal-banner.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 100%; } .deal-banner.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .deal-banner.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 100%; position:absolute; } .deal-banner.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .deal-banner.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 39rem; } .deal-banner.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 28rem; } .deal-banner.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 50rem; } .deal-banner.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 39rem; } } */ @media screen and (min-width: 750px) { .deal-banner.banner { flex-direction: row; } .deal-banner.banner--small:not(.banner--adapt) { min-height: 66rem; } .deal-banner.banner--medium:not(.banner--adapt) { min-height: 71.8rem; } .deal-banner.banner--large:not(.banner--adapt) { min-height: 100rem; } .deal-banner .banner__content.banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .deal-banner .banner__content.banner__content--top-center { align-items: flex-start; justify-content: center; } .deal-banner .banner__content.banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .deal-banner .banner__content.banner__content--middle-left { align-items: center; justify-content: flex-start; } .deal-banner .banner__content.banner__content--middle-center { align-items: center; justify-content: center; } .deal-banner .banner__content.banner__content--middle-right { align-items: center; justify-content: flex-end; } .deal-banner .banner__content.banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .deal-banner .banner__content.banner__content--bottom-center { align-items: flex-end; justify-content: center; } .deal-banner .banner__content.banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .deal-banner.banner:not(.banner--stacked) { flex-direction: row; flex-wrap: wrap; } .deal-banner.banner--stacked { height: auto; } .deal-banner.banner--stacked .banner__media { flex-direction: column; } .deal-banner .banner__content{ background: rgb(var(--color-background),0.8);} } .deal-banner .banner__media { height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .deal-banner .banner__media-half { width: 50%; } .deal-banner .banner__media-half + .banner__media-half { right: 0; left: auto; } @media screen and (max-width: 749px) { .deal-banner.banner--stacked .banner__media-half { width: 100%; } .deal-banner.banner--stacked .banner__media-half + .banner__media-half { order: 1; } } @media screen and (min-width: 750px) { .deal-banner .banner__media { height: 100%; } } .deal-banner .isolate{width:100%} .deal-banner.banner--adapt, .deal-banner.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) { height:100%; } @media screen and (max-width: 749px) { /* .deal-banner.banner--mobile-bottom .banner__media, .deal-banner.banner--stacked:not(.banner--mobile-bottom) .banner__media { position: relative; } */ .deal-banner.banner--stacked.banner--adapt .banner__content { height: auto; } /* .deal-banner.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box { background-color: transparent; --color-foreground: 255, 255, 255; --color-button: 255, 255, 255; --color-button-text: 0, 0, 0; } */ .deal-banner.banner:not(.banner--mobile-bottom) .banner__box { border: none; border-radius: 0; box-shadow: none; } .deal-banner.banner:not(.banner--mobile-bottom) .button--secondary { --color-button: var(--color-base-background-1); --color-button-text: 0, 0, 0; --alpha-button-background: 1; } .deal-banner.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { position: absolute; height: auto; } .deal-banner.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content { max-height: 100%; overflow: hidden; position: absolute; } .deal-banner.banner--stacked:not(.banner--adapt) .banner__media { position: relative; } /* .banner::before { display: none !important; } */ .deal-banner.banner--stacked .banner__media-image-half { width: 100%; } } .deal-banner .banner__content { padding: 0; display: flex; position: relative; width: 100%; align-items: center; justify-content: center; z-index: 2; } @media screen and (min-width: 750px) { .deal-banner .banner__content { padding: 5rem; } .deal-banner .banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .deal-banner .banner__content--top-center { align-items: flex-start; justify-content: center; } .deal-banner .banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .deal-banner .banner__content--middle-left { align-items: center; justify-content: flex-start; } .deal-banner .banner__content--middle-center { align-items: center; justify-content: center; } .deal-banner .banner__content--middle-right { align-items: center; justify-content: flex-end; } .deal-banner .banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .deal-banner .banner__content--bottom-center { align-items: flex-end; justify-content: center; } .deal-banner .banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .deal-banner.banner--mobile-bottom:not(.banner--stacked) .banner__content { order: 2; } .deal-banner.banner:not(.banner--mobile-bottom) .field__input { background-color: transparent; } } .deal-banner .banner__box { padding: 4rem; position: relative; height: fit-content; align-items: center; text-align: center; width: 100%; word-wrap: break-word; z-index: 1; } @media screen and (min-width: 750px) { .deal-banner.banner--desktop-transparent .banner__box { background-color: rgb(var(--color-background)); /* --color-foreground: var(--color-base-background-1); */ max-width: 82rem; border: none; border-radius: 0; box-shadow: none; } .deal-banner.banner--desktop-transparent .button--secondary { --color-button: var(--color-base-background-1); --color-button-text: 0, 0, 0; --alpha-button-background: 1; } .deal-banner.banner--desktop-transparent .content-container:after { display: none; } } @media screen and (max-width: 749px) { .deal-banner.banner--mobile-bottom::after, .deal-banner.banner--mobile-bottom .banner__media::after { display: none; } } /* .banner::after, */ .deal-banner .banner__media::after { content: ''; position: absolute; top: 0; background: #000000; opacity: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; } .deal-banner .banner__box > *:not(:last-child){margin:0 0 20px;} .deal-banner .banner__box .banner__sub_heading, .deal-banner .banner__box .banner__heading {margin:0 0 10px;} @media screen and (max-width: 749px) { .deal-banner.banner--stacked .banner__box { width: 100%; } } @media screen and (min-width: 750px) { .deal-banner .banner__box { width: auto; max-width: 71rem; min-width: 45rem; } } @media screen and (min-width: 1400px) { .deal-banner .banner__box { max-width: 66.5rem; } } .deal-banner .banner__buttons { display: inline-flex; flex-wrap: wrap; gap: 1rem; max-width: 100%; word-break: break-word; } @media screen and (max-width: 749px) { .deal-banner .banner__box .banner__buttons{justify-content:center;} .deal-banner.banner--content-align-mobile-right .banner__buttons--multiple { justify-content: flex-end; } .deal-banner.banner--content-align-mobile-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } } .deal-banner .banner__list.subtitle.icon { display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 750px) { .deal-banner.banner--content-align-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .deal-banner.banner--content-align-right .banner__buttons--multiple { justify-content: flex-end; } .deal-banner .banner__list.subtitle.icon span{ font-size: var(--font-h3-size); margin-left: 20px; letter-spacing: 0; } .deal-banner .banner__list.subtitle.icon { display: flex; flex-direction:row; align-items: center; } } /* h2.banner__heading span { color: var(--gradient-background); } */ .deal-banner .banner__list.subtitle.icon span{ margin-left: 20px; letter-spacing: 0; } .deal-banner .banner__buttons a.button.button--primary { margin-top:0rem; } .deal-banner .banner__text.subtitle span:after { content: ""; width: 50px; height: 1px; display: inline-block; vertical-align: middle; background:currentcolor; margin: auto; position: relative; left: 15px; right: 0; top: 0; } .deal-banner .image-with-text p.image-with-text__text { margin-bottom: 20px; } .deal-banner .bg-image{ z-index:-1; } .deal-banner .product-deal-count .deal-lable { display:none} .deal-banner .product-deal-count .deal-clock { display:inline-block;text-align:center;width:100%;margin-top:0rem;margin-bottom: 0px;z-index:1; transition: all 0.3s linear;position:relative; } .deal-banner .product-deal-count .deal-clock ul { padding:0px;list-style:none;text-align:center;width: 100%;margin:40px 0; display: flex; justify-content: center;gap:45px;/*grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: .5rem;*/ } .deal-banner .product-deal-count .deal-clock ul li { padding:10px 0; margin: 0;display:flex;align-items:center;text-align:center;border:none;line-height:normal;min-width:120px;min-height:120px; color:rgba(var(--color-foreground));font-family:var(--font-body-family); background: rgb(var(--color-background));justify-content:space-between;flex-direction:column;font-weight:var(--font-heading-weight);font-size: var(--font-h2-size);border: 1px solid rgb(var(--color-border));border-radius:var(--media-radius);position:relative;} .deal-banner .product-deal-count .deal-clock ul li span { border: none; font-size: calc(var(--font-base-size) - 2px); display: block; min-width: auto; min-height: auto;font-weight:500;font-family:var(--font-body-family);text-transform:uppercase; color:rgba(var(--color-foreground));} .deal-banner .product-deal-count .deal-clock ul li:before {content:'';position:absolute;background:rgb(var(--color-border));bottom:40px;width:100%;height:1px;} .deal-banner .product-deal-count .deal-clock ul li:not(:last-child):after {content:':';position:absolute;right:-30px;top:30px;color:rgba(var(--color-foreground), 0.09);} .deal-banner .product-deal-count .deal-clock ul li i{display:block} /* .deal-banner .product-deal-count .deal-clock ul li:not(:last-child){margin-right:15px;} */ .deal-banner .product-deal-count{align-items: center;} .deal-banner.banner .row{height: 100%;} .deal-banner .banner__content{padding:0rem;} .deal-banner.custom-deal-banner .banner__box{ background:transparent; padding:0; } .deal-banner.custom-deal-banner .banner__box .banner__sub_heading{ text-transform:uppercase; letter-spacing:2.6px; margin:0; font-size:calc(var(--font-base-size) - 4px); } .deal-banner.custom-deal-banner .banner__box .banner__heading{ font-weight: 500;margin:0; } .deal-banner .deal-banner-wrapper{ position: relative;height: 100%;} .deal-banner.custom-deal-banner .product-deal-count .deal-clock ul li{position:relative;/*width: max-content;*/} .deal-banner.custom-deal-banner .product-deal-count .deal-clock ul li:not(:first-child):before{ content:''; height:2px; width:16px; background: rgba( var(--color-base-background-1), 0.25); display:block; position:absolute; top:35px; z-index:-1; right:100%} .deal-banner.custom-deal-banner .product-deal-count .deal-clock ul li:not(:first-child):after{ content:''; height:2px; width:16px; background: rgba( var(--color-base-background-1), 0.25); display:block; position:absolute; bottom:35px; z-index:-1; right:100%} @media screen and (max-width: 749px) { .deal-banner.custom-deal-banner .product-deal-count .deal-clock ul{width:100%;justify-content:center;} .deal-banner .product-deal-count .deal-clock ul li {min-width:100px;min-height:100px; font-size:calc(var(--font-h2-size) - 10px);padding:8px 0;} .deal-banner .product-deal-count .deal-clock ul li:not(:last-child):after {right:-22px;top:25px;} .deal-banner .product-deal-count .deal-clock ul{gap:30px;} .deal-banner .product-deal-count .deal-clock ul li:before{bottom:36px;} } @media screen and (max-width: 576px) { .deal-banner .product-deal-count .deal-clock ul li{ font-size:calc(var(--font-h2-size) - 20px); min-height:90px; min-width:90px; } .deal-banner .banner__content{padding:15px;} .deal-banner .banner__box{padding:0;} .deal-banner .product-deal-count .deal-clock ul{gap:20px;} .deal-banner .product-deal-count .deal-clock ul li:not(:last-child):after {display:none;} } @media screen and (max-width: 479px) { .deal-banner .banner__content{padding:1rem;} .deal-banner .product-deal-count .deal-clock ul li{ font-size:calc(var(--font-h2-size) - 22px); min-height:80px; min-width:60px; } .deal-banner .product-deal-count .deal-clock ul li:before{bottom:34px;} .deal-banner .product-deal-count .deal-clock ul{gap:10px;margin:20px 0;} .deal-banner .product-deal-count .deal-clock ul li span {font-size: calc(var(--font-base-size) - 4px);} } .deal-banner-wrapper .banner__content{height:100%;}