.coffee-category-section{overflow:hidden}.coffee-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.coffee-mobile-slider{display:none}.coffee-card{position:relative;overflow:hidden;max-height:462px}.coffee-card__link{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:#fff}.coffee-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.coffee-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;transition:.4s ease}.coffee-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;padding:90px 16px 40px;row-gap:83px;z-index:2}.coffee-card__title{margin:0;font-size:20px;font-family:var(--font-body-family);line-height:113.99999999999999%;font-weight:700;color:#fff;opacity:0;transition:all .4s ease}.coffee-card__title:after{content:"";display:block;width:82px;height:1px;background:#fff;margin:30px auto 0}.coffee-card__description{font-size:16px;font-family:var(--font-body-family);line-height:152%;color:#fff;opacity:0;transition:.4s ease}.coffee-card__button{background:#f5f5f5cc;font-family:var(--font-body-family);color:#000;text-align:center;padding:7px 16px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:uppercase;opacity:0;transition:.4s ease;max-width:240px;width:100%;margin:auto auto 0}.coffee-card:hover .coffee-card__overlay{background:#0000002b}.coffee-card:hover .coffee-card__content{border:8px solid #fff;border-top:0}.coffee-card:hover .coffee-card__title,.coffee-card:hover .coffee-card__description,.coffee-card:hover .coffee-card__button{opacity:1}.coffee-card:hover .coffee-card__button:hover{background:#f5f5f5}@media screen and (max-width:989px){.coffee-category-grid{display:none}.coffee-mobile-slider{display:block}.coffee-card{max-height:500px}.coffee-card__overlay{background:#00000073}.coffee-card:hover .coffee-card__content{border:0}.coffee-card__title,.coffee-card__description,.coffee-card__button{opacity:1}.coffee-card__image{aspect-ratio:3/4}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/coffee-category-slider.css.map */