/* i-Light source: catalog/view/javascript/jquery/swiper/css/swiper.min.css */ /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* i-Light source: catalog/view/javascript/ilight/panel-series-hero-v100.css */ /* Text remains real UTF-8 HTML, independent of the photographic backgrounds. */ .ilight-autumn-hero{position:relative;width:100%;margin:0 0 24px;overflow:hidden;border-radius:4px;background:#202622;font-family:Arial,"Helvetica Neue",sans-serif;isolation:isolate} .ilight-autumn-hero *{box-sizing:border-box} .ilight-autumn-hero .ilight-autumn-hero__viewport{width:100%;margin:0;overflow:hidden} .ilight-autumn-hero .swiper-wrapper{display:flex;align-items:stretch} .ilight-autumn-hero .ilight-autumn-hero__slide{height:auto;flex-shrink:0;color:#fff} .ilight-autumn-hero .ilight-autumn-hero__slide--light{color:#242b28} .ilight-autumn-hero .ilight-autumn-hero__link{position:relative;display:block;width:100%;height:0;padding-bottom:36.4293%;color:inherit!important;text-decoration:none!important;overflow:hidden} .ilight-autumn-hero .ilight-autumn-hero__picture{position:absolute;inset:0;display:block} .ilight-autumn-hero .ilight-autumn-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;border:0} .ilight-autumn-hero .ilight-autumn-hero__link:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(13,23,18,.4),rgba(13,23,18,.08) 48%,transparent 64%);pointer-events:none} .ilight-autumn-hero .ilight-autumn-hero__slide--light .ilight-autumn-hero__link:before{background:linear-gradient(90deg,rgba(250,247,241,.35),rgba(250,247,241,.08) 48%,transparent 64%)} .ilight-autumn-hero .ilight-autumn-hero__content{position:absolute;z-index:2;top:50%;left:5%;width:43%;transform:translateY(-50%);padding:0 0 12px} .ilight-autumn-hero .ilight-autumn-hero__eyebrow{margin:0 0 14px;font-size:clamp(12px,1.05vw,19px);font-weight:700;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:inherit} .ilight-autumn-hero .ilight-autumn-hero__title{margin:0 0 20px;font-family:inherit;font-size:clamp(26px,3.1vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:inherit;text-transform:none;text-wrap:balance} .ilight-autumn-hero .ilight-autumn-hero__description{margin:0 0 26px;max-width:34em;font-size:clamp(14px,1.3vw,25px);line-height:1.45;font-weight:400;color:inherit} .ilight-autumn-hero .ilight-autumn-hero__cta{display:inline-flex;align-items:center;gap:16px;padding:12px 22px;border:1px solid transparent;border-radius:3px;background:#ff851b;color:#202a33;font-size:clamp(13px,1vw,18px);font-weight:700;line-height:1.3;transition:background-color .15s ease} .ilight-autumn-hero .ilight-autumn-hero__link:hover .ilight-autumn-hero__cta{background:#ffa344} .ilight-autumn-hero .ilight-autumn-hero__controls{position:absolute;right:24px;bottom:18px;z-index:4;display:flex;align-items:center;gap:6px;padding:4px;border-radius:25px;background:rgba(255,255,255,.94);color:#26332b} .ilight-autumn-hero .ilight-autumn-hero__controls[hidden]{display:none} .ilight-autumn-hero .ilight-autumn-hero__controls button{appearance:none;-webkit-appearance:none;border:0;background:none;margin:0;padding:0;color:#26332b;font-family:inherit;line-height:1;cursor:pointer;box-shadow:none;text-shadow:none} .ilight-autumn-hero .ilight-autumn-hero__previous,.ilight-autumn-hero .ilight-autumn-hero__next{width:32px;height:32px;border-radius:50%;font-size:30px!important;font-weight:400} .ilight-autumn-hero .ilight-autumn-hero__pagination{display:flex;align-items:center;gap:3px;width:auto;text-align:center;line-height:1} .ilight-autumn-hero .ilight-autumn-hero__pagination .swiper-pagination-bullet{position:relative;width:22px;height:30px;opacity:1;background:transparent;border-radius:3px;display:block} .ilight-autumn-hero .ilight-autumn-hero__pagination .swiper-pagination-bullet:before{content:"";display:block;position:absolute;width:8px;height:8px;left:7px;top:11px;background:#768277;border-radius:50%} .ilight-autumn-hero .ilight-autumn-hero__pagination .swiper-pagination-bullet-active:before{background:#db6400;box-shadow:0 0 0 2px #db6400} .ilight-autumn-hero .ilight-autumn-hero__toggle{min-height:32px;padding:0 12px!important;border-left:1px solid #d5dad6!important;border-radius:0 20px 20px 0;font-size:12px!important;font-weight:700;white-space:nowrap} .ilight-autumn-hero button:focus-visible,.ilight-autumn-hero .ilight-autumn-hero__link:focus-visible{outline:3px solid #ff851b;outline-offset:-3px} @media(min-width:641px) and (max-width:1000px){.ilight-autumn-hero .ilight-autumn-hero__content{left:4%;width:47%;padding-bottom:20px}.ilight-autumn-hero .ilight-autumn-hero__eyebrow{margin-bottom:8px}.ilight-autumn-hero .ilight-autumn-hero__title{font-size:28px;margin-bottom:12px}.ilight-autumn-hero .ilight-autumn-hero__description{margin-bottom:14px;font-size:14px}.ilight-autumn-hero .ilight-autumn-hero__cta{padding:9px 14px}.ilight-autumn-hero .ilight-autumn-hero__controls{right:12px;bottom:10px}} /* Portrait artwork retained; CTA and playback share one compact footer row. */ @media(max-width:640px){ .ilight-autumn-hero{--ilight-hero-side:clamp(14px,4vw,22px);margin-bottom:18px;border-radius:0} .ilight-autumn-hero .ilight-autumn-hero__link{height:100%;padding:0;background:#202822;display:flex;flex-direction:column} .ilight-autumn-hero .ilight-autumn-hero__slide--light .ilight-autumn-hero__link{background:#f1ece4} .ilight-autumn-hero .ilight-autumn-hero__picture{position:absolute;inset:auto 0 auto;top:0;width:100%;height:0;padding-bottom:125%;overflow:hidden} .ilight-autumn-hero .ilight-autumn-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top} .ilight-autumn-hero .ilight-autumn-hero__picture--desktop-fallback .ilight-autumn-hero__image{object-position:78% center} .ilight-autumn-hero .ilight-autumn-hero__link:before{display:block;inset:0 0 auto;top:0;height:0;padding-bottom:125%;background:linear-gradient(180deg,transparent 42%,rgba(32,40,34,.16) 55%,rgba(32,40,34,.9) 76%,#202822 100%)} .ilight-autumn-hero .ilight-autumn-hero__slide--light .ilight-autumn-hero__link:before{background:linear-gradient(180deg,transparent 42%,rgba(241,236,228,.16) 55%,rgba(241,236,228,.92) 76%,#f1ece4 100%)} .ilight-autumn-hero .ilight-autumn-hero__content{position:relative;top:auto;left:auto;width:100%;transform:none;margin-top:75%;padding:0 var(--ilight-hero-side) 16px;flex:1;display:flex;flex-direction:column;align-items:flex-start} .ilight-autumn-hero .ilight-autumn-hero__eyebrow{font-size:12px;line-height:1.35;margin-bottom:8px} .ilight-autumn-hero .ilight-autumn-hero__title{font-size:clamp(26px,7.2vw,34px);line-height:1.1;margin-bottom:12px;max-width:18em} .ilight-autumn-hero .ilight-autumn-hero__description{font-size:15px;line-height:1.4;margin-bottom:16px;max-width:30em} .ilight-autumn-hero .ilight-autumn-hero__cta{width:calc(100% - 148px);min-width:0;min-height:44px;justify-content:center;align-self:flex-start;font-size:13px;letter-spacing:0;line-height:1.3;padding:10px 8px;margin-top:auto;gap:0;white-space:normal;text-align:center} .ilight-autumn-hero .ilight-autumn-hero__cta>span[aria-hidden="true"]{display:none} .ilight-autumn-hero .ilight-autumn-hero__controls{right:var(--ilight-hero-side);left:auto;bottom:16px;transform:none;width:140px;max-width:none;min-height:44px;justify-content:flex-end;gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} .ilight-autumn-hero .ilight-autumn-hero__previous,.ilight-autumn-hero .ilight-autumn-hero__next{display:none} .ilight-autumn-hero .ilight-autumn-hero__pagination{gap:0;flex:0 0 96px;width:96px} .ilight-autumn-hero .ilight-autumn-hero__pagination .swiper-pagination-bullet{width:24px;height:44px;flex:0 0 24px;margin:0} .ilight-autumn-hero .ilight-autumn-hero__pagination .swiper-pagination-bullet:before{left:8px;top:18px;background:#7a887e} .ilight-autumn-hero .ilight-autumn-hero__pagination .swiper-pagination-bullet-active:before{background:#db6400;box-shadow:0 0 0 2px #db6400} .ilight-autumn-hero .ilight-autumn-hero__toggle{position:relative;flex:0 0 44px;width:44px;min-height:44px;padding:0!important;border:0!important;border-radius:0;font-size:0!important;background:radial-gradient(circle at center,rgba(255,255,255,.92) 0 16px,transparent 16.5px)!important} .ilight-autumn-hero .ilight-autumn-hero__toggle:before{content:"";position:absolute;left:18px;top:16px;box-sizing:border-box;width:8px;height:12px;border:0;border-left:3px solid #26332b;border-right:3px solid #26332b} .ilight-autumn-hero .ilight-autumn-hero__toggle[aria-pressed="true"]:before{left:19px;top:16px;width:0;height:0;border:6px solid transparent;border-left:9px solid #26332b;border-right:0} /* Escape only the phone container gutters; product cards keep their existing layout. */ .ilight-autumn-hero{width:100vw;max-width:none;left:50%;margin-left:-50vw;margin-right:0} } @media(min-width:641px) and (max-width:991px){ .ilight-autumn-hero--so-mobile{--ilight-hero-side:clamp(14px,4vw,22px);margin-bottom:18px;border-radius:0} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__link{height:100%;padding:0;background:#202822;display:flex;flex-direction:column} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__slide--light .ilight-autumn-hero__link{background:#f1ece4} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__picture{position:absolute;inset:auto 0 auto;top:0;width:100%;height:0;padding-bottom:125%;overflow:hidden} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__picture--desktop-fallback .ilight-autumn-hero__image{object-position:78% center} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__link:before{display:block;inset:0 0 auto;top:0;height:0;padding-bottom:125%;background:linear-gradient(180deg,transparent 42%,rgba(32,40,34,.16) 55%,rgba(32,40,34,.9) 76%,#202822 100%)} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__slide--light .ilight-autumn-hero__link:before{background:linear-gradient(180deg,transparent 42%,rgba(241,236,228,.16) 55%,rgba(241,236,228,.92) 76%,#f1ece4 100%)} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__content{position:relative;top:auto;left:auto;width:100%;transform:none;margin-top:75%;padding:0 var(--ilight-hero-side) 16px;flex:1;display:flex;flex-direction:column;align-items:flex-start} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__eyebrow{font-size:12px;line-height:1.35;margin-bottom:8px} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__title{font-size:clamp(26px,7.2vw,34px);line-height:1.1;margin-bottom:12px;max-width:18em} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__description{font-size:15px;line-height:1.4;margin-bottom:16px;max-width:30em} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__cta{width:calc(100% - 148px);min-width:0;min-height:44px;justify-content:center;align-self:flex-start;font-size:13px;letter-spacing:0;line-height:1.3;padding:10px 8px;margin-top:auto;gap:0;white-space:normal;text-align:center} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__cta>span[aria-hidden="true"]{display:none} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__controls{right:var(--ilight-hero-side);left:auto;bottom:16px;transform:none;width:140px;max-width:none;min-height:44px;justify-content:flex-end;gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__previous,.ilight-autumn-hero--so-mobile .ilight-autumn-hero__next{display:none} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination{gap:0;flex:0 0 96px;width:96px} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination .swiper-pagination-bullet{width:24px;height:44px;flex:0 0 24px;margin:0} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination .swiper-pagination-bullet:before{left:8px;top:18px;background:#7a887e} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination .swiper-pagination-bullet-active:before{background:#db6400;box-shadow:0 0 0 2px #db6400} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__toggle{position:relative;flex:0 0 44px;width:44px;min-height:44px;padding:0!important;border:0!important;border-radius:0;font-size:0!important;background:radial-gradient(circle at center,rgba(255,255,255,.92) 0 16px,transparent 16.5px)!important} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__toggle:before{content:"";position:absolute;left:18px;top:16px;box-sizing:border-box;width:8px;height:12px;border:0;border-left:3px solid #26332b;border-right:3px solid #26332b} .ilight-autumn-hero--so-mobile .ilight-autumn-hero__toggle[aria-pressed="true"]:before{left:19px;top:16px;width:0;height:0;border:6px solid transparent;border-left:9px solid #26332b;border-right:0} } @media(prefers-reduced-motion:reduce){.ilight-autumn-hero .ilight-autumn-hero__cta{transition:none}} /* Additive fifth slide. Before JS, keep only the original first banner visible. */ .ilight-autumn-hero--panel-series:not([data-hero-ready]) .ilight-autumn-hero__slide:not(:first-child){display:none} .ilight-autumn-hero--panel-series .swiper-wrapper{align-items:flex-start} .ilight-autumn-hero--panel-series .ilight-autumn-hero__slide{width:100%;height:auto} .ilight-autumn-hero .ilight-autumn-hero__panel{background:#0c1b26;color:#fff} .ilight-autumn-hero .ilight-autumn-hero__panel:before{background:linear-gradient(90deg,rgba(13,29,40,.5),rgba(13,29,40,.3) 35%,transparent 67%)} .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__content{width:49%;padding-bottom:0} .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__title{max-width:14em;text-wrap:balance;font-size:clamp(26px,3.1vw,64px)} .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__description{font-size:clamp(13px,1.12vw,24px);margin-bottom:6px} .ilight-autumn-hero .ilight-autumn-hero__specs{margin:0;color:#d1dce3;font-size:clamp(12px,.95vw,20px);line-height:1.4} .ilight-autumn-hero .ilight-autumn-hero__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:24px} .ilight-autumn-hero .ilight-autumn-hero__choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;min-height:66px;padding:14px 34px 14px 14px;border:1px solid rgba(255,255,255,.34);border-radius:5px;background:rgba(10,25,38,.8);color:#fff!important;text-decoration:none!important;line-height:1.3} .ilight-autumn-hero .ilight-autumn-hero__choice strong{font-size:clamp(16px,1.25vw,26px);line-height:1.1;font-weight:700} .ilight-autumn-hero .ilight-autumn-hero__choice span{font-size:clamp(10px,.82vw,17px);line-height:1.35;color:inherit;white-space:normal} .ilight-autumn-hero .ilight-autumn-hero__choice svg{position:absolute;right:10px;top:16px;width:20px;height:18px} .ilight-autumn-hero .ilight-autumn-hero__choice:first-child{background:#ff8618;border-color:#ff8618;color:#122630!important} .ilight-autumn-hero .ilight-autumn-hero__choice:hover{border-color:#ff8618;background:#263b4a} .ilight-autumn-hero .ilight-autumn-hero__choice:first-child:hover{background:#ff9a40;border-color:#ff9a40} .ilight-autumn-hero .ilight-autumn-hero__choice:focus-visible{outline:3px solid #ff8618;outline-offset:2px} @media(min-width:641px) and (max-width:1000px){ .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__content{width:49%;left:4%} .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__title{font-size:clamp(22px,3vw,30px);margin-bottom:9px} .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__description{font-size:12px;line-height:1.25} .ilight-autumn-hero .ilight-autumn-hero__panel .ilight-autumn-hero__eyebrow{font-size:10px;margin-bottom:8px} .ilight-autumn-hero .ilight-autumn-hero__choices{gap:6px;margin-top:12px} .ilight-autumn-hero .ilight-autumn-hero__choice{padding:9px 20px 9px 9px;gap:4px;min-height:54px} .ilight-autumn-hero .ilight-autumn-hero__choice svg{right:5px;top:11px;width:14px;height:13px} } @media(max-width:640px){ .ilight-autumn-hero--panel-series .ilight-autumn-hero__link{height:auto} .ilight-autumn-hero--panel-series .ilight-autumn-hero__panel .ilight-autumn-hero__picture{padding-bottom:125%} .ilight-autumn-hero--panel-series .ilight-autumn-hero__panel:before{height:0;padding-bottom:125%;background:linear-gradient(180deg,transparent 55%,rgba(12,27,38,.10) 65%,#0c1b26 100%)} .ilight-autumn-hero--panel-series .ilight-autumn-hero__panel .ilight-autumn-hero__content{position:relative;left:auto;top:auto;width:100%;margin-top:86%;transform:none;padding:0 var(--ilight-hero-side) 76px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__panel .ilight-autumn-hero__eyebrow{font-size:10px;letter-spacing:.075em;margin-bottom:10px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__panel .ilight-autumn-hero__title{max-width:16em;font-size:clamp(27px,8vw,42px);line-height:1.06;margin-bottom:12px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__panel .ilight-autumn-hero__description{font-size:14px;line-height:1.4;margin-bottom:7px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__specs{font-size:13px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__choices{grid-template-columns:1fr;gap:8px;margin-top:18px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__choice{min-height:50px;padding:8px 40px 8px 14px;gap:3px;border-radius:4px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__choice strong{font-size:14px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__choice span{font-size:11px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__choice svg{top:50%;right:13px;width:20px;height:16px;transform:translateY(-50%)} .ilight-autumn-hero--panel-series .ilight-autumn-hero__controls{width:164px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__pagination{flex:0 0 120px;width:120px} .ilight-autumn-hero--panel-series .ilight-autumn-hero__cta{width:calc(100% - 172px)} } @media(min-width:641px) and (max-width:991px){ .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__link{height:auto} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__panel .ilight-autumn-hero__picture{padding-bottom:125%} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__panel:before{height:0;padding-bottom:125%;background:linear-gradient(180deg,transparent 55%,rgba(12,27,38,.10) 65%,#0c1b26 100%)} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__panel .ilight-autumn-hero__content{position:relative;left:auto;top:auto;width:100%;margin-top:86%;transform:none;padding:0 var(--ilight-hero-side) 76px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__panel .ilight-autumn-hero__eyebrow{font-size:10px;letter-spacing:.075em;margin-bottom:10px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__panel .ilight-autumn-hero__title{max-width:16em;font-size:clamp(27px,8vw,42px);line-height:1.06;margin-bottom:12px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__panel .ilight-autumn-hero__description{font-size:14px;line-height:1.4;margin-bottom:7px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__specs{font-size:13px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__choices{grid-template-columns:1fr;gap:8px;margin-top:18px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__choice{min-height:50px;padding:8px 40px 8px 14px;gap:3px;border-radius:4px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__choice strong{font-size:14px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__choice span{font-size:11px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__choice svg{top:50%;right:13px;width:20px;height:16px;transform:translateY(-50%)} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__controls{width:164px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination{flex:0 0 120px;width:120px} .ilight-autumn-hero--panel-series.ilight-autumn-hero--so-mobile .ilight-autumn-hero__cta{width:calc(100% - 172px)} } /* i-Light source: catalog/view/javascript/ilight/claire-baked-v101.css */ /* Keep the approved CLAIRE artwork complete, including its baked-in copy. */ .ilight-autumn-hero.ilight-claire-carousel .swiper-wrapper{align-items:flex-start} .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__slide{height:auto;flex-shrink:0} .ilight-autumn-hero.ilight-claire-carousel:not([data-hero-ready]) .ilight-autumn-hero__slide:not(:first-child){display:none} .ilight-autumn-hero.ilight-claire-carousel .ilight-claire-baked{background:#202622} .ilight-autumn-hero.ilight-claire-carousel .ilight-claire-baked__link{position:relative;display:block;width:100%;height:auto;min-height:0;padding:0;margin:0;overflow:hidden;background:transparent;transform:none;color:inherit!important;text-decoration:none!important} .ilight-autumn-hero.ilight-claire-carousel .ilight-claire-baked__link:before,.ilight-autumn-hero.ilight-claire-carousel .ilight-claire-baked__link:after{content:none;display:none} .ilight-autumn-hero.ilight-claire-carousel .ilight-claire-baked__image{position:static;display:block;width:100%;height:auto;min-height:0;max-width:100%;max-height:none;margin:0;padding:0;border:0;object-fit:contain;transform:none} .ilight-autumn-hero.ilight-claire-carousel .ilight-claire-baked__link:focus-visible{outline:3px solid #ff851b;outline-offset:-3px} /* Controls occupy a separate strip below the complete phone artwork. */ @media(max-width:640px){ .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__slide{padding-bottom:64px} .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__controls{right:16px;left:auto;bottom:12px;width:auto;max-width:calc(100% - 32px);min-height:44px;gap:4px;justify-content:flex-end} .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__pagination{flex:0 1 auto;width:auto;max-width:calc(100vw - 84px);overflow-x:auto;gap:0} .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__pagination .swiper-pagination-bullet{width:20px;flex:0 0 20px} .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__pagination .swiper-pagination-bullet:before{left:6px} .ilight-autumn-hero.ilight-claire-carousel .ilight-autumn-hero__toggle{flex:0 0 44px} } @media(min-width:641px) and (max-width:991px){ .ilight-autumn-hero.ilight-claire-carousel.ilight-autumn-hero--so-mobile .ilight-autumn-hero__slide{padding-bottom:64px} .ilight-autumn-hero.ilight-claire-carousel.ilight-autumn-hero--so-mobile .ilight-autumn-hero__controls{right:16px;left:auto;bottom:12px;width:auto;max-width:calc(100% - 32px);min-height:44px;gap:4px;justify-content:flex-end} .ilight-autumn-hero.ilight-claire-carousel.ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination{flex:0 1 auto;width:auto;max-width:calc(100vw - 84px);overflow-x:auto;gap:0} .ilight-autumn-hero.ilight-claire-carousel.ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination .swiper-pagination-bullet{width:20px;flex:0 0 20px} .ilight-autumn-hero.ilight-claire-carousel.ilight-autumn-hero--so-mobile .ilight-autumn-hero__pagination .swiper-pagination-bullet:before{left:6px} .ilight-autumn-hero.ilight-claire-carousel.ilight-autumn-hero--so-mobile .ilight-autumn-hero__toggle{flex:0 0 44px} } /* i-Light source: catalog/view/javascript/so_basic_products/css/style.css */ /*------------------------------------------------------------------------ * @package Sj Virtue Mart * @version 2.0 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL * @copyright (c) 2012 YouTech Company. All Rights Reserved. * @author YouTech Company http://www.smartaddons.com * *-------------------------------------------------------------------------*/ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .so-basic-product{ margin:0; padding:0; overflow:hidden; } .so-basic-product .item-wrap { overflow: hidden; } .so-basic-product .item-element { float:left; } .so-basic-product .item-element .item-inner{ padding:0 15px 0 15px; } @media all and (max-width: 479px){ .so-basic-product .preset04-1 .item-element{width: 100%;} .so-basic-product .preset04-2 .item-element{width: 50%;} .so-basic-product .preset04-3 .item-element{width: 33.3295%;} .so-basic-product .preset04-4 .item-element{width: 25%;} .so-basic-product .preset04-5 .item-element{width: 20%;} .so-basic-product .preset04-6 .item-element{width: 16.6595%;} .so-basic-product .preset04-1 .clr1, .so-basic-product .preset04-2 .clr2, .so-basic-product .preset04-3 .clr3, .so-basic-product .preset04-4 .clr4, .so-basic-product .preset04-5 .clr5, .so-basic-product .preset04-6 .clr6{ clear: both; } } @media all and (min-width: 480px) and (max-width: 767px){ .so-basic-product .preset03-1 .item-element{width: 100%;} .so-basic-product .preset03-2 .item-element{width: 50%;} .so-basic-product .preset03-3 .item-element{width: 33.3295%;} .so-basic-product .preset03-4 .item-element{width: 25%; } .so-basic-product .preset03-5 .item-element{width: 20%;} .so-basic-product .preset03-6 .item-element{width: 16.6595%;} .so-basic-product .preset03-1 .clr1, .so-basic-product .preset03-2 .clr2, .so-basic-product .preset03-3 .clr3, .so-basic-product .preset03-4 .clr4, .so-basic-product .preset03-5 .clr5, .so-basic-product .preset03-6 .clr6{ clear: both; } } @media all and (min-width: 768px) and (max-width: 991px){ .so-basic-product .preset02-1 .item-element{width: 100%;} .so-basic-product .preset02-2 .item-element{width: 50%; } .so-basic-product .preset02-3 .item-element{width: 33.3295%;} .so-basic-product .preset02-4 .item-element{width: 25%; } .so-basic-product .preset02-5 .item-element{width: 20%;} .so-basic-product .preset02-6 .item-element{width: 16.6595%;} .so-basic-product .preset02-1 .clr1, .so-basic-product .preset02-2 .clr2, .so-basic-product .preset02-3 .clr3, .so-basic-product .preset02-4 .clr4, .so-basic-product .preset02-5 .clr5, .so-basic-product .preset02-6 .clr6{ clear: both; } } @media all and (min-width: 992px) and (max-width: 1199px){ .so-basic-product .preset01-1 .item-element{width: 100%;} .so-basic-product .preset01-2 .item-element{ width: 50%; } .so-basic-product .preset01-3 .item-element{ width: 33.3295%; } .so-basic-product .preset01-4 .item-element{ width: 25%; } .so-basic-product .preset01-5 .item-element{ width: 20%; } .so-basic-product .preset01-6 .item-element{ width: 16.6595%;} .so-basic-product .preset01-1 .clr1, .so-basic-product .preset01-2 .clr2, .so-basic-product .preset01-3 .clr3, .so-basic-product .preset01-4 .clr4, .so-basic-product .preset01-5 .clr5, .so-basic-product .preset01-6 .clr6{ clear: both; } } @media all and (min-width: 1200px){ .so-basic-product .preset00-1 .item-element{width: 100%;} .so-basic-product .preset00-2 .item-element{ width: 50%; } .so-basic-product .preset00-3 .item-element{ width: 33.3295%; } .so-basic-product .preset00-4 .item-element{ width: 25%; } .so-basic-product .preset00-5 .item-element{ width: 20%; } .so-basic-product .preset00-6 .item-element{ width: 16.6595%;} .so-basic-product .preset00-1 .clr1, .so-basic-product .preset00-2 .clr2, .so-basic-product .preset00-3 .clr3, .so-basic-product .preset00-4 .clr4, .so-basic-product .preset00-5 .clr5, .so-basic-product .preset00-6 .clr6{ clear: both; } } /*--------------Sale---------------*/ .so-basic-product .product-thumb .image span.label-sale:after{ border-left: 8px solid transparent; border-top: 9px solid #e74c3c; bottom: -6px; content: ""; position: absolute; right: 8px; } .so-basic-product .product-thumb .image span.label-sale{ background: #e74c3c none repeat scroll 0 0; left: 20px; top: 20px; z-index:3; } .so-basic-product .product-thumb .image .label-new,.so-basic-product .product-thumb .image .label-sale { display: block; font-size: 12px; height: 30px; line-height: 23px; min-width: 56px; padding: 3px 10px; position: absolute; text-align: center; text-transform: uppercase; z-index: 1; } /*--------------New---------------*/ .so-basic-product .product-thumb .image span.label-new:after{ border-right: 8px solid transparent; border-top: 9px solid #1e91cf; bottom: -6px; content: ""; position: absolute; left: 8px; } .so-basic-product .product-thumb .image span.label-new{ background: #1e91cf none repeat scroll 0 0; right: 20px; top: 20px; z-index:3; } /* Hover Image*/ .so-basic-product .product-thumb .image .img-thumb1 { position: relative; z-index: 2; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition: all 0.3s ease-in-out; } .so-basic-product .product-thumb .image .img-thumb2 { position: absolute; z-index: 1; top: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transition: all 0.3s ease-in; } .so-basic-product .product-thumb .image{ overflow: hidden; position: relative; } .so-basic-product .product-thumb .image:hover .img-thumb1{ transform: translateX(200%); -moz-transform: translateX(200%); -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transition: all 0.3s ease-in-out; } /*Accordion Vertical*/ .so-basic-product .yt-accordion{ padding:0; margin:0; } .so-basic-product .so-acc-vertical li.yt-acc-item{ list-style:none; padding:0; margin:0 0 2px 0; } .so-basic-product .so-acc-vertical li.yt-acc-item .acc-heading{ color:#565656; background:#eee; border-radius:5px; font-size:14px; position:relative; display:block; overflow:hidden; border:#e5e5e5 1px solid; cursor:pointer; } .so-basic-product .so-acc-vertical li.yt-acc-item .acc-heading h3{ margin:0; padding:10px; font-size:14px; } .so-basic-product .so-acc-vertical li.yt-acc-item .acc-inner{ display:none; border-top:none; border-color:#E5E5E5; margin-bottom:0; } .so-basic-product .so-acc-vertical li.yt-acc-item.active .acc-heading h3{ color:#5BB300; } .so-basic-product .so-acc-vertical li.yt-acc-item.active .acc-heading{ border-radius: 5px 5px 0 0; } .so-basic-product .so-acc-vertical li.yt-acc-item .acc-inner-content{ text-align:center; } .so-basic-product .so-acc-vertical li.yt-acc-item .acc-inner-content .acc-inner-desc{ margin-bottom:10px; }