.article-related__inner{display:flex;flex-direction:column;gap:4.4rem}.article-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;margin-bottom:2.4rem}.article-related__title{margin:0;font-size:clamp(2rem,3.2vw,2.8rem);letter-spacing:-.01em}.article-related__shopall{white-space:nowrap;font-size:1.4rem;font-weight:600}.article-related__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 1.6rem}@media screen and (min-width:750px){.article-related__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.article-related__grid{grid-template-columns:repeat(var(--ar-cols-d, 4),1fr)}}.article-related__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.article-related__media{position:relative;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;background:rgba(var(--color-foreground),.04);margin-bottom:1rem}.article-related__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-related__link:hover .article-related__media img{transform:scale(1.04)}.article-related__name{font-size:1.4rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related__price{margin-top:.4rem;font-size:1.4rem;font-weight:600}.article-related__posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:750px){.article-related__posts{grid-template-columns:repeat(3,1fr)}}.article-related__post-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.article-related__post-media{position:relative;aspect-ratio:16 / 10;border-radius:1rem;overflow:hidden;background:rgba(var(--color-foreground),.04);margin-bottom:1rem}.article-related__post-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-related__post-link:hover .article-related__post-media img{transform:scale(1.03)}.article-related__post-title{font-size:1.6rem;font-weight:600;line-height:1.3}.article-related__post-date{margin-top:.4rem;font-size:1.25rem;color:rgba(var(--color-foreground),.66)}@media screen and (max-width:749px){.article-related__inner{gap:3.2rem}.article-related__head{margin-bottom:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-article-related.css.map */