.nova-suitable-products{position:relative}.nova-suitable-products .nova-tabs-buttons .nova-tab-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;justify-content:start;padding:2.4rem 1.5rem 2.4rem 0;border-bottom:.1rem solid rgb(var(--color-foreground));border-right:.1rem solid var(--color-button-border);opacity:.5;transition:all .3s ease-in-out;position:relative;cursor:pointer}.nova-suitable-products .nova-tabs-buttons .nova-tab-button:hover,.nova-suitable-products .nova-tabs-buttons .nova-tab-button:hover .button{opacity:1}.nova-suitable-products .nova-tabs-buttons .nova-tab-button .button{justify-self:end;background-color:rgb(var(--color-secondary-button-text));border:.1rem solid rgb(var(--color-secondary-button-text));color:var(--color-tag-text);opacity:0;transition:all .3s ease-in-out}.nova-suitable-products .nova-tabs-buttons .nova-tab-button .button:hover{background-color:var(--color-button-hover);color:rgb(var(--color-secondary-button-text))}.nova-suitable-products .nova-tab-content{opacity:0;transform:translateY(5rem);transition:all .3s ease-in-out;visibility:hidden;height:0;overflow:hidden}.nova-suitable-products .nova-tab-content.active{opacity:1;transform:translateY(0);visibility:visible;height:auto}.nova-suitable-products .nova-tab-content__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.8rem}.nova-suitable-products .nova-tab-content__item{display:grid;align-items:center;text-align:center;padding:2rem;border:.1rem solid rgb(var(--color-border));border-radius:1rem;transition:all .3s ease-in-out;background-color:rgb(var(--color-foreground));grid-template-areas:"image info" "button button";grid-template-columns:10rem auto;column-gap:1.6rem;row-gap:.8rem;max-width:60.3rem;width:100%}.nova-suitable-products .nova-tab-content__item img{border-radius:.5rem;grid-area:image}.nova-suitable-products .nova-tab-content__item .item-info{flex-grow:1;grid-area:info}.nova-suitable-products .nova-tab-content__item .item-info .h5{color:var(--color-input-text);margin:0;text-align:left}.nova-suitable-products .nova-tab-content__item .item-text{margin:.2rem 0 0;color:rgb(var(--color-foreground),.7);color:var(--color-input-text);font-size:1.2rem;text-align:left}.nova-suitable-products .nova-tab-content__item .button{grid-area:button;background:rgb(var(--color-foreground));border:.1rem solid var(--color-button-hover);color:var(--color-button-hover)}.nova-suitable-products .nova-tab-content__item .button:hover{background:var(--color-icon-background-hover);border:.1rem solid var(--color-icon-background-hover);color:rgb(var(--color-foreground))}.nova-suitable-products .nova-tabs-buttons .nova-tab-button.active{opacity:1;background-color:rgb(var(--color-background-2));border-right:.1rem solid rgb(var(--color-foreground));border-radius:0 0 4rem}.nova-suitable-products .nova-tabs-buttons .nova-tab-button.active:after{content:"";position:absolute;top:0;right:-.1rem;width:.1rem;height:2.4rem;background-color:var(--color-button-border)}.nova-suitable-products .nova-tabs-buttons .nova-tab-button.active .button{opacity:1}.nova-suitable-products .nova-tabs-buttons .nova-tab-button img{max-width:4rem;width:100%;height:auto}.nova-suitable-products .nova-tabs-buttons .nova-tab-button .h4{margin:0}.nova-suitable-products__content .nova-tabs-content .nova-tab-content__highlight{border-radius:.8rem;color:var(--color-card-background);background-color:rgb(var(--color-foreground));margin:0 auto .8rem;text-align:center;width:100%;padding:.4rem 0}.nova-suitable-products__content .nova-tabs-content .nova-tab-content__highlight p{margin:0;font-size:1.6rem}.nova-suitable-products .nova-suitable-products__heading h2{margin-top:0}.nova-suitable-products .nova-tabs-content{margin-top:3.2rem}@media (min-width: 1024px){.nova-suitable-products .nova-tabs-content{margin-top:0}.nova-suitable-products .nova-suitable-products__content{max-width:100dvw;width:100%;display:grid;grid-template-areas:"title content" "tabs content";grid-template-columns:42rem 1fr;grid-template-rows:auto auto;column-gap:7.5rem}.nova-suitable-products .nova-suitable-products__content .nova-suitable-products__heading{grid-area:title;margin:0 auto;align-self:end}.nova-suitable-products .nova-suitable-products__content .nova-tabs-buttons{grid-area:tabs;margin:0 auto;width:100%;align-self:start}.nova-suitable-products .nova-suitable-products__content .nova-tabs-content{grid-area:content;width:100%;padding:2rem 4rem;min-height:72.8rem;height:100%}.nova-suitable-products .nova-suitable-products__heading h2{margin:0 0 5.6rem}.nova-suitable-products .nova-tab-content__item .button{width:fit-content}.nova-suitable-products__content .nova-tabs-content .nova-tab-content__highlight{margin-bottom:1.2rem}.nova-suitable-products .nova-tab-content__item{column-gap:2.4rem;row-gap:1.6rem}.nova-suitable-products .nova-tabs-buttons .nova-tab-button{padding:4rem 3.2rem 4rem 0}.nova-suitable-products .nova-tabs-buttons .nova-tab-button.active:after{width:2.2rem}.nova-suitable-products .nova-tabs-buttons .nova-tab-button:first-child.active:after{top:-.1rem}}@media (min-width: 1280px){.nova-suitable-products .nova-tab-content__inner{max-width:60.3rem;width:100%;margin:1.2rem auto 0;gap:1.2rem}.nova-suitable-products__content .nova-tabs-content .nova-tab-content__highlight{max-width:60.3rem;width:100%;margin:0 auto}.nova-suitable-products .nova-suitable-products__content .nova-tabs-content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;max-height:91.3rem;max-width:91.3rem;width:100%;margin-top:0}.nova-suitable-products .nova-tab-content__item{grid-template-areas:"image info" "image button";grid-template-columns:10rem auto;border-radius:1.2rem}.nova-suitable-products .nova-suitable-products__content{grid-template-columns:60.5rem 1fr;column-gap:16.7rem}.nova-suitable-products .nova-suitable-products__content .nova-tabs-buttons{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/nova-suitable-products.css.map */