.product-recommendations{padding:60px 20px;background-color:#000}@media (min-width: 768px){.product-recommendations{padding:80px 40px}}@media (min-width: 1024px){.product-recommendations{padding:100px 60px}}.product-recommendations__container{max-width:1400px;margin:0 auto}.product-recommendations__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px}@media (min-width: 768px){.product-recommendations__header{margin-bottom:40px}}.product-recommendations__title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:#fff;margin:0;letter-spacing:-.01em}.product-recommendations__view-all{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff9;text-decoration:none;transition:color .2s ease;white-space:nowrap}.product-recommendations__view-all:hover{color:#fff}.product-recommendations__view-all svg{width:14px;height:14px;transition:transform .2s ease}.product-recommendations__view-all:hover svg{transform:translate(3px)}.product-recommendations__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.product-recommendations__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 1024px){.product-recommendations__grid{grid-template-columns:repeat(4,1fr);gap:24px}}.product-recommendations__card{position:relative}.product-recommendations__link{display:block;text-decoration:none}.product-recommendations__media{position:relative;aspect-ratio:1;overflow:hidden;background-color:#1a1a1a;margin-bottom:12px}.product-recommendations__media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .5s ease}.product-recommendations__media img:first-child{position:relative;z-index:1}.product-recommendations__media-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:2}.product-recommendations__card:hover .product-recommendations__media img:first-child{opacity:0}.product-recommendations__card:hover .product-recommendations__media-hover{opacity:1}.product-recommendations__badge{position:absolute;top:10px;left:10px;padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:var(--color-primary, #f41100);z-index:2}.product-recommendations__info{display:flex;flex-direction:column;gap:6px}.product-recommendations__name{font-size:13px;font-weight:500;color:#fff;margin:0;line-height:1.4;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.product-recommendations__name{font-size:14px}}.product-recommendations__card:hover .product-recommendations__name{color:var(--color-primary, #f41100)}.product-recommendations__price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-recommendations__price-current{font-size:14px;font-weight:600;color:#fff}.product-recommendations__price-current--sale{color:var(--color-primary, #f41100)}.product-recommendations__price-compare{font-size:12px;color:#ffffff80;text-decoration:line-through}.product-recommendations__quick-add{position:absolute;bottom:10px;right:10px;z-index:3}.product-recommendations__quick-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;color:#000;cursor:pointer;opacity:0;transform:scale(.8);transition:all .25s ease;box-shadow:0 2px 12px #0000004d}a.product-recommendations__quick-btn{text-decoration:none}.product-recommendations__quick-add .product-recommendations__quick-btn{position:static}.product-recommendations__card:hover .product-recommendations__quick-btn{opacity:1;transform:scale(1)}.product-recommendations__quick-btn:hover{background:var(--color-primary, #f41100);color:#fff;transform:scale(1.1)}@media (max-width: 767px){.product-recommendations__quick-btn{opacity:1;transform:scale(1);width:36px;height:36px}}.product-recommendations__quick-btn svg{width:16px;height:16px}.product-recommendations:empty{display:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-product-recommendations.css.map */