body[data-sample-details]{overflow:hidden}[data-tpl="collection.samples"] [data-filter-name=filter-v-availability],[data-tpl="collection.samples"] [data-filter-name=filter-v-price],[data-tpl="collection.samples"] [id^=Details-Mobile-SortBy],[data-tpl="collection.samples"] .facet-filters.sorting{display:none}.samples-products-grid{margin-top:16px}.samples-products-grid__details{position:fixed;bottom:0;z-index:2;left:0;background:#fff;width:100%;max-width:100vw}.card__buttons>*{display:none}.product-card-sample-wrapper[data-sample-ls="0"] .card-btn-add-sample,.product-card-sample-wrapper[data-sample-ls="1"] .card-btn-remove-sample{display:inline-flex}.samples-products-grid__details.transition_is_set{transition:transform .3s ease-in-out}.samples-products-grid[data-samples-collapsed="1"] .samples-products-grid__details{transform:translateY(100%)}.samples-products-grid[data-samples-products="0"] .samples-products-grid__details{display:none}.samples-products-grid__details .box__content{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:space-between}.samples-products-grid__details .box__content .sample-products-buttons{width:160px;padding-left:24px}.samples-products-grid__details .box__content .btn-add-samples--desktop,.samples-products-grid .box--info{display:none}.samples-products-grid__details .box--products{position:relative}.samples-products-grid__details .sample-products{display:flex;flex-wrap:wrap;width:100%;align-self:center;justify-content:center}.samples-products-grid__details .sample-product{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:42px;text-align:center;margin:8px}.samples-products-grid__details .sample-product__image{width:42px;height:42px;position:relative;border:1px solid #ddd}.samples-products-grid__details .sample-product__image img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;object-fit:cover}.samples-products-grid__details .sample-product__title{display:none}.samples-products-grid__details .sample-product__remove{cursor:pointer;transition:border-color .3s ease-in-out;position:absolute;z-index:2;top:-2px;right:-2px;width:16px;height:16px;background:#fff;border:1px solid #ddd;text-indent:-9999px}.samples-products-grid__details .sample-product__remove:before,.samples-products-grid__details .sample-product__remove:after{transition:background .3s ease-in-out;content:"";display:block;width:12px;height:1px;background:#999;position:absolute;top:calc(50% - .5px);left:calc(50% - 6px)}.samples-products-grid__details .sample-product__remove:before{transform:rotate(-45deg)}.samples-products-grid__details .sample-product__remove:after{transform:rotate(45deg)}.samples-products-grid__details .sample-product__remove:hover{border-color:#000}.samples-products-grid__details .sample-product__remove:hover:before,.samples-products-grid__details .sample-product__remove:hover:after{background:#000}.samples-products-grid__details .sample-products:empty+.sample-products-button{display:none}.btn-add-samples{position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;color:rgb(var(--color-button-text));background:rgba(var(--color-button),var(--alpha-button-background));padding:8px 16px;font-size:14px;line-height:1;font-weight:700;letter-spacing:.08rem;cursor:pointer;margin:8px;min-height:42px}.btn-add-samples>*:not(:first-child){margin-left:10px}.btn-add-samples__loading{display:none}.btn-add-samples__loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffc;z-index:10}.btn-add-samples__loading:after{content:"";position:absolute;top:min(50%,320px);left:50%;width:24px;height:24px;translate:-50% -50%;border:3px solid #000;border-bottom-color:transparent;border-radius:99px;z-index:10;animation:btn_add_samples_loading .7s infinite forwards linear}.btn-add-samples.is_loading{cursor:default}.btn-add-samples.is_loading .btn-add-samples__loading{display:block}@keyframes btn_add_samples_loading{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.btn-add-samples svg{display:block;max-width:24px;max-height:24px}.btn-add-samples:hover,.card-btn-sample-add:hover{background:rgb(var(--Golden-Beige));border-color:rgb(var(--Golden-Beige));color:#fff}.card-btn-sample-add,.card-btn-sample-limit,.card-btn-sample-remove{opacity:1;align-items:center;justify-content:center;transition:all .3s ease-in-out;padding:10px 14px;font-size:13px;line-height:1;font-weight:700;letter-spacing:.08rem;cursor:pointer;width:100%}.card-btn-sample-add{display:flex}.card-btn-sample-add{color:rgb(var(--color-button-text));background:rgba(var(--color-button),var(--alpha-button-background));border:1px solid rgba(var(--color-button),var(--alpha-button-background))}.card-btn-sample-remove{background:rgb(var(--Golden-Beige));border:1px solid rgb(var(--Golden-Beige));color:#fff}.card-btn-sample-limit,.card-btn-sample-remove{display:none}.card-btn-sample-limit{border:1px solid #ddd;background:#fff;color:#888;cursor:not-allowed}.card-btn-sample-details{display:inline-block;transition:.3s ease-in-out;cursor:pointer;margin-top:4px;font-size:13px;letter-spacing:.08em}.card-btn-sample-details:hover{color:#000}.product-card-sample-wrapper[data-sample-ls="1"] .card-btn-sample-add{display:none}.product-card-sample-wrapper[data-sample-ls="1"] .card-btn-sample-remove{display:flex}.samples-products-grid[data-samples-limit="1"] .product-card-sample-wrapper[data-sample-ls="0"] .card-btn-sample-add,.samples-products-grid[data-samples-limit="1"] .product-card-sample-wrapper[data-sample-ls="0"] .card-btn-sample-remove{display:none}.samples-products-grid[data-samples-limit="1"] .product-card-sample-wrapper[data-sample-ls="0"] .card-btn-sample-limit{display:flex}.samples-products-grid{display:flex;flex-wrap:nowrap}.samples-products-grid #product-grid{margin:0}.samples-products-grid .box--products{border-top:1px solid #aaa}.samples-products-grid .box__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#aaa;position:absolute;left:0;top:-40px}.samples-products-grid .box__arrow>div{display:inline-block;width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(2px) translateY(-2px)}.samples-products-grid[data-samples-collapsed="1"] .box__arrow>div{transform:rotate(-225deg) translate(2px) translateY(-2px)}.samples-products-grid .box--products .box__title{display:none}.samples-products-grid .box--products .box__title>*{margin:0}.samples-products-grid .box--products{padding:8px}.samples-products-grid .boxes>.box:not(:first-child){margin-top:24px}.samples-products-grid .box--info{background:#f3f3f0}.product-card-sample-wrapper{padding-bottom:16px}.product-card-sample-wrapper .card__content__buttons{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}.product-card-sample-wrapper .card__information{max-width:calc(100% - 50px)}.card .sample-icons{position:absolute;z-index:3;top:11px;right:11px;display:flex}.card .sample-details-icon{position:absolute;z-index:3;bottom:-39px;right:18px;display:flex;cursor:pointer}.card .sample-icon{margin:5px;position:relative}.card .sample-icon__icon{width:24px;height:24px;background:#bdaa87;border-radius:50%;border:1px solid #fff}.card .sample-details-icon__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff8c;border-radius:50%;border:1px solid rgb(var(--Ash));color:rgb(var(--Ash))}.card .sample-details-icon__icon:hover{background:#fff}.card .sample-icon__icon figure{margin:0;width:100%;height:100%}.card .sample-icon__icon img{margin:0;width:100%;height:100%;object-fit:cover;display:block}.card .sample-details-icon__icon svg{margin:0;width:80%;height:80%;max-width:24px;max-height:24px;display:block}.card .sample-icon__description,.card .sample-details-icon__description{transition:.3s ease-in-out;position:absolute;bottom:50%;opacity:0;font-size:12px;white-space:nowrap;transform:translateY(50%);background:#656363;padding:5px 10px;pointer-events:none;letter-spacing:.08em}.card .sample-icon__description,.card .sample-details-icon__description{right:0}.card .sample-icon__description:after,.card .sample-details-icon__description:after{content:"";display:block;width:10px;height:10px;background:#656363;position:absolute;z-index:1;top:calc(100% - 6px);transform:rotate(45deg)}.card .sample-icon__description:after,.card .sample-details-icon__description:after{right:11px}.sample-details{position:fixed;display:none;top:120%;left:0;z-index:9000;width:100%;height:100%;background:#fff;flex-direction:column}.sample-details.is_active{top:0;display:block}.sample-details .box{display:flex;flex-direction:column;overflow:auto;max-height:100%;position:relative}.sample-details .box__close{transition:border-color .3s ease-in-out;display:block;position:absolute;z-index:3;top:0;right:0;width:40px;height:40px;background:#fff;border:1px solid #ddd;cursor:pointer}.sample-details .box__close:before,.sample-details .box__close:after{transition:background .3s ease-in-out;content:"";display:block;width:18px;height:1px;background:#999;position:absolute;top:calc(50% - .5px);left:calc(50% - 9px)}.sample-details .box__close:before{transform:rotate(-45deg)}.sample-details .box__close:after{transform:rotate(45deg)}.sample-details .box__close:hover:before,.sample-details .box__close:hover:after{background:#000}.sample-details .box__close:hover{border-color:#000}.sample-details .box__image figure{margin:0;width:100%;padding-bottom:100%;position:relative;z-index:1}.sample-details .box__image img{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;object-fit:cover}.sample-details .box__text{padding:24px 16px}.sample-details .box__title{font-size:18px;font-weight:700}.sample-details .box__description{font-size:14px}.sample-details .box__attributes{display:flex;flex-wrap:wrap;margin:-10px -10px 24px}.sample-details .box__attribute{display:flex;align-items:center;margin:10px}.sample-details .box__attribute__icon figure{margin:0;width:40px;height:40px;position:relative;border-radius:50%;overflow:hidden}.sample-details .box__attribute__icon figure img{position:absolute;width:100%;height:100%;top:0;left:0}.sample-details .box__attribute__description{font-size:12px;padding-left:10px}[data-filter-name=filter-p-m-sample-material]{display:none}.samples-products-grid .collection .grid__item:only-child{max-width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2)}.samples-products-grid__products{max-width:100%;overflow:hidden}@media (min-width: 600px){.card .sample-icons{top:11px;right:11px}.card .sample-icon{margin:8px}.card .sample-icon__icon,.card .sample-details-icon__icon{width:32px;height:32px}.card .sample-details-icon{bottom:-46px}.sample-details .box{display:flex;flex-direction:row;position:relative;height:100%}.sample-details .box__image{width:40%}.sample-details .box__image figure{padding:0;height:100%}.sample-details .box__text{width:60%;overflow:auto}.sample-details .box__attribute__icon figure{width:32px;height:32px}}@media (min-width: 740px){.sample-details .box__text{padding:24px}}@media (max-width: 989px){.samples-products-grid .box--products .box__title>*{font-size:15px}}@media (min-width: 990px){.samples-products-grid__products .grid--4-col-desktop .grid__item{width:calc(33.3% - var(--grid-desktop-horizontal-spacing)* 3 / 4);max-width:calc(33.3% - var(--grid-desktop-horizontal-spacing)* 3 / 4)}.samples-products-grid .collection .grid__item:only-child{max-width:calc(33.3% - var(--grid-mobile-horizontal-spacing) / 3)}.samples-products-grid{margin-top:24px;justify-content:space-between}.samples-products-grid__products{width:calc(100% - 350px)}.samples-products-grid[data-samples-products="0"] .samples-products-grid__details{display:block}.samples-products-grid__details{position:relative;width:300px}.samples-products-grid[data-samples-collapsed="1"] .samples-products-grid__details{transform:translateY(0)}.samples-products-grid__details .boxes{position:sticky;top:106px}.samples-products-grid__details .box--products{border:1px solid rgba(var(--color-foreground),.15);padding:16px}.samples-products-grid__details .box--products>*:not(.box__title){margin-top:24px}.samples-products-grid__details .box--products .box__title{display:block}.samples-products-grid__details .box--products .box__title>*{font-size:24px}.samples-products-grid__details .box--products .box__content{flex-direction:column}.samples-products-grid__details .sample-products{width:100%;position:relative}.samples-products-grid__details .sample-product{width:100%;flex-direction:row;margin:0}.samples-products-grid__details .sample-product:not(:first-child){margin-top:16px}.samples-products-grid__details .sample-product__image{width:50px;height:50px}.samples-products-grid__details .sample-product__title{display:block;width:calc(100% - 114px);text-align:left;font-size:14px}.samples-products-grid__details .sample-product__remove{position:relative;width:32px;height:32px}.samples-products-grid__details .sample-product__remove:before,.samples-products-grid__details .sample-product__remove:after{width:16px;left:calc(50% - 8px)}.samples-products-grid .box__arrow,.samples-products-grid__details .box__content .btn-add-samples--mobile{display:none}.samples-products-grid__details .box__content .btn-add-samples--desktop{display:flex}.samples-products-grid__details .box__content .sample-products-buttons{width:100%;padding:0;margin-top:24px}.samples-products-grid[data-samples-products="0"] .box--products .box__content{display:none}.samples-products-grid__details .box--info{display:block;padding:16px}.btn-add-samples{margin:0}.card .sample-icon:hover .sample-icon__description,.card .sample-details-icon:hover .sample-details-icon__description{bottom:calc(100% + 24px);opacity:1}.sample-details .box__title{font-size:22px}.sample-details .box__description{font-size:15px}}@media (min-width: 1200px){.sample-details .box__text{padding:32px}.sample-details .box__title{font-size:24px}.sample-details .box__description{font-size:16px}.sample-details .box__attribute__icon figure{width:40px;height:40px}.sample-details .box__attribute__description{font-size:13px}}@media (min-width: 1440px){.samples-products-grid__products .grid--4-col-desktop .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing)* 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing)* 3 / 4)}.samples-products-grid .collection .grid__item:only-child{max-width:calc(25% - var(--grid-mobile-horizontal-spacing) / 4)}.samples-products-grid__products{width:calc(100% - 510px)}.samples-products-grid__details{position:relative;width:460px}.samples-products-grid__details .sample-product__title{display:block;text-align:left;font-size:16px}.btn-add-samples{font-size:16px;padding:16px 20px}.samples-products-grid__details .box--products,.samples-products-grid__details .box--info{padding:24px}.product-card-sample-wrapper{padding-bottom:0}.product-card-sample-wrapper .card .sample-icon__icon,.product-card-sample-wrapper .card .sample-details-icon__icon{width:40px;height:40px}.card .sample-details-icon{bottom:-58px}.product-card-sample-wrapper .card__buttons{display:none}.product-card-sample-wrapper .card__content__buttons{display:flex}.product-card-sample-wrapper .card__content__buttons>*{width:auto;font-size:16px;padding:10px 20px}.product-card-sample-wrapper .card__content__buttons{transition:opacity .3s ease-in-out;opacity:0}.product-card-sample-wrapper:hover .card__content__buttons,.product-card-sample-wrapper[data-sample-ls="1"] .card__content__buttons,.samples-products-grid[data-samples-limit="1"] .card__content__buttons{opacity:1}.card .sample-icon__description,.card .sample-details-icon__description{font-size:14px;padding:5px 10px;letter-spacing:.08em}.card .sample-icon__description:after,.card .sample-details-icon__description:after{right:14px}.sample-details .box__text{padding:40px}.sample-details .box__title{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-samples-products-grid.css.map */