.block-images-layouts .item{height:calc(100vh - 92px);position:relative;display:flex;justify-content:center;align-items:flex-end}.block-images-layouts .item .button{position:relative;z-index:10;background:#32b75b;transform:translateY(50px);opacity:0;margin-bottom:150px}.block-images-layouts .item .button:hover{background:#000}@media screen and (max-width:1023px){.block-images-layouts .item .button{transform:none;opacity:1;border:0;min-width:0;padding:12px 24px;margin-bottom:30px}}@media screen and (max-width:767px){.block-images-layouts .item .button{margin-bottom:60px}}.block-images-layouts .item figure{position:absolute;top:0;left:0;right:0;bottom:0;display:flex}.block-images-layouts .item figure img{height:100%;width:100%;object-fit:cover;object-position:center}.block-images-layouts .item:hover .button{opacity:1;transform:none}.block-images-layouts .item figure.mobile{display:none}@media screen and (max-width:1023px){.block-images-layouts .single .item{height:auto;aspect-ratio:4/6}}.block-images-layouts .columns2{display:flex}.block-images-layouts .columns2 .item{width:50%}@media screen and (max-width:1023px){.block-images-layouts .columns2 .item{height:auto;aspect-ratio:4/6}}@media screen and (max-width:767px){.block-images-layouts .columns2{display:block}.block-images-layouts .columns2 .item{width:100%}.block-images-layouts .item figure.desktop{display:none}.block-images-layouts .item figure.mobile{display:flex}}.block-images-layouts .columns3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;height:calc(100vh - 92px);width:100vw}@media screen and (max-width:767px){.block-images-layouts .columns3{display:block;width:100vw}}.block-images-layouts .columns3 .item{height:auto;aspect-ratio:unset}@media screen and (max-width:767px){.block-images-layouts .columns3 .item{height:calc(100vh - 92px)}}.block-images-layouts .columns3 .item:nth-child(1){grid-area:1 / 1 / 3 / 2}.block-images-layouts .columns3 .item:nth-child(2){grid-area:1 / 2 / 2 / 3}.block-images-layouts .columns3 .item:nth-child(3){grid-area:2 / 2 / 3 / 3}.block-images-layouts .columns3--right .item:nth-child(1){grid-area:1 / 2 / 3 / 3}.block-images-layouts .columns3--right .item:nth-child(2){grid-area:1 / 1 / 2 / 2}.block-images-layouts .columns3--right .item:nth-child(3){grid-area:2 / 1 / 3 / 2}@media screen and (max-width:1023px){.block-images-layouts .columns3{height:auto;aspect-ratio:4/6}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-images-layouts.css.map */