/* SJ Technology Related Products V1 — scoped storefront styles. */
#product-product .sj-related-category { margin: 26px 0 34px; }
#product-product .sj-related-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
#product-product .sj-related-heading h3 { margin: 0; }
#product-product .sj-related-controls { display: flex; gap: 8px; flex: none; }
#product-product .sj-related-controls[hidden] { display: none; }
#product-product .sj-related-nav { border: 1px solid #ccc; border-radius: 4px; background: #fff; min-width: 38px; min-height: 38px; cursor: pointer; }
#product-product .sj-related-nav:not(:disabled):hover { background: #f2f2f2; }
#product-product .sj-related-nav:disabled { opacity: .35; cursor: default; }
#product-product .sj-related-track { display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; padding-bottom: 12px; scrollbar-width: thin; }
#product-product .sj-related-item { box-sizing: border-box; flex: 0 0 calc((100% - 48px) / 4); min-width: 0; scroll-snap-align: start; display: flex; }
#product-product .sj-related-item .product-thumb { width: 100%; margin-bottom: 0; display: flex; flex-direction: column; }
#product-product .sj-related-item .caption { flex: 1; }
#product-product .sj-related-item .image img { width: 100%; height: auto; }
#product-product .sj-related-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#product-product .sj-related-availability { font-size: 12px; color: #555; }
@media (max-width: 1199px) { #product-product .sj-related-item { flex-basis: calc((100% - 32px) / 3); } }
@media (max-width: 767px) { #product-product .sj-related-item { flex-basis: calc((100% - 16px) / 2); } }
@media (max-width: 480px) { #product-product .sj-related-item { flex-basis: 76%; } }
@media (prefers-reduced-motion: reduce) { #product-product .sj-related-track { scroll-behavior: auto; } }
