.related-products{max-width:1100px;margin:45px auto 12px;padding-top:28px;border-top:1px solid #dbe7ea}.related-products[hidden]{display:none}.related-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.related-heading h2{font-size:24px;line-height:1.6;margin:7px 0;color:#00566c}.related-arrows{display:flex;gap:10px}.related-arrows button{width:44px;height:44px;border:1px solid #b9d1d8;border-radius:50%;background:#fff;color:#006579;font-size:24px;cursor:pointer}.related-arrows button:disabled{opacity:.35;cursor:default}.related-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#91bbc3 #eef5f6}.related-card{flex:0 0 calc((100% - 54px)/4);min-width:220px;display:flex;flex-direction:column;background:#fff;border:1px solid #dae6e9;border-radius:10px;padding:16px;color:#164553;text-decoration:none;scroll-snap-align:start;box-sizing:border-box}.related-card img{background:#fff;object-fit:contain;width:100%;height:180px;display:block;margin-bottom:18px}.related-brand{font-size:11px;font-weight:bold;letter-spacing:.5px;color:#6a858d}.related-card h3{font-size:15px;line-height:1.7;margin:10px 0 18px}.related-action{font-size:12px;color:#006579;margin-top:auto;border-top:1px solid #e4eef0;padding-top:12px}.related-card:hover{border-color:#258e9b}.related-card:focus-visible,.related-arrows button:focus-visible{outline:3px solid #30b6c7;outline-offset:3px}.detail-player .fb-video,.detail-player .fb-video>span,.detail-player .fb-video iframe{width:100%!important;height:100%!important;display:block}@media(max-width:760px){.related-heading h2{font-size:19px}.related-card{flex-basis:72%;min-width:210px}.related-heading{gap:10px}.related-arrows{gap:6px}.related-arrows button{width:38px;height:38px}.related-products{margin-top:26px}}
.media-detail .related-products{width:100%;max-width:1100px;min-width:0;box-sizing:border-box}.related-heading>div:first-child{min-width:0}.related-track{width:100%;min-width:0;box-sizing:border-box}.related-heading h2{overflow-wrap:anywhere}

.related-carousel{position:relative;padding:0 28px;box-sizing:border-box;width:100%;min-width:0}.related-carousel .related-arrows{display:contents}.related-carousel .related-arrows button{position:absolute;top:112px;transform:translateY(-50%);z-index:2;box-shadow:0 2px 10px #16455312}.related-carousel .related-arrows button:first-child{left:0}.related-carousel .related-arrows button:last-child{right:0}@media(max-width:760px){.related-carousel{padding:0 22px}}
