section.pro-shop-content{background:#28603D}section.pro-shop-content.pad{padding-bottom:60px}section.pro-shop-content .wrapper .boxes{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:1rem}section.pro-shop-content .wrapper .boxes .box{background:#ececec;border-radius:1rem;overflow:hidden;max-width:400px;margin:0 auto}section.pro-shop-content .wrapper .boxes .box .image{aspect-ratio:2.1/1;width:100%;overflow:hidden}section.pro-shop-content .wrapper .boxes .box .image.contain img{width:100%;height:100%;object-fit:contain;object-position:center}section.pro-shop-content .wrapper .boxes .box .image img{width:100%;height:100%;object-fit:cover;object-position:center}section.pro-shop-content .wrapper .boxes .box .content{padding:1.5rem 1rem;background:#FFF;height:100%}@media only screen and (min-width: 601px){section.pro-shop-content .wrapper .boxes{grid-template-columns:1fr 1fr}section.pro-shop-content .wrapper .boxes .box{max-width:100%}section.pro-shop-content .wrapper .boxes .box.span{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:auto;grid-column-start:1;grid-column-end:3}section.pro-shop-content .wrapper .boxes .box.span .image{flex-basis:50%;align-self:stretch}section.pro-shop-content .wrapper .boxes .box.span .content{flex-basis:50%}section.pro-shop-content .wrapper .boxes .box .image{aspect-ratio:1.8/1}}@media only screen and (min-width: 992px){section.pro-shop-content.pad{padding-bottom:100px}section.pro-shop-content .wrapper .boxes{grid-template-columns:1fr 1fr 1fr}section.pro-shop-content .wrapper .boxes .box.span{grid-column-start:1;grid-column-end:4}section.pro-shop-content .wrapper .boxes .box .image{aspect-ratio:1.6/1}}
