.product-grid,.product-grid *{transition:all .3s ease}.product-grid{column-gap:13.5px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:35px}.product-grid .product{border:4px solid transparent;height:0;padding-top:60%;position:relative}.product-grid .product:hover{border:4px solid var(--color-primary)}.product-grid .product .black-background{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%}.product-grid .product .image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.product-grid .product:hover .image{opacity:.5}.product-grid .product .content{align-items:flex-start;background-color:var(--color-secondary);bottom:0;display:flex;flex-flow:column nowrap;height:53px;justify-content:center;left:0;padding:15px 32px;position:absolute;width:100%}.product-grid .product:hover .content{align-items:center;background-color:rgba(10,59,87,.5);height:100%}.product-grid .product .content>*{color:var(--color-white);margin:0}.product-grid .product:hover .content>*{text-align:center}.product-grid .product .content .title{font-size:1rem;letter-spacing:.07067em;text-transform:uppercase}.product-grid .product:hover .content .title{text-align:center}.product-grid .product .content .description,.product-grid .product .content .link{height:0;overflow:hidden}.product-grid .product:hover .content .description,.product-grid .product:hover .content .link{height:auto}.product-grid .product .content .description{font-size:13px}.product-grid .product:hover .content .description{margin-top:10px}.product-grid .product .content .link{background-color:var(--color-primary);border:none;display:block;font-size:13px;font-weight:700;letter-spacing:.07067em;text-transform:uppercase}.product-grid .product:hover .content .link{margin-top:16px;padding:9px 21.5px}@media (max-width:1000px){.product-grid .product{padding-top:80%}}@media (max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid .product{padding-top:60%}}@media (max-width:700px){.product-grid .product{padding-top:80%}}@media (max-width:600px){.product-grid{grid-template-columns:repeat(1,1fr)}.product-grid .product{padding-top:60%}}