.single-product .hz-related-articles{grid-column:1/-1;min-width:0;max-width:100%;margin:60px 0;overflow:hidden}
.single-product .hz-related-articles-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.single-product .hz-related-articles-heading h2{margin:0;color:#171717;font-family:"Quicksand",sans-serif;font-size:26px;font-weight:700;line-height:1.2}
.single-product .hz-related-articles-heading h2::after{content:"";display:block;width:42px;height:3px;margin-top:9px;border-radius:999px;background:var(--hz-red)}
.single-product .hz-related-articles-nav{display:flex;align-items:center;gap:8px}
.single-product .hz-related-articles-nav button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #e5e5e5;border-radius:50%;color:#222;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.06);font-size:27px;line-height:1;cursor:pointer;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
.single-product .hz-related-articles-nav button:hover:not(.is-disabled){color:var(--hz-red);border-color:var(--hz-red);box-shadow:0 5px 14px rgba(229,0,18,.1)}
.single-product .hz-related-articles-nav button.is-disabled{opacity:.3;pointer-events:none}
.single-product .hz-related-articles-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;padding:2px 1px 8px}
.single-product .hz-related-articles-grid::-webkit-scrollbar{display:none}
.single-product .hz-related-article-card{display:flex;min-width:0;height:100%;flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;flex-direction:column;border:1px solid #ececec;border-radius:14px;background:#fff;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.single-product .hz-related-article-card:hover{border-color:rgba(229,0,18,.18);box-shadow:0 14px 30px rgba(0,0,0,.07);transform:translateY(-4px)}
.single-product .hz-related-article-image{display:block;aspect-ratio:16/9;background:#f5f5f5;overflow:hidden}
.single-product .hz-related-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.single-product .hz-related-article-card:hover .hz-related-article-image img{transform:scale(1.025)}
.single-product .hz-related-article-content{display:flex;min-width:0;flex:1;flex-direction:column;padding:16px}
.single-product .hz-related-article-category{margin-bottom:7px;color:var(--hz-red);font-size:13px;font-weight:700;line-height:1.3;text-transform:uppercase}
.single-product .hz-related-article-content h3{display:-webkit-box;min-height:46.4px;margin:0 0 8px;color:#1d1d1d;font-size:16px;font-weight:700;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.single-product .hz-related-article-content h3 a:hover{color:var(--hz-red)}
.single-product .hz-related-article-content p{display:-webkit-box;min-height:41.6px;margin:0 0 12px;color:#666;font-size:15px;font-weight:400;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.single-product .hz-related-article-content time{margin-top:auto;color:#999;font-size:14px;line-height:1.4}
.single-product .hz-related-article-link{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;margin-top:11px;color:var(--hz-red);font-size:15px;font-weight:700;line-height:1.4}
.single-product .hz-related-article-link span{transition:transform .18s ease}.single-product .hz-related-article-link:hover span{transform:translateX(3px)}
@media(max-width:1199px){.single-product .hz-related-article-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:767px){.single-product .hz-related-articles{margin:54px 0}.single-product .hz-related-articles-heading{align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.single-product .hz-related-articles-heading h2{min-width:0;flex:1;font-size:23px}.single-product .hz-related-articles-nav{display:flex;flex:0 0 auto;align-items:center;gap:8px}.single-product .hz-related-articles-nav button{width:36px;height:36px;font-size:24px}.single-product .hz-related-articles-grid{width:100%;max-width:100%;gap:14px;padding-right:14px}.single-product .hz-related-article-card{flex-basis:84%}.single-product .hz-related-article-content{padding:14px}}
@media(prefers-reduced-motion:reduce){.single-product .hz-related-articles-grid{scroll-behavior:auto}.single-product .hz-related-article-card,.single-product .hz-related-article-image img,.single-product .hz-related-article-link span,.single-product .hz-related-articles-nav button{transition:none}}