section.collection-grid-four{padding:40px 20px}section.collection-grid-four .inner{max-width:1326px;margin:0 auto;width:100%}section.collection-grid-four .inner h3{font-family:montserrat,sans-serif;font-weight:600;font-size:1.5rem;color:#252b2c;line-height:1.3;text-align:center;margin-bottom:40px}section.collection-grid-four .inner .grid{display:grid;grid-template-columns:1fr;gap:20px}section.collection-grid-four .inner .grid a{position:relative;width:100%;height:210px}section.collection-grid-four .inner .grid a *{transition:all .3s ease}section.collection-grid-four .inner .grid a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}section.collection-grid-four .inner .grid a .detail{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:20px;position:absolute;top:0;left:0;background:rgba(0,0,0,.8);width:100%;padding:15px 10px 15px 25px}section.collection-grid-four .inner .grid a .detail h3{font-family:montserrat,sans-serif;font-weight:600;font-size:1.125rem;color:#fff;line-height:1.3;margin-bottom:0}section.collection-grid-four .inner .grid a .detail p{font-family:montserrat,sans-serif;font-weight:400;font-size:.875rem;color:#fff;line-height:1.3;display:none}section.collection-grid-four .inner .grid a .detail:before{content:"";width:30px;height:30px;position:absolute;border-top:30px solid #E5E5E5;border-bottom:30px solid transparent;border-right:30px solid transparent;top:0px;left:0px}section.collection-grid-four .inner .grid a .detail .arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;width:50px;height:50px;min-width:50px;min-height:50px;background:#EAEAEA}section.collection-grid-four .inner .grid a .detail .arrow svg{width:20px}@media only screen and (min-width: 768px){section.collection-grid-four .inner .grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){section.collection-grid-four{padding:80px 2px}section.collection-grid-four .inner h3{font-size:2.25rem}section.collection-grid-four .inner .grid{grid-template-columns:1fr 1fr 1fr}section.collection-grid-four .inner .grid a:hover img{opacity:.6}section.collection-grid-four .inner .grid a:hover .detail{opacity:1}section.collection-grid-four .inner .grid a .detail{display:flex;align-items:center;flex-direction:column;flex-wrap:auto;top:10%;left:10%;width:80%;height:80%;padding:40px;justify-content:center;border:solid 3px #FFF;text-align:center;opacity:0}section.collection-grid-four .inner .grid a .detail h3{font-size:1.25rem}section.collection-grid-four .inner .grid a .detail p{font-size:1rem;display:block}section.collection-grid-four .inner .grid a .detail:before,section.collection-grid-four .inner .grid a .detail .arrow{display:none}}@media only screen and (min-width: 1200px){section.collection-grid-four .inner .grid{grid-template-columns:1fr 1fr 1fr 1fr}}
