section.collection-grid{padding:29px 20px}section.collection-grid .inner{max-width:1326px;margin:0 auto;width:100%}section.collection-grid .inner .grid{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;gap:1rem}section.collection-grid .inner .grid a{position:relative;width:100%;height:225px}section.collection-grid .inner .grid a *{transition:all .3s ease}section.collection-grid .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 .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 .inner .grid a .detail p{font-family:montserrat,sans-serif;font-weight:600;font-size:1.125rem;color:#fff;line-height:1.3}section.collection-grid .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 .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 .inner .grid a .detail .arrow svg{width:20px}@media only screen and (min-width: 992px){section.collection-grid .inner .grid{flex-direction:row;flex-wrap:wrap;justify-content:center}section.collection-grid .inner .grid a{width:calc(50% - 10px)}}@media only screen and (min-width: 1200px){section.collection-grid .inner .grid{flex-direction:row;flex-wrap:wrap;justify-content:center}section.collection-grid .inner .grid a{width:calc(33% - 10px);aspect-ratio:1.2/1;height:auto;display:block;overflow:hidden}section.collection-grid .inner .grid a:hover img{opacity:.6}section.collection-grid .inner .grid a:hover .detail{opacity:1}section.collection-grid .inner .grid a .detail{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 .inner .grid a .detail p{font-size:2rem}section.collection-grid .inner .grid a .detail:before,section.collection-grid .inner .grid a .detail .arrow{display:none}}