.oa-shutter-grid{background:var(--oa-threes-black);padding-block:var(--oa-gutter-xlarge)}.oa-shutter-grid .section-inner{max-width:var(--oa-max-width);margin:auto}.oa-shutter-grid .section-inner>.heading{padding-inline:var(--oa-gutter-medium);text-align:center;margin-bottom:var(--oa-gutter-large)}.oa-shutter-grid .section-inner .shutter-grid{display:flex;gap:10px}.oa-shutter-grid .section-inner .shutter-grid .grid-item{flex:1;transition:.5s;position:relative;background:var(--oa-threes-black);display:grid;height:600px;overflow:hidden;cursor:pointer}.oa-shutter-grid .section-inner .shutter-grid .grid-item input{display:none}.oa-shutter-grid .section-inner .shutter-grid .grid-item .heading{z-index:2;grid-area:1 / 1 / 2 / 2;padding:var(--oa-gutter-medium) var(--oa-gutter-medium) calc(var(--oa-gutter-medium) - 5px);margin:0;filter:drop-shadow(1px 1px 1px rgba(0,0,0,1))}.oa-shutter-grid .section-inner .shutter-grid .grid-item .bg-img{z-index:1;grid-area:1 / 1 / 2 / 2;object-fit:cover;object-position:center;height:100%;min-width:100%;filter:grayscale(100%) contrast(150%) brightness(70%);transition:.3s}.oa-shutter-grid .section-inner .shutter-grid .grid-item:hover{flex:2}.oa-shutter-grid .section-inner .shutter-grid .grid-item:hover .bg-img{filter:grayscale(0%) contrast(100%) brightness(100%)}@media only screen and (max-width:767px){.oa-shutter-grid{padding-block:var(--oa-gutter-xlarge) var(--oa-gutter-small)}.oa-shutter-grid .section-inner .shutter-grid{flex-direction:column}.oa-shutter-grid .section-inner .shutter-grid .grid-item{height:unset;aspect-ratio:1 / .23;flex:auto!important;transition:.5s}.oa-shutter-grid .section-inner .shutter-grid .grid-item .bg-img{position:absolute}.oa-shutter-grid .section-inner .shutter-grid .grid-item .heading{position:relative;height:max-content}.oa-shutter-grid .section-inner .shutter-grid .grid-item .heading:after{content:"";width:15px;height:15px;background-color:var(--oa-threes-white);position:absolute;top:50%;right:var(--oa-gutter-medium);clip-path:polygon(0% 0%,100% 0%,50% 100%);transform:translateY(-50%);transition:.5s}.oa-shutter-grid .section-inner .shutter-grid .grid-item:has(input:checked){aspect-ratio:1 / 1}.oa-shutter-grid .section-inner .shutter-grid .grid-item:has(input:checked) .bg-img{filter:grayscale(0%) contrast(100%) brightness(100%)}.oa-shutter-grid .section-inner .shutter-grid .grid-item:has(input:checked) .heading:after{transform:translateY(-50%) scaleY(-1)}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/oa-shutter-grid.css.map */