.featured-hemper-boxes{padding-top:calc(var(--padding-top) * 1px);padding-bottom:calc(var(--padding-bottom) * 1px)}.featured-hemper-boxes__title{margin:0 auto 3rem;text-align:center;max-width:var(--page-width)}.featured-hemper-boxes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin:0 auto;padding:0 1rem}@media screen and (max-width: 989px){.featured-hemper-boxes__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.featured-hemper-boxes__grid{grid-template-columns:1fr}.featured-hemper-boxes__title{margin-bottom:2rem}}.featured-hemper-box{height:100%;display:flex;flex-direction:column;text-align:center}.featured-hemper-box__media{position:relative;aspect-ratio:1;overflow:hidden;margin-bottom:1.5rem;box-shadow:#0000001a 0 2px 4px,#0000001f 0 3px 6px}.featured-hemper-box__media--placeholder a{text-decoration:unset;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.featured-hemper-box__media--placeholder{display:flex;align-items:center;justify-content:center;background:#f5f5f5}.placeholder-icon{font-size:35rem;color:#fff}.featured-hemper-box__image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease-in-out;background:#fff}.featured-hemper-box__media:hover .featured-hemper-box__image{transform:scale(1.05)}.featured-hemper-box__content{display:flex;flex-direction:column;gap:.8rem;flex-grow:1;align-items:center}.featured-hemper-box__title{margin:15px 0 0;font-size:calc(var(--font-heading-scale) * 2.4rem);font-weight:700}.featured-hemper-box__price{font-size:1.6rem;font-weight:600;color:#4d8430}.featured-hemper-box__description{color:#000;line-height:1.2;max-width:90%;margin:0 auto}.featured-hemper-box__description p{margin:0;margin-bottom:1rem}.featured-hemper-box__countdown{font-size:1.6rem;font-weight:600;color:#4d8430;text-align:center}.featured-hemper-box .button{margin:0 auto;width:80%;justify-content:center;background:#1a1a1a;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:500;text-transform:none;transition:background-color .3s ease}.featured-hemper-box .button:hover{background:#333}@media screen and (max-width: 749px){.featured-hemper-box .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/502/assets/section-featured-hemper-boxes.css.map */