.article-product-grid{padding-bottom:1.6rem;padding-top:1.6rem}.article-product-grid__item{overflow:hidden;position:relative}.article-product-grid__figure{aspect-ratio:1/1;display:block;height:auto;width:100%}.article-product-grid__image{display:block;width:100%}.article-product-grid__overlay{align-items:center;bottom:0;color:var(--color-white);display:flex;gap:3rem;justify-content:center;left:0;padding:0 1.6rem;position:absolute;right:0;transform:translateY(100%);transition:var(--duration-default) ease-in-out;top:0}.article-product-grid__overlay:before{background-color:#000;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:-1}.article-product-grid__overlay--active{transform:translateY(0)}.article-product-grid__overlay--active+.article-product-grid__icons .icon--quick-view{opacity:0}.article-product-grid__overlay--active+.article-product-grid__icons .icon--close{opacity:1}.article-product-grid__wrapper,.article-product-grid__actions{display:flex;flex-direction:column;justify-content:space-between;gap:.8rem}.article-product-grid__image--small{background-color:var(--color-white);display:block;width:14.1rem}.article-product-grid__title,.article-product-grid__link{font-family:var(--font-heading-family);font-size:2rem;font-weight:var(--font-bold);line-height:2.2rem;text-transform:uppercase}.article-product-grid__title{display:-webkit-box;margin-bottom:.4rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-product-grid .price,.article-product-grid__price{font-size:1.6rem;line-height:2.4rem}.article-product-grid__actions{gap:1.2rem}.article-product-grid__button{width:15.2rem}.article-product-grid__link{color:var(--color-white);line-height:2.8rem}.article-product-grid__icons{background-color:var(--color-white);border:.1rem solid var(--color-primary);border-radius:50%;bottom:1.2rem;height:4rem;position:absolute;right:1.2rem;width:4rem}.article-product-grid__icons .icon{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--duration-default) ease-in}.article-product-grid__icons .icon--quick-view{opacity:1}.article-product-grid__overlay--tours{text-align:center}.article-product-grid__overlay--tours .article-product-grid__link{color:var(--color-primary);margin-top:1.2rem;width:21.1rem}@media screen and (min-width: 990px){.article-product-grid__item:hover .article-product-grid__overlay{transform:translateY(0)}.article-product-grid__overlay{gap:1.2rem}.article-product-grid__image--small{width:8.6rem}.article-product-grid__wrapper{gap:1rem}.article-product-grid__icons{display:none}}@media screen and (min-width: 1200px){.article-product-grid{padding-bottom:3.2rem;padding-top:4rem}.article-product-grid__overlay{padding:2rem 2.4rem;text-align:left;top:unset}.article-product-grid__image--small{width:8rem}.article-product-grid__wrapper{align-items:center;flex-direction:row;gap:1.5rem;justify-content:space-between;width:100%}.article-product-grid__title{line-height:2.6rem}.article-product-grid__actions{align-items:center}.article-product-grid__button,.article-product-grid__overlay--tours .article-product-grid__link{margin-top:0;width:14rem}}.store-tobermory .article-product-grid__title,.store-tobermory .article-product-grid__link{font-size:1.4rem;line-height:1.2}@media screen and (min-width: 1200px){.store-tobermory .article-product-grid__title,.store-tobermory .article-product-grid__link{line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/article-product-grid.css.map */