.themed-products{padding:5rem 0;background:rgb(var(--color-background))}.themed-products__header{text-align:center;margin-bottom:4rem}.themed-products__heading{font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--color-foreground));margin-bottom:1rem;position:relative}.themed-products__heading:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:8rem;height:.3rem;background:rgb(var(--color-button))}.themed-products__description{font-size:1.6rem;color:rgba(var(--color-foreground),.7);max-width:60rem;margin:0 auto}.themed-products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:3rem;margin-top:4rem}.themed-products__card{background:rgb(var(--color-background));border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.themed-products__card:hover{transform:translateY(-1rem);box-shadow:0 2rem 4rem rgba(var(--color-foreground),.15)}.themed-products__link{display:block;text-decoration:none;color:inherit}.themed-products__image{position:relative;overflow:hidden;aspect-ratio:1/1;background:rgba(var(--color-foreground),.05)}.themed-products__img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.themed-products__img--primary{opacity:1;z-index:1}.themed-products__img--secondary{opacity:0;z-index:2;transform:scale(1.1)}.themed-products__card:hover .themed-products__img--primary{opacity:0;transform:scale(.9)}.themed-products__card:hover .themed-products__img--secondary{opacity:1;transform:scale(1)}.themed-products__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.1)}.themed-products__badge{position:absolute;top:1rem;left:1rem;background:#f44;color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:3}.themed-products__content{padding:2rem}.themed-products__title{font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:1rem;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}.themed-products__price{display:flex;align-items:center;gap:1rem}.themed-products__price-current{font-size:1.8rem;font-weight:800;color:rgb(var(--color-foreground))}.themed-products__price-compare{font-size:1.4rem;color:rgba(var(--color-foreground),.5);text-decoration:line-through}.themed-products__footer{text-align:center;margin-top:4rem}.themed-products__view-all{background:transparent;border:2px solid rgb(var(--color-button));color:rgb(var(--color-button));padding:1.5rem 3rem;font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.8rem;transition:all .3s ease;text-decoration:none;display:inline-block}.themed-products__view-all:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text));transform:translateY(-.2rem);box-shadow:0 1rem 2rem rgba(var(--color-button),.3)}.themed-products__empty{text-align:center;padding:4rem 0;color:rgba(var(--color-foreground),.7);font-size:1.6rem}.themed-products.color-scheme-4{background:#1a1a1a}.themed-products.color-scheme-4 .themed-products__card,.themed-products.color-scheme-3{background:#2d2d2d}.themed-products.color-scheme-3 .themed-products__card{background:#3a3a3a}@media screen and (max-width: 749px){.themed-products{padding:3rem 0}.themed-products__grid{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem;margin-top:3rem}.themed-products__header{margin-bottom:3rem}.themed-products__content{padding:1.5rem}.themed-products__title{font-size:1.4rem}.themed-products__price-current{font-size:1.6rem}.themed-products__footer{margin-top:3rem}}@media screen and (max-width: 550px){.themed-products__grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}.themed-products__content{padding:1.2rem}}@media screen and (min-width: 1200px){.themed-products__grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-themed-products.css.map */