.shortcode-recommendations{margin:3rem auto;padding:2.5rem;max-width:120rem;background:linear-gradient(135deg,rgba(var(--color-background),.95),rgba(var(--color-background),.85));border-radius:16px;border:1px solid rgba(var(--color-border),.2);box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.shortcode-recommendations:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgb(var(--color-button)),rgb(var(--color-button-text)))}.recommendations-title{margin:0 0 2rem;font-size:2.6rem;font-weight:700;color:rgb(var(--color-foreground));text-align:center;letter-spacing:-.02em;line-height:1.2}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;align-items:start}.recommendation-item{width:100%;position:relative;text-align:center;font-weight:600;display:block;text-decoration:none;color:inherit;transition:opacity .3s ease}.recommendation-item:hover{opacity:.9}.recommendation-item__image{overflow:hidden;position:relative;width:150px;height:150px;margin:0 auto 1rem;border-radius:16px;background-color:#fff}.recommendations-grid.small .recommendation-item__image{width:75px;height:75px}.recommendations-grid.small{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1.5rem;justify-items:center}.recommendations-grid.small .recommendation-item{max-width:125px}.recommendations-grid.small .recommendation-item__title,.recommendations-grid.small .recommendation-item__price{font-size:1.2rem}.recommendation-item__image img{transition:transform .3s ease;width:100%;height:100%;object-fit:cover;object-position:center}.recommendation-item:hover .recommendation-item__image img{transform:scale(1.1)}.recommendation-item__title{text-decoration:none}.recommendation-item:hover .recommendation-item__title{text-decoration:underline}@media screen and (max-width: 990px){.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.shortcode-recommendations{padding:2rem}.recommendations-title{font-size:2.4rem}}@media screen and (max-width: 749px){.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.shortcode-recommendations{margin:2rem 0;padding:1.5rem;border-radius:12px}.recommendations-title{font-size:2rem;margin-bottom:1.5rem}.recommendations-grid.small{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1rem}}@media screen and (max-width: 479px){.recommendations-grid{grid-template-columns:1fr;gap:1.5rem}.shortcode-recommendations{margin:1.5rem 0;padding:1.5rem}.recommendations-title{font-size:1.8rem;margin-bottom:1rem}.recommendations-grid.small{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recommendation-item{animation:fadeInUp .6s ease forwards}.recommendation-item:nth-child(2){animation-delay:.1s}.recommendation-item:nth-child(3){animation-delay:.2s}.recommendation-item:nth-child(4){animation-delay:.3s}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shortcodes.css.map */