.must-haves{padding:20px 0}.must-haves__header{text-align:center;max-width:640px;margin:0 auto 28px;padding:0 16px}.must-haves__tag{color:#d0201f;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.must-haves__heading{font-size:28px;font-weight:700;margin:0 0 8px}.must-haves__subheading{color:#6b6b6b;font-size:15px;margin:0}.must-haves__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px}.must-have-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.must-have-card:hover{border-color:#d0d0d0;transform:translateY(-2px)}.must-have-card__media{position:relative;aspect-ratio:1 / 1;background:#f4f4f4;overflow:hidden}.must-have-card__image{width:100%;height:100%;object-fit:cover;display:block}.must-have-card__image--placeholder{width:100%;height:100%;background:#ececec}.must-have-card__rank{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:#111;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2}.must-have-card__badge{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 9px;border-radius:999px;z-index:2}.must-have-card__badge--priority{background:#fdeaea;color:#c62828}.must-have-card__badge--seasonal{background:#e8f5e9;color:#2e7d32}.must-have-card__badge--new{background:#e7f1fd;color:#1565c0}.must-have-card__info{padding:12px 14px 16px}.must-have-card__title{font-size:14px;line-height:1.35;margin:0 0 6px;color:#111}.must-have-card__price{margin:0;font-size:13px;font-weight:600;display:flex;gap:8px;align-items:baseline}.must-have-card__price--sale{color:#d0201f}.must-have-card__price--compare{color:#999;text-decoration:line-through;font-weight:400}.must-haves__footer{text-align:center;margin-top:32px}.must-haves__button{display:inline-block;padding:12px 28px;border:1px solid #111;border-radius:999px;font-size:14px;font-weight:600;color:#111;text-decoration:none;transition:background .2s ease,color .2s ease}.must-haves__button:hover{background:#111;color:#fff}@media screen and (min-width:600px){.must-haves__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.must-haves__grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:0 32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/top-must-haves.css.map */