.article-gallery{overflow:hidden;--desktop-margin-left-first-item: max( 5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2) )}.article-gallery__heading{display:flex;align-items:center;gap:20px;padding:0 0 20px}.article-gallery__heading-line{flex:1;height:1px;background-color:#cec6be;display:block}.article-gallery__heading-text{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#9b8f85;white-space:nowrap;flex-shrink:0}.article-gallery__grid{display:grid;grid-template-columns:repeat(var(--gallery-columns, 4),1fr);gap:var(--gallery-gap, 4px)}.article-gallery__item{aspect-ratio:1;overflow:hidden;display:block}.article-gallery__item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.article-gallery__item:hover img{transform:scale(1.04)}@media(min-width:750px){.article-gallery__grid{padding-left:var(--desktop-margin-left-first-item);padding-right:var(--desktop-margin-left-first-item)}}@media(min-width:750px){.article-gallery--overflow .article-gallery__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--desktop-margin-left-first-item);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--gallery-gap, 4px)}.article-gallery--overflow .article-gallery__grid::-webkit-scrollbar{display:none}.article-gallery--overflow .article-gallery__item{flex:0 0 calc((100% - (var(--gallery-columns) - 1) * var(--gallery-gap)) / var(--gallery-columns));scroll-snap-align:start}.article-gallery--overflow .article-gallery__item:first-child{scroll-margin-left:var(--desktop-margin-left-first-item)}}@media(max-width:749px){.article-gallery__grid{grid-template-columns:repeat(var(--gallery-columns-mobile, 1),1fr)}}@media(max-width:749px){.article-gallery--mobile-scroll .article-gallery__grid{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:15px;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--gallery-gap, 4px)}.article-gallery--mobile-scroll .article-gallery__grid::-webkit-scrollbar{display:none}.article-gallery--mobile-scroll .article-gallery__grid:after{content:"";display:block;flex:0 0 15px}.article-gallery--mobile-scroll .article-gallery__item{flex:0 0 var(--mobile-item-width, 80vw);width:var(--mobile-item-width, 80vw);scroll-snap-align:start}.article-gallery--mobile-scroll .article-gallery__item:first-child{margin-left:15px;scroll-margin-left:15px}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/section-article-gallery.css.map */