.product-grid{opacity:0;transition:opacity var(--duration-default) var(--ease-out-slow)}@media screen and (max-width:400px){.product-grid .grid__item{width:100%;max-width:100%}}.product-grid--accessories{opacity:1}.accessories__wrapper{padding:6.4rem 0}.slider-component-full-width .slider--desktop .slider__slide:first-child{margin-left:0!important}:is(.collection,.related-products) .product-grid{opacity:1;transition:opacity var(--duration-default) var(--ease-out-slow)}@media screen and (max-width:991px){:is(.collection,.related-products) .product-grid{padding-left:0!important}}.display-modes+.product-grid{opacity:0}.card__content .card__information-volume-pricing-note--button .info-icon{margin-left:.5rem}.card__content .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{bottom:2.4rem}:is(.collection,.related-products,.product-grid) .slider--desktop .slider__slide:first-child{margin-left:0;scroll-margin-left:0}@media screen and (max-width:400px){:is(.collection,.related-products,.product-grid) .grid__item{width:100%;max-width:100%}}@media screen and (min-width:990px){:is(.collection,.related-products,.product-grid) .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}}:is(.collection,.related-products,.product-grid) .card__heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(.collection,.related-products,.product-grid) .card__heading a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(.collection,.related-products,.product-grid) .button--save-cart{position:absolute;top:0;padding:0;right:.4rem;width:4rem;height:4rem;display:flex!important;justify-content:center;align-items:center}:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single{background:transparent;transition:color var(--duration-default) var(--ease-out-slow),background-color var(--duration-default) var(--ease-out-slow)}:is(:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single):hover{background:var(--color-secondary-c);text-decoration:none}:is(:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single):hover:after{box-shadow:none}:is(:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single):after{box-shadow:none}:is(:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single) .svg-wrapper{width:2.4rem;height:2.4rem;color:var(--color-secondary-b)}:is(:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single) .svg-wrapper path{stroke-width:1.5}:is(:is(.collection,.related-products,.product-grid) .button--save-cart,:is(.collection,.related-products,.product-grid) .button--single) svg{width:2.4rem;height:2.4rem;margin-right:0}.product-grid.js-show{opacity:1}.card__top__wrapper--single .card__badge{display:flex!important}.card__top__wrapper--single .card__stock--single{display:none!important}.product-grid--single .product__compare{display:flex}.product-grid--single .product__compare--single{display:none}.product-grid--single .product__compare--grid{display:flex}.product-grid--single .card__top__wrapper--single{display:flex;justify-content:space-between;flex-direction:row!important}.product-grid--single .card__top__wrapper--single .card__stock--single{display:block!important}.bottom-actions{display:flex;justify-content:space-between;align-items:center}.bottom-actions .compare-app{display:flex;align-items:center;gap:.2rem}.product-grid--single{flex-direction:column;gap:0;border:1px solid var(--color-primary-b);border-radius:.8rem;overflow:hidden}.product-grid--single .product__compare{margin-top:0}.product-grid--single .product__compare--single{display:flex}.product-grid--single .product__compare--grid{display:none}.product-grid--single li.grid__item .card--download .card__actions{justify-content:space-between}@media screen and (min-width:991px){.product-grid--single{flex-direction:column;gap:0;border:1px solid var(--color-primary-b);border-radius:.8rem;overflow:hidden}.product-grid--single .product__compare{margin-top:0}.product-grid--single .tooltip,.product-grid--single .product__compare--single,.product-grid--single .product__compare--grid{display:flex}.product-grid--single li.grid__item{width:100%;max-width:100%}.product-grid--single li.grid__item .card{flex-direction:row;--ratio-percent: 0 !important;border-radius:0;padding:1.2rem 1.2rem 1.2rem 0;align-items:center}.product-grid--single li.grid__item .card .card__inner{height:7.5rem;width:14rem;justify-content:center}.product-grid--single li.grid__item .card .card__inner .card__media{margin:0;top:0}.product-grid--single li.grid__item .card .card__inner .card__media.card__media--placeholder .media img{width:60%}.product-grid--single li.grid__item .card .card__badge{position:relative;top:0;left:0;width:100%;margin-bottom:.4rem}.product-grid--single li.grid__item .card .card__content{flex-direction:row;margin:0;padding:0;min-height:90px}.product-grid--single li.grid__item .card .card__content .card__information{flex-basis:75%;border-right:1px solid var(--color-primary-b)}.product-grid--single li.grid__item .card .card__content .card__actions__wrapper{min-width:235px;margin-top:auto;padding-left:2rem}.product-grid--single li.grid__item .card .card__content .card__actions{display:flex;align-items:flex-start;gap:.8rem;justify-content:flex-end}.product-grid--single li.grid__item .card .card__content .card__actions .quick-add-bulk,.product-grid--single li.grid__item .card .card__content .card__actions .button{margin-top:0;margin-bottom:0}.product-grid--single li.grid__item .card .card__content .card__actions input,.product-grid--single li.grid__item .card .card__content .card__actions .quick-add__submit{width:max-content}.product-grid--single li.grid__item .card .card__content .card__actions .quick-add__submit{min-width:16rem}.product-grid--single li.grid__item .card .card__content .card__information{position:relative;margin:0;gap:.75rem;padding:0 1rem 0 0}.product-grid--single li.grid__item .card .card__content .card__information>div{display:flex;flex-direction:column;gap:.75rem;padding-right:19%}.product-grid--single li.grid__item .card .card__content .card__information .card__badge{flex-direction:row}.product-grid--single li.grid__item .card--download .card__actions{width:40%}@media screen and (min-width:1200px){.product-grid--single li.grid__item .card--download .card__actions{width:25%}}.product-grid--single li.grid__item .card--download .card__actions .button{width:max-content;font-size:1.4rem;margin-left:16px;gap:8px}.product-grid--single li.grid__item .card--download .card__actions .button svg{flex-shrink:0}.product-grid--single li.grid__item .card--download .card__content .card__information{flex-basis:60%}@media screen and (min-width:1200px){.product-grid--single li.grid__item .card--download .card__content .card__information{flex-basis:75%}}.product-grid--single li.grid__item .card--download+.documents-container.is-expanded{position:relative;opacity:1;overflow-y:hidden}.product-grid--single li.grid__item+li.grid__item{border-top:1px solid var(--color-primary-b)}.product-grid--single .button--save-cart{width:4rem;justify-content:center;position:relative;top:auto;right:auto}}.display-modes{display:none}@media screen and (min-width:750px){.display-modes{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:.8rem 1.2rem;border:1px solid var(--color-primary-b);border-radius:.8rem;margin-bottom:2.4rem}.display-modes .facets label,.display-modes .facets select{line-height:100%;font-size:1.2rem}.display-modes .facets label{color:#000}.display-modes .facets select{font-weight:600;text-align:right;color:var(--color-primary)}.display-modes .facet-filters__label{margin-right:.8rem}.display-modes .facet-filters__total-count{margin-left:1.6rem;line-height:100%;font-size:1.2rem}}@media screen and (min-width:991px){.display-modes{justify-content:space-between}.display-modes .display-modes__icon__wrapper{display:flex;gap:.8rem}.display-modes .display-modes__icon{background:none;border:none;padding:1.1rem;cursor:pointer;transition:background var(--duration-default) var(--ease-out-slow)}.display-modes .display-modes__icon .link__icon{display:flex;align-items:center;justify-content:center}.display-modes .display-modes__icon .link__icon svg{stroke:#a6a6a6;width:1.8rem;height:1.8rem;stroke-width:1.5}.display-modes .display-modes__icon:hover,.display-modes .display-modes__icon.active{background:var(--color-primary-b);border-radius:.8rem}:is(.display-modes .display-modes__icon:hover,.display-modes .display-modes__icon.active) svg{stroke:var(--color-primary)}}.card__content--wrap{flex-wrap:wrap}ecostal-downloads{width:100%}.button--close-mobile{position:absolute;top:1rem;right:1rem;max-height:max-content;max-width:max-content;padding:.75rem;font-size:1.2rem;display:flex}@media screen and (min-width:991px){.button--close-mobile{display:none}}.button--close-mobile .svg-wrapper{width:1.2rem;height:1.2rem}.download-backdrop{content:"";background:var(--color-primary);opacity:0;display:flex!important;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:opacity .3s ease}@media screen and (min-width:991px){.download-backdrop{display:none!important}}.download-backdrop.show{opacity:.3;pointer-events:all}.card__actions__informative{color:var(--color-primary-a);margin-left:1.6rem}.display-modes--downloads{justify-content:flex-end}.documents-container{flex-wrap:wrap;gap:.75rem;width:90%;position:absolute;opacity:0;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:var(--color-primary-b) 0 8px 24px;height:100%;overflow:hidden;z-index:2;max-height:79%;background:#fff;overflow-y:auto;transition:height .3s ease,transform .3s ease,opacity .3s ease}@media screen and (min-width:991px){.documents-container{display:flex;left:0;top:0;max-height:unset;transform:translate(0);background:transparent;box-shadow:transparent 0 8px 24px;width:100%;height:0}}.documents-container.is-expanded{position:absolute;opacity:1;pointer-events:auto}.document-row{display:flex;width:100%;padding:1.2rem;justify-content:space-between;flex-wrap:wrap}.document-row:nth-child(odd){background:var(--color-primary-c)}.document-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;gap:.8rem;font-size:1.4rem}.document-action{padding:.5rem 0;display:flex;align-items:center}.document-action .button{width:max-content;font-size:1.4rem}.document-title{flex:1}.document-language{margin-left:.5rem}.button--small{padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem}.card__actions{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:.8rem}.product__compare--single{display:none}.product__compare{z-index:1;position:relative;margin-top:2rem}.product__compare.disabled{pointer-events:none;opacity:.5}.card__media{top:3rem}.slider-circles{display:flex;gap:.4rem;list-style:none;padding:0;margin:0}.slider-circle{padding:1.35rem;cursor:pointer}.slider-circle span{width:1.3rem;height:1.3rem;background-color:transparent;border:1px solid var(--color-secondary-b);border-radius:50%;cursor:pointer;content:"";display:block}.slider-circle--active span{background-color:var(--color-secondary-b)}.slider-circle--ellipsis{display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-primary);cursor:default}.slider--desktop:after{padding-left:var(--slider-padding-left, 90.1rem)!important}.color-scheme-3 .collection .slider-circle--ellipsis{color:#fff}@media screen and (min-width:750px){.template-search .facets-vertical-form{margin-bottom:1.6rem}}@media screen and (min-width:750px){.template-search .grid{margin-top:0}}.product__accordion .column{width:100%}.product__accordion .column .column__row{display:flex;justify-content:space-between;flex-wrap:wrap;margin-right:0;margin-left:1.6rem}@media screen and (min-width:750px){.product__accordion .column .column__row{margin-left:6.4rem}}.product__accordion .column .column__row+.column__row{border-top:1px solid var(--color-primary-b)}.product__accordion .column .column__row p{margin:0;padding:.8rem 0}.product__accordion .column .column__row:last-of-type p{padding-bottom:0}.product__accordion .column--left,.product__accordion .column--right{width:unset}.product__accordion .column--right{flex-shrink:0}@media screen and (min-width:989px){.slider-peek{padding-left:10rem}}@media screen and (min-width:1730px){.slider-peek{padding-left:28rem}}@media screen and (min-width:2400px){.slider-peek{padding-left:54rem}}.more-stock{margin:0;font-size:1.2rem}.quick-add__submit{height:4rem}.logged-in .card__actions{justify-content:space-between}.logged-in .product-grid-container .caption__title{display:flex}.logged-in .product-grid-container .price__wrapper--grid{display:flex;justify-content:space-between}.logged-in .product-grid--single .price__wrapper--grid{display:none}.logged-in .product-grid--single .price__wrapper--single{display:flex;width:100%;justify-content:space-between}.logged-in .product-grid--single .price__wrapper--single .price{display:flex}.logged-in .product-detail .product__compare{display:flex!important}.caption__title{text-transform:uppercase;font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-primary)}.product-grid--single .caption__title{justify-content:flex-start}.caption__title>span{display:block}.card__content.card__content--logged-in .card__actions__wrapper{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;gap:1.6rem}:is(.card__actions,.card-information) .price .price-item--regular,:is(.card__actions,.card-information) .price-item{font-weight:600;font-size:2rem;line-height:1;color:var(--color-secondary-b);margin:0 .5rem 0 0}:is(.card__actions,.card-information) .caption-small{margin-left:1rem}:is(.card__actions,.card-information) .price__container{display:flex;flex-direction:column}:is(.card__actions,.card-information) .price-per-watt{font-size:1.5rem;color:#707070;font-weight:600}:is(.card__actions,.card-information) .price--on-sale .price-item--regular{text-decoration:line-through;color:var(--color-secondary-b);font-size:1.3rem}.price__tax_excl_label.price__tax_excl_label{margin-left:0}.card__actions .button{margin-bottom:1rem}.quantity__wrapper{display:flex;align-items:center;gap:1rem}.product-grid--single .quantity__wrapper{gap:.8rem}.quantity__wrapper .quantity__button{width:unset}.quantity__wrapper .quantity__button[name=plus]{padding-right:1rem}.quantity__wrapper .quantity__button[name=minus]{padding-left:1rem}.quantity__wrapper quick-add-bulk .quantity{border-radius:3.8rem;overflow:hidden}.quantity__wrapper quick-add-bulk .quantity:before,.quantity__wrapper quick-add-bulk .quantity:after{border-radius:3.8rem}.quantity__wrapper quick-add-bulk .quantity__input{max-width:calc(4.5rem / var(--font-body-scale))}.quantity__wrapper .number-of-pieces{display:block;line-height:1;font-size:1.1rem;color:var(--color-secondary-a)}.gw-button-widget-container{display:flex}.gw-button-widget-container .gw-button-widget{margin-top:0}@media screen and (min-width:991px){.gw-button-widget-container .gw-button-widget{width:max-content;font-size:1.6rem;font-weight:var(--font-hero-weight)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ecostal-product-grid.css.map */