.media-grid{--media-grid-gap: 30px;--media-grid-padding: 60px 20px;--media-grid-max-width: 1600px;width:100%;padding:var(--media-grid-padding);background-color:#fff}.media-grid__container{max-width:var(--media-grid-max-width);margin:0 auto}.media-grid__header{text-align:center;margin-bottom:42px}.media-grid__heading{font-size:36px;font-weight:var(--font-weight-bold, 700);line-height:1.2;margin:0 0 8px;letter-spacing:var(--letter-spacing-heading, -.02em);color:#181818}.media-grid__accent{color:#ff6b35;margin-left:4px}.media-grid__subtitle{font-size:18px;line-height:1.4;margin:0;color:#181818;letter-spacing:var(--letter-spacing-body, 0);font-weight:var(--font-weight-regular, 400)}.media-grid__items{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--media-grid-gap)}.media-grid__items[data-columns="1"]{grid-template-columns:repeat(1,1fr)}.media-grid__items[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.media-grid__items[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.media-grid__items[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.media-grid__items[data-columns="5"]{grid-template-columns:repeat(5,1fr)}.media-grid__items[data-columns="6"]{grid-template-columns:repeat(6,1fr)}.media-item{display:grid}.media-item__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:#f5f5f5;border-radius:var(--image-border-radius, 4px)}.media-item__image,.media-item__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:var(--image-border-radius, 4px)}.media-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px}.media-item__placeholder-text{font-size:16px;color:#999}.media-item__content{margin-top:24px;display:flex;flex-direction:column;gap:8px}.media-item__title{font-size:20px;font-weight:var(--font-weight-bold, 700);line-height:1.2;margin:0;color:#181818;letter-spacing:var(--letter-spacing-body, 0)}.media-item__description{font-size:14px;line-height:1.5;margin:0;color:#181818;letter-spacing:var(--letter-spacing-body, 0);font-weight:var(--font-weight-regular, 400)}.media-item__divider{width:50%;height:2px;background-color:#000;margin:12px auto}.media-item--card{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:20px 18px}.media-item--card .media-item__content{margin-top:20px}@media (max-width: 1024px){.media-grid{--media-grid-padding: 60px 30px;--media-grid-gap: 30px}.media-grid__items{grid-template-columns:repeat(2,1fr)}.media-grid__items[data-columns="1"]{grid-template-columns:repeat(1,1fr)}.media-grid__items[data-columns="2"],.media-grid__items[data-columns="3"],.media-grid__items[data-columns="4"],.media-grid__items[data-columns="5"],.media-grid__items[data-columns="6"]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.media-grid{--media-grid-padding: 60px 20px;--media-grid-gap: 30px}.media-grid__header{margin-bottom:30px}.media-grid__heading{font-size:28px}.media-grid__subtitle{font-size:16px}.media-grid__items{grid-template-columns:repeat(2,1fr)}.media-item__title{font-size:18px}.media-item__description{font-size:14px}}@media (max-width: 480px){.media-grid__items--single-column{grid-template-columns:repeat(1,1fr)}.media-grid__items--single-column .media-item{text-align:center}}.media-grid{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.media-item{animation:fadeInUp .6s ease-out forwards;animation-delay:calc(.1s * var(--index, 0))}.media-item[data-index="1"]{--index: 1}.media-item[data-index="2"]{--index: 2}.media-item[data-index="3"]{--index: 3}.media-item[data-index="4"]{--index: 4}.media-item[data-index="5"]{--index: 5}.media-item[data-index="6"]{--index: 6}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-media-grid.css.map */