.needs-section{background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family, inherit);padding-top:var(--needs-padding-top, 56px);padding-bottom:var(--needs-padding-bottom, 56px)}.needs-section__wrap{width:100%}.needs-section__head{margin-bottom:16px;max-width:70ch}.needs-section__eyebrow{margin:0 0 4px;font-weight:700}.needs-section__title{margin:0 0 6px;color:rgb(var(--color-foreground))}.needs-section__sub{margin:0;word-break:normal;overflow-wrap:normal}.needs-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.need-card{display:flex;flex-direction:column;min-width:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.15);overflow:hidden}.need-card__media{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:rgb(var(--color-background))}.need-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.need-card:hover .need-card__image{transform:scale(1.025)}.need-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.6);font-size:14px}.need-card__badge{position:absolute;top:12px;left:12px;z-index:2;background:rgb(var(--color-button, var(--color-foreground)));color:rgb(var(--color-button-text, var(--color-background)));font-size:14px;font-weight:700;line-height:1.2;padding:5px 10px}.need-card__band{background:rgba(var(--color-foreground),.06);padding:14px 16px}.need-card__title{margin:0;font-size:20px;line-height:1.28;font-weight:700}.need-card__title a{color:rgb(var(--color-foreground));text-decoration:none}.need-card__title a:hover{text-decoration:underline}.need-card__subs{list-style:none;margin:0;padding:0 16px;flex:1 1 auto}.need-card__subs li+li{border-top:1px solid rgba(var(--color-foreground),.12)}.need-card__subs a{display:flex;align-items:center;min-height:48px;padding:14px 0;font-size:17px;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none}.need-card__subs a:hover{text-decoration:underline}.need-card__all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:16px;font-size:17px;font-weight:700;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;border-top:1px solid rgba(var(--color-foreground),.12);transition:opacity .2s ease}.need-card__all:hover{opacity:.9;text-decoration:none}.need-card__all-text{color:rgb(var(--color-foreground))}.need-card__all-icon{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;overflow:hidden}.need-card__all-icon svg{width:18px;height:18px;stroke:currentColor}.need-card__all-custom-img{width:100%;height:100%;object-fit:cover;display:block}.needs-section a:focus-visible{outline:3px solid rgb(var(--color-outline, var(--color-foreground)));outline-offset:2px}@media screen and (max-width:989px){.needs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media screen and (max-width:749px){.needs-section{padding-top:var(--needs-padding-top, 36px);padding-bottom:var(--needs-padding-bottom, 36px)}.needs-section__head{margin-bottom:14px}.needs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.need-card__media{aspect-ratio:4 / 3}.need-card__badge{top:8px;left:8px;font-size:11px;padding:3px 6px}.need-card__band{padding:12px 14px}.need-card__title{font-size:18px;line-height:1.35}.need-card__subs{padding:0 14px}.need-card__subs a{font-size:15px;padding:12px 0;min-height:44px}.need-card__all{font-size:15px;padding:14px 12px;gap:10px}.need-card__all-icon{width:26px;height:26px}.need-card__all-icon svg{width:13px;height:13px}}@media screen and (max-width:480px){.needs-grid{gap:12px}.need-card__badge{top:6px;left:6px;font-size:10px;padding:2px 5px}.need-card__title{font-size:17px;line-height:1.3}.need-card__band{padding:10px 12px}.need-card__subs{padding:0 12px}.need-card__subs a{font-size:14px}.need-card__all{padding:12px 10px;font-size:14px;gap:8px}.need-card__all-icon{width:24px;height:24px}.need-card__all-icon svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/1086/assets/shop-by-needs.css.map */