.related-products{padding:var(--spacing-8) 0}.related-products__header{margin-bottom:var(--spacing-6)}.related-products__title{color:var(--color-primary)}.related-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.related-products__card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.related-products__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.related-products__card-media{aspect-ratio:16/9;overflow:hidden}.related-products__card-image{width:100%;height:100%;object-fit:cover}.related-products__card-content{padding:var(--spacing-4);flex-grow:1}.related-products__card-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--spacing-3)}.related-products__card-description{color:var(--color-text-light);font-size:var(--text-sm);line-height:var(--leading-normal)}.related-products__card-footer{padding:var(--spacing-4);padding-top:0;margin-top:auto}.related-products__card-btn{width:100%;justify-content:center}@media (max-width:1024px){.related-products{padding:var(--spacing-6) 0}.related-products__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.related-products__card-title{font-size:var(--text-base)}.related-products__card-content{padding:var(--spacing-3)}.related-products__card-description{font-size:var(--text-xs)}.related-products__card-footer{padding:var(--spacing-3)}}@media (max-width:768px){.related-products{padding:var(--spacing-4) 0}.related-products__header{margin-bottom:var(--spacing-4)}.related-products__title{font-size:var(--text-lg)}.related-products__grid{grid-template-columns:1fr;gap:var(--spacing-4)}.related-products__card{max-width:100%}.related-products__card-media{aspect-ratio:16/10}.related-products__card-content{padding:var(--spacing-3)}.related-products__card-title{font-size:var(--text-base);margin-bottom:var(--spacing-2)}.related-products__card-description{font-size:var(--text-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.related-products__card-footer{padding:var(--spacing-3)}.related-products__card-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.related-products__card-btn{min-height:44px}}@media (max-width:480px){.related-products{padding:var(--spacing-3) 0}.related-products__card{box-shadow:var(--shadow-sm)}.related-products__card-media{aspect-ratio:16/9}.related-products__grid{gap:var(--spacing-3)}}