.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.related-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--gray-200);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);color:inherit;height:100%}.related-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--teal-200)}.related-img-wrapper{width:100%;height:auto;background:var(--gray-50);border-right:none;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:center;padding:0.75rem;position:relative;overflow:hidden}.related-img-wrapper img{aspect-ratio:2 / 3 !important;width:100% !important;max-height:480px !important;height:auto !important;object-fit:contain !important;display:block;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.04);transition:transform 0.3s ease}.related-card:hover .related-img-wrapper img{transform:scale(1.03)}.related-info-wrapper{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.related-title{color:var(--teal-900);font-family:var(--font-heading);font-size:1.15rem;font-weight:700;line-height:1.35;margin-bottom:0.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-meta{font-size:0.92rem;color:var(--gray-600);font-weight:500}.related-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-100);padding-top:1rem;margin-top:1.25rem}.related-price{color:var(--teal-900);font-weight:800;font-size:1.35rem;white-space:nowrap;flex-shrink:0}.related-link{background:var(--teal-600,#0d9488);color:#ffffff !important;padding:0.55rem 1.1rem;border-radius:8px;font-weight:600;font-size:0.9rem;display:inline-flex;align-items:center;gap:0.35rem;white-space:nowrap;flex-shrink:0;transition:all 0.2s ease}.related-card:hover .related-link{background:var(--teal-700,#0f766e);gap:0.5rem}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.related-grid{grid-template-columns:1fr;gap:1.25rem}}