:root{--roof-red: #FF2020;--roof-orange: #FF6600;--roof-yellow: #FFB300;--roof-blue: #29ABE2;--roof-cyan: #00BFFF;--roof-grey: #f5f5f7;--roof-border: #e0e0e0;--roof-text: #222222;--roof-muted: #666666;--roof-radius: 8px;--roof-grad-btn: linear-gradient(90deg, var(--roof-red) 0%, var(--roof-orange) 60%, var(--roof-yellow) 100%)}#main-collection-filters,.facets-wrapper{display:none!important}.roof-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 16px;border-bottom:1.5px solid var(--roof-border);margin-bottom:24px;flex-wrap:wrap}.roof-toolbar__left{display:flex;align-items:center;gap:16px}.roof-toolbar__right{display:flex;align-items:center;gap:8px}.roof-view-as{display:flex;align-items:center;gap:4px;background:var(--roof-grey);border-radius:var(--roof-radius);padding:4px}.roof-view-as__label{font-size:1.2rem;font-family:Inter,sans-serif;color:var(--roof-muted);font-weight:500;padding-right:6px;white-space:nowrap}.roof-view-as__btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .18s ease;color:var(--roof-muted)}.roof-view-as__btn svg{width:18px;height:18px;fill:currentColor}.roof-view-as__btn:hover{background:#fff;color:var(--roof-orange)}.roof-view-as__btn.is-active{background:#fff;color:var(--roof-red);box-shadow:0 1px 4px #0000001f}.product-count__text{font-size:1.3rem!important;font-family:Inter,sans-serif!important;color:var(--roof-muted)!important}.roof-atc-wrapper{padding:8px 0 4px}.roof-atc-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border:none;border-radius:var(--roof-radius);cursor:pointer;font-family:Nunito,sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:all .22s ease;position:relative;overflow:hidden;white-space:nowrap;text-decoration:none}.roof-atc-btn--add{background:var(--roof-grad-btn);color:#fff;box-shadow:0 3px 12px #ff66004d}.roof-atc-btn--add:hover{box-shadow:0 5px 18px #ff202066;transform:translateY(-1px);color:#fff}.roof-atc-btn--options{background:#fff;color:var(--roof-orange);border:2px solid var(--roof-orange)}.roof-atc-btn--options:hover{background:var(--roof-orange);color:#fff;transform:translateY(-1px)}.roof-atc-btn--soldout{background:#e0e0e0;color:#999;cursor:not-allowed}.roof-atc-btn__icon{font-size:1.4rem;line-height:1;flex-shrink:0}.roof-card-wrapper .card{border-radius:var(--roof-radius);overflow:hidden;transition:box-shadow .22s ease,transform .22s ease}.roof-card-wrapper:hover .card{box-shadow:0 8px 28px #0000001f;transform:translateY(-3px)}.roof-card-wrapper .card__media .media img{transition:transform .4s ease}.roof-card-wrapper:hover .card__media .media img{transform:scale(1.05)}.roof-card-wrapper .card__heading a{font-family:Nunito,sans-serif!important;font-weight:700!important;color:var(--roof-text)!important;transition:color .15s;text-decoration:none!important}.roof-card-wrapper:hover .card__heading a{color:var(--roof-orange)!important}.roof-card-wrapper .price-item--sale{color:var(--roof-red)!important;font-weight:800!important}.roof-card-wrapper .price-item--compare{text-decoration:line-through!important;color:var(--roof-muted)!important}.facet-filters__label,.facets__heading{font-size:1.3rem!important;font-family:Inter,sans-serif!important}.pagination__item--current .link{background:var(--roof-grad-btn)!important;color:#fff!important;border-color:transparent!important}@media screen and (max-width:749px){.roof-atc-btn{font-size:1.1rem!important;padding:9px 10px!important}.roof-atc-btn__icon,.roof-view-as__label{display:none}}:root{--roof-grad-btn: linear-gradient(90deg, #FF2020 0%, #FF6600 33%, #FFB300 66%, #29ABE2 100%)}.roof-atc-btn--add{background:linear-gradient(90deg,#ff2020,#f60,#ffb300 66%,#29abe2)!important;color:#fff!important}ul#product-grid.roof-view-list{grid-template-columns:1fr!important;gap:12px!important}ul#product-grid.roof-view-list .grid__item{display:grid;grid-template-columns:200px 1fr;gap:0}ul#product-grid.roof-view-list .card{display:grid;grid-template-columns:200px 1fr;width:100%}ul#product-grid.roof-view-list .card__inner{width:200px;min-width:200px}ul#product-grid.roof-view-list .card__content{padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between}ul#product-grid.roof-view-list .roof-atc-wrapper{max-width:260px}.roof-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#fff;border:1.5px solid var(--roof-border);border-radius:6px;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;color:var(--roof-text);text-decoration:none;cursor:pointer;transition:all .18s}.roof-filter-btn:hover,.roof-filter-btn[aria-expanded=true]{border-color:var(--roof-orange);color:var(--roof-orange)}.roof-sort-wrapper{display:flex;align-items:center;gap:8px}.roof-sort-label{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;color:var(--roof-text);white-space:nowrap}.roof-sort-select{border:1.5px solid var(--roof-border);border-radius:6px;padding:8px 32px 8px 12px;font-family:Inter,sans-serif;font-size:1.3rem;color:var(--roof-text);background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .18s}.roof-sort-select:hover{border-color:var(--roof-orange)}.roof-product-count{font-family:Inter,sans-serif;font-size:1.3rem;color:var(--roof-muted);margin:0;white-space:nowrap}.roof-atc-btn--add{background:linear-gradient(90deg,#ff2020 0% 25%,#f60 25% 50%,#ffb300 50% 75%,#29abe2 75% 100%)!important;background-size:200% 100%!important;background-position:0% 50%!important;transition:background-position .4s ease,transform .22s ease,box-shadow .22s ease!important}.roof-atc-btn--add:hover{background-position:50% 50%!important}.roof-atc-btn--add{background:linear-gradient(90deg,#ff2020,#f60,#ffb300 66%,#29abe2)!important;background-size:100% 100%!important;background-position:unset!important}.roof-atc-btn--add{background:linear-gradient(90deg,#ff1f1f,#ff6b00,#ffb800 66%,#00bfff)!important;background-size:100% 100%!important;background-position:unset!important}.roof-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.roof-drawer.is-open{pointer-events:all}.roof-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.roof-drawer.is-open .roof-drawer__overlay{opacity:1}.roof-drawer__panel{position:absolute;top:0;left:0;width:360px;max-width:90vw;height:100%;background:#fff;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 24px #0000001f}.roof-drawer.is-open .roof-drawer__panel{transform:translate(0)}.roof-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1.5px solid var(--roof-border);flex-shrink:0}.roof-drawer__title{font-family:Nunito,sans-serif;font-size:1.8rem;font-weight:800;color:var(--roof-text);margin:0}.roof-drawer__close{background:none;border:none;cursor:pointer;padding:6px;color:var(--roof-muted);border-radius:6px;transition:all .15s}.roof-drawer__close:hover{background:var(--roof-grey);color:var(--roof-text)}.roof-drawer__body{flex:1;overflow-y:auto;padding:0 24px}.roof-drawer__body::-webkit-scrollbar{width:4px}.roof-drawer__body::-webkit-scrollbar-thumb{background:var(--roof-border);border-radius:4px}.roof-drawer-group{border-bottom:1px solid var(--roof-border)}.roof-drawer-group__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:none;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700;color:var(--roof-text);text-align:left}.roof-drawer-group__toggle svg{transition:transform .22s;flex-shrink:0;color:var(--roof-muted)}.roof-drawer-group.is-open .roof-drawer-group__toggle svg{transform:rotate(180deg)}.roof-drawer-group__body{max-height:0;overflow:hidden;transition:max-height .28s ease}.roof-drawer-group.is-open .roof-drawer-group__body{max-height:500px;padding-bottom:16px}.roof-drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.roof-drawer-option{display:flex;align-items:center;gap:12px;padding:6px 0;cursor:pointer;font-family:Inter,sans-serif;font-size:1.3rem;color:var(--roof-text)}.roof-drawer-option:hover{color:var(--roof-orange)}.roof-drawer-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--roof-border);border-radius:4px;flex-shrink:0;cursor:pointer;position:relative;background:#fff;transition:all .15s}.roof-drawer-checkbox:checked{background:var(--roof-orange);border-color:var(--roof-orange)}.roof-drawer-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.roof-drawer-option__count{margin-left:auto;font-size:1.1rem;color:var(--roof-muted);background:var(--roof-grey);border-radius:10px;padding:1px 8px}.roof-drawer-price__inputs{display:flex;align-items:center;gap:8px}.roof-drawer-price__inputs label{font-size:1.1rem;color:var(--roof-muted);font-family:Inter,sans-serif;display:block;margin-bottom:4px}.roof-drawer-price__input{width:100%;border:1.5px solid var(--roof-border);border-radius:6px;padding:8px 10px;font-size:1.3rem;font-family:Inter,sans-serif;color:var(--roof-text)}.roof-drawer__footer{padding:16px 24px;border-top:1.5px solid var(--roof-border);display:flex;gap:12px;flex-shrink:0}.roof-drawer__apply{flex:1;padding:12px;background:linear-gradient(90deg,#ff1f1f,#ff6b00,#ffb800 66%,#00bfff);color:#fff;border:none;border-radius:8px;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:opacity .18s}.roof-drawer__apply:hover{opacity:.9}.roof-drawer__reset{padding:12px 16px;background:#fff;color:var(--roof-muted);border:1.5px solid var(--roof-border);border-radius:8px;font-family:Inter,sans-serif;font-size:1.3rem;cursor:pointer;transition:all .18s}.roof-drawer__reset:hover{border-color:var(--roof-red);color:var(--roof-red)}.roof-atc-btn--add:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;border-radius:var(--roof-radius);transition:background .2s ease;pointer-events:none}.roof-atc-btn--add:hover:after{background:#ffffff26}.roof-atc-btn--add:active:after,.roof-atc-btn--add[aria-busy=true]:after{background:#ffffff40}.roof-card-wrapper .card:focus,.roof-card-wrapper .card:focus-within,.roof-card-wrapper:focus-within .card,.roof-atc-btn:focus,.roof-atc-btn:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--roof-border)!important}.product-card-wrapper *:focus,.product-card-wrapper *:focus-visible,.product-card-wrapper *:focus-within,.card-wrapper *:focus,.card-wrapper *:focus-visible,.card *:focus,.card *:focus-visible,.card:focus,.card:focus-within,li.grid__item:focus,li.grid__item:focus-within,li.grid__item:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}.card--standard:focus-within .card__inner,.card--card:focus-within{box-shadow:none!important;outline:none!important}*:focus-visible{outline:none!important}.card-wrapper .card--standard:after,.card-wrapper .card--card:after,.card-wrapper .card--standard:focus-within:not(:focus),.card-wrapper .card--card:focus-within:not(:focus){box-shadow:none!important;outline:none!important}.card-wrapper:hover .card--standard:after,.card-wrapper:hover .card--card:after{box-shadow:none!important}.card--standard.motion-reduce:after,.card--card.motion-reduce:after{box-shadow:none!important}.card__heading a:focus:after,.card__heading a:focus-visible:after,.card__heading a:hover:after,.card__heading a:after{box-shadow:none!important;outline:none!important}.card__heading a:focus,.card__heading a:focus-visible{outline:none!important}.card-wrapper .card__heading a:after,.card-wrapper .card__heading a:focus:after,.card-wrapper .card__heading a:focus-visible:after{display:none!important}.card--standard .card__inner,.card--card{outline:none!important}.product-card-wrapper{--color-foreground: 255, 255, 255 !important;--color-background: 255, 255, 255 !important}.card-wrapper .price__container{display:block!important;visibility:visible!important;opacity:1!important}.card-wrapper .price--on-sale,.card-wrapper .price__regular{display:block!important;visibility:visible!important}.card-wrapper .price--on-sale~.price__regular,.card-wrapper .price--on-sale+.price__regular{display:none!important}.card-wrapper .price--on-sale .price__regular{display:none!important}.card-wrapper .price-item{display:inline!important;visibility:visible!important;font-family:Nunito,sans-serif!important;font-size:1.6rem!important;font-weight:800!important;color:var(--roof-text)!important}.card-wrapper .price-item--sale{color:var(--roof-red)!important}.card-wrapper .price-item--compare{font-size:1.3rem!important;font-weight:400!important;color:var(--roof-muted)!important;text-decoration:line-through!important}.card-wrapper .visually-hidden--inline,.card-wrapper .card__badge{display:none!important}.roof-card-vendor{font-family:Inter,sans-serif!important;font-size:1.1rem!important;font-weight:400!important;color:var(--roof-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:6px!important}.roof-stock{display:flex!important;align-items:center!important;gap:6px!important;margin:8px 0!important;font-family:Inter,sans-serif!important;font-size:1.2rem!important;color:var(--roof-red)!important;font-weight:500!important}.roof-stock:before{content:""!important;display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--roof-red)!important;flex-shrink:0!important}.roof-card-wrapper .card__content{padding:12px 0 0!important}.roof-card-wrapper .card__information{padding:0!important}.roof-card-wrapper .card__heading a{font-size:1.5rem!important;font-weight:700!important;line-height:1.4!important}.roof-card-wrapper .card-information{margin-bottom:12px!important}.roof-card-wrapper .price-item{font-size:2rem!important;font-weight:800!important}.roof-card-vendor{margin-bottom:8px!important;font-size:1.1rem!important}.roof-card-wrapper .card__inner{margin-bottom:0!important}.roof-card-wrapper .card--standard .card__content,.roof-card-wrapper .card--card .card__content{padding:16px 12px 12px!important}.roof-atc-wrapper{padding:0!important;margin-top:12px!important}.collection ul.product-grid,.collection .product-grid{row-gap:40px!important}.roof-card-wrapper .card--standard,.roof-card-wrapper .card--card{border-bottom:1px solid var(--roof-border)!important;padding-bottom:20px!important}.roof-card-wrapper .card__heading{padding-bottom:12px!important;border-bottom:1px solid var(--roof-border)!important;margin-bottom:10px!important}#product-grid{row-gap:48px!important}#product-grid .grid__item{border-bottom:1px solid #e0e0e0!important;padding-bottom:24px!important}#product-grid .card__heading{border-bottom:1px solid #e0e0e0!important;padding-bottom:12px!important;margin-bottom:8px!important}#product-grid .card__heading a{display:block!important;padding-bottom:12px!important;border-bottom:1px solid #e8e8e8!important;margin-bottom:8px!important}#product-grid .grid__item{padding-bottom:32px!important;border-bottom:1px solid #e8e8e8!important}.roof-card-vendor{border:none!important;padding-bottom:0!important}#product-grid .grid__item,.roof-card-wrapper .card,.roof-card-wrapper .card--standard,.roof-card-wrapper .card--card{border:none!important;box-shadow:none!important;outline:none!important}#product-grid .grid__item{border-bottom:1px solid #e8e8e8!important}.roof-card-wrapper:hover .card{transform:none!important;box-shadow:none!important}.roof-card-wrapper .card{transition:none!important}.roof-notify-badge{display:block!important;margin-top:8px!important;background:linear-gradient(90deg,#ff1f1f,#ff6b00,#ffb800 66%,#00bfff)!important;color:#fff!important;text-align:center!important;padding:8px 12px!important;border-radius:6px!important;font-family:Nunito,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.04em!important;transition:opacity .2s!important}.roof-notify-badge:hover{opacity:.9!important}.roof-collection-card-btn-wrapper{padding:12px!important}.roof-collection-card-btn{display:block!important;background:linear-gradient(90deg,#ff1f1f,#ff6b00,#ffb800 66%,#00bfff)!important;color:#fff!important;text-align:center!important;padding:12px 16px!important;border-radius:8px!important;font-family:Nunito,sans-serif!important;font-size:1.4rem!important;font-weight:800!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.04em!important;transition:opacity .2s!important}.roof-collection-card-btn:hover{opacity:.9!important}.roof-card-wrapper .card{display:flex!important;flex-direction:column!important;height:100%!important}.roof-card-wrapper .card__inner{flex:1!important}.roof-card-wrapper .card__content,.roof-card-wrapper .card__information{display:flex!important;flex-direction:column!important;flex:1!important}.roof-card-wrapper .roof-atc-wrapper{margin-top:auto!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/roof-collection.css.map */