:root{--kingspan-blue: #004289;--kingspan-white: #ffffff}.collection-tabs-container{margin:0 auto 3rem;width:100%;max-width:var(--page-width);padding:0 4rem}.collection-tab-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.collection-tab-row:last-child{margin-bottom:4rem}.collection-tab-row.has-second-row{margin-bottom:1rem}.collection-tab-btn{position:relative;min-height:5.5rem;padding:1.5rem 2rem;border:.1rem solid var(--kingspan-blue);border-radius:0;background:var(--kingspan-white);color:var(--kingspan-blue);cursor:pointer;text-align:center;transition:all var(--duration-short) ease;font-family:var(--font-heading-family);font-size:1.5rem;font-weight:400;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-tab-btn:hover{background:var(--kingspan-blue);color:var(--kingspan-white);transform:translateY(-.2rem)}.collection-tab-btn.active{background:var(--kingspan-blue);color:var(--kingspan-white);transform:none}.collection-tab-content{display:none;width:100%;opacity:0;transition:opacity .3s ease;visibility:hidden}.collection-tab-content.active{display:block;opacity:1;visibility:visible;position:relative;z-index:1}slider-component.collection-tab-content.active{display:block;margin-bottom:10rem;float:none}.collection-list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.collection-list.grid--4-col-desktop{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-desktop-horizontal-spacing)}.collection-list.grid--4-col-desktop .grid__item{width:100%;max-width:100%}.collection-list.grid--2-col-tablet-down{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-mobile-horizontal-spacing);width:100%}.collection-list__item.grid__item{margin:0;padding:0}.collection-list-wrapper{max-width:var(--page-width);margin:0 auto;padding:0 4rem;display:flex;flex-direction:column}.card-wrapper.collection-card-wrapper{display:block;text-decoration:none;height:100%;color:var(--kingspan-blue);transition:transform .3s ease,box-shadow .3s ease}.card{display:flex;flex-direction:column;height:100%;position:relative}.card.card--standard{border:none;background-color:var(--kingspan-white);box-shadow:0 0 5px #0000000d;height:100%}.card.card--media{position:relative}.ratio{display:block;position:relative}.ratio:before{content:"";display:block;padding-bottom:var(--ratio-percent, 100%);min-height:200px}.ratio>*{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%}.card__inner{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background:var(--kingspan-white);overflow:hidden}.card__inner.gradient,.card__inner.color-scheme-1,.card__inner.color-scheme-2,.card__inner.color-scheme-3,.card__inner.color-scheme-4,.card__inner.color-scheme-5{background:var(--kingspan-white)}.card__media{position:relative;overflow:hidden;margin:0;width:100%;height:100%;display:block;min-height:200px}.card__media--placeholder{background-color:#0042891a}.media.media--transparent{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.placeholder-svg{width:100%;height:100%;fill:var(--kingspan-blue);opacity:.3}.media.media--hover-effect{transition:transform .6s cubic-bezier(.215,.61,.355,1);height:100%;width:100%;display:flex;align-items:center;justify-content:center}.media--hover-effect img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .6s cubic-bezier(.215,.61,.355,1);max-height:250px;display:block}.card--media:hover .media--hover-effect img{transform:scale(1.05)}.card__content{display:flex;flex-direction:column;padding:2rem;background:var(--kingspan-white)}.card__information{flex-grow:1;display:flex;flex-direction:column}.card__heading{margin:0}.card__heading .full-unstyled-link{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--kingspan-blue);text-decoration:none;font-size:1.8rem;line-height:1.3;padding:.5rem 0}.card__heading a.full-unstyled-link{color:var(--kingspan-blue)}.icon-wrap{margin-left:1rem;display:inline-flex;opacity:.7;transition:transform .3s ease,opacity .3s ease;position:relative;z-index:2}.icon-wrap .icon{width:1.4rem;height:1rem}.collection-card-wrapper:hover .card.card--standard{box-shadow:0 0 8px -2px #0000001a,0 6px 20px -3px #0003}.collection-card-wrapper:hover .full-unstyled-link{text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.3rem}.collection-card-wrapper:hover .icon-wrap{transform:translate(.6rem);opacity:1}.collection-list-view-all{margin-top:6rem;text-align:center;position:relative;z-index:0;clear:both}.collection-list-view-all .button{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:400;letter-spacing:.1rem;padding:1.5rem 3rem;border:.1rem solid var(--kingspan-blue);background:var(--kingspan-white);color:var(--kingspan-blue);text-decoration:none;transition:all var(--duration-short) ease;text-transform:uppercase}.collection-list-view-all .button:hover{background:var(--kingspan-blue);color:var(--kingspan-white);transform:translateY(-.2rem)}@media screen and (min-width: 990px){.collection-list-wrapper{padding:0 4rem}.collection-list.grid--4-col-desktop{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-desktop-horizontal-spacing)}.collection-list__item.grid__item{width:100%;max-width:100%}}@media screen and (max-width: 989px) and (min-width: 750px){.collection-list.grid--2-col-tablet-down{display:grid;grid-template-columns:repeat(2,1fr);row-gap:var(--grid-mobile-vertical-spacing);column-gap:var(--grid-mobile-horizontal-spacing)}.collection-tabs-container{padding:0 3rem}.collection-tab-row{grid-template-columns:repeat(2,1fr);gap:1rem}.collection-tab-btn{min-height:5rem;padding:1rem;font-size:1.4rem;white-space:normal;line-height:1.3}.card__content{padding:1.5rem}slider-component.collection-tab-content.active{margin-bottom:8rem}.collection-list-view-all{margin-top:5rem}}@media screen and (max-width: 749px){.collection-list-wrapper{padding:0 2rem}.collection-tabs-container{padding:0 1.5rem}.collection-tab-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.collection-tab-row.has-second-row{margin-bottom:.8rem}.collection-tab-row:last-child{margin-bottom:3rem}.collection-tab-btn{min-height:4.5rem;padding:.8rem .5rem;font-size:1.2rem;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.2;text-align:center}.card__content{padding:1.2rem}.collection-list.grid--2-col-tablet-down{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.collection-list__item.grid__item{width:100%;max-width:100%}slider-component.collection-tab-content.active{margin-bottom:6rem}.collection-list-view-all{margin-top:4rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-tab-collections-new.css.map */