.home-grid-section .container{padding:4px 4px 5px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;grid-gap:5px;width:100%}.home-grid-section .container p{font-family:PPMonumentNormal-Regular}.home-grid-section .watch-card{background:#1c3250;position:relative;width:100%;overflow:hidden;cursor:pointer;transition:transform .3s ease}.home-grid-section .grid-item.span-desktop-2 .watch-card{aspect-ratio:6/5.1}.home-grid-section .grid-item.span-desktop-1 .watch-card{aspect-ratio:6 / 10.3}.home-grid-section .image-container{position:relative;width:100%;height:100%;transition:height .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:end}.home-grid-section .watch-image{width:100%;height:100%;object-position:center;object-fit:cover;display:block;transition:height .6s cubic-bezier(.4,0,.2,1)}.home-grid-section .arrow-link{width:100%;height:100%;display:flex;align-items:end}.home-grid-section .watch-card:hover .watch-image{height:calc(100% - 130px)}.home-grid-section .overlay{background:#1c3250;position:absolute;top:0;left:0;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 18px 8px;transform:translateY(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.home-grid-section .span-desktop-2 .overlay{padding:24px 48px 8px}.home-grid-section .watch-card:hover .overlay{background:#1c3251;clip-path:inset(0 0 0 0);transform:translateY(0)}.home-grid-section .overlay-content{text-align:center;transform:translateY(-30px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1) .2s;display:flex;flex-direction:column;height:100%;justify-content:space-around}.home-grid-section .watch-card:hover .overlay-content{transform:translateY(0);opacity:1}.home-grid-section .overlay-content p{font-size:13px;line-height:1.6;padding-bottom:26px}.home-grid-section .arrow{width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin:0 auto;position:relative;overflow:hidden}.home-grid-section .arrow svg{width:51px;height:51px;stroke:currentColor;stroke-width:2;fill:none;bottom:0;position:absolute;transition:transform .5s ease,color .4s ease}.arrow-alt{transform:translate(-50%) translateY(50%);opacity:0}.arrow:hover .arrow-main{transform:translate(50%) translateY(-50%);opacity:0}.arrow:hover .arrow-alt{transform:translate(0) translateY(0);opacity:1}.home-grid-section .grid-item.span-desktop-1{grid-column:span 1}.home-grid-section .grid-item.span-desktop-2{grid-column:span 2}@media only screen and (min-width: 750px) and (max-width: 1023px){.home-grid-section .container{grid-template-columns:repeat(4,1fr);padding:5px 5px 6px 6px}.home-grid-section .grid-item.span-tablet-2 .watch-card{aspect-ratio:409/397}.home-grid-section .grid-item.span-tablet-1 .watch-card{aspect-ratio:202/397}.home-grid-section .grid-item.span-tablet-1{grid-column:span 1}.home-grid-section .grid-item.span-tablet-2{grid-column:span 2}.home-grid-section .watch-card:hover .overlay{background-color:#1c3251}.home-grid-section .overlay{height:auto;padding:16px 21px 8px}.home-grid-section .span-desktop-2 .overlay{padding:16px 34px 8px}.home-grid-section .overlay-content p{font-size:12px;line-height:18px;letter-spacing:0;padding-bottom:13px}.home-grid-section .arrow svg{width:41px;height:41px}}@media only screen and (max-width: 749px){.home-grid-section .container{grid-template-columns:repeat(2,1fr);padding:4px 5px 10px;grid-gap:4px}.home-grid-section .grid-item.span-mobile-2 .watch-card,.home-grid-section .grid-item.span-tablet-2 .watch-card{aspect-ratio:418/372}.home-grid-section .grid-item.span-mobile-1 .watch-card,.home-grid-section .grid-item.span-tablet-1 .watch-card{aspect-ratio:207/372}.home-grid-section .grid-item.span-mobile-1{grid-column:span 1}.home-grid-section .grid-item.span-mobile-2{grid-column:span 2}.home-grid-section .watch-card:hover .overlay{background-color:#1c3251}.home-grid-section .overlay-content p{font-size:12px;color:#fff;line-height:18px;letter-spacing:0;padding-bottom:16px}.home-grid-section .arrow svg{width:38px;height:38px}.home-grid-section .overlay{height:auto;padding:26px 17px 13.48px}.home-grid-section .span-desktop-2 .overlay{padding:26px 45px 13.48px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/homepage-product-grid.css.map */