.sbc-grid-container{display:grid;grid-template-columns:repeat(4,1fr);width:100%;height:100%;gap:20px;margin:20px auto}.sbc-grid-item{width:100%;transition:transform .3s ease,box-shadow .3s ease;order:0}.sbc-grid-item .rp-image img{height:100%;object-fit:cover}.sbc-grid-item:hover{cursor:pointer;transform:scale(1.01);box-shadow:0 4px 15px #00000026}.col-rectangle-portrait{grid-row:span 2;width:100%;height:100%}.col-rectangle-landspace,.col-square{width:100%;height:100%;flex-shrink:0}.col-titles{color:var(--ff-font-color-dark-green);text-align:center;font-family:var(--ff-font-family-primary);font-size:var(--ff-font-size-20);font-style:normal;font-weight:var(--ff-font-weight-500);line-height:24px;margin-bottom:5px}.col-paragraphs{color:var(--ff-font-color-black);text-align:center;font-family:var(--ff-font-family-primary);font-size:var(--ff-font-size-16);font-style:normal;font-weight:var(--ff-font-weight-400);line-height:24px;margin-top:10px}.center-items{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 35px}@media only screen and (min-width:601px)and (max-width:1279px){.sbc-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:20px;margin:20px auto}.sbc-item_1{order:1}.sbc-item_2{order:2}.sbc-item_3{order:4}.sbc-item_4{order:3}.sbc-item_5{order:5}.sbc-item_6{order:6}.sbc-grid-item img{width:100%;height:auto;object-fit:cover}.sbc-grid-container,.sbc-grid-item,.sbc-grid-item img,.sbc-grid-item .center-items{height:100%}.center-items{padding:0 20px}.col-titles{font-size:var(--ff-font-size-24);line-height:28px}.col-paragraphs{font-size:var(--ff-font-size-18);line-height:26px}}@media only screen and (max-width:600px){.sbc-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:10px;margin:20px auto}.sbc-item_1{order:1}.sbc-item_2{order:2}.sbc-item_3{order:4}.sbc-item_4{order:3}.sbc-item_5{order:5}.sbc-item_6{order:6}.sbc-grid-item img{width:100%;height:auto;object-fit:cover}.sbc-grid-container,.sbc-grid-item,.sbc-grid-item img,.sbc-grid-item .center-items{height:100%}.col-titles{font-size:var(--ff-font-size-18)}.col-paragraphs{font-size:var(--ff-font-size-14);line-height:18px}.center-items{padding:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-shop-by-color-images-grid.css.map */