.section-shop-by-purpose{display:block}.shop-by-purpose{position:relative;background-color:var(--sbp-bg, #1e1e2e);padding-top:var(--sbp-pt, 60px);padding-bottom:var(--sbp-pb, 60px);overflow:hidden}.sbp-bg-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.sbp-bg-media__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sbp-bg-media__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000}.sbp-inner{position:relative;z-index:1}.sbp-header{text-align:center;margin-bottom:3.6rem}.sbp-subheading{margin:0 0 .6rem;font-size:1.3rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--sbp-heading-color, #ffffff);opacity:.6;line-height:1.4}.sbp-heading{margin:0;font-size:2rem;font-weight:700;color:var(--sbp-heading-color, #ffffff);font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal);letter-spacing:-.01em;line-height:1.2}@media screen and (min-width:750px){.sbp-heading{font-size:2.4rem}}@media screen and (min-width:990px){.sbp-heading{font-size:2.8rem}}.sbp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--sbp-cols-mobile, 3),1fr);gap:2.4rem 1.2rem;justify-items:center}@media screen and (min-width:750px){.sbp-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem 2.4rem}}@media screen and (min-width:990px){.sbp-list{flex-wrap:nowrap;gap:2.8rem 2.8rem}}.sbp-item{display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(16px);animation:sbpFadeUp .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--i, 0) * 60ms + 80ms)}@keyframes sbpFadeUp{to{opacity:1;transform:translateY(0)}}.sbp-link{display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;color:inherit;outline-offset:6px}.sbp-link:focus-visible{outline:2px solid var(--sbp-label-color, #ffffff);border-radius:4px}.sbp-frame-wrap{position:relative;display:inline-flex;flex-shrink:0;overflow:visible}.sbp-frame{position:relative;width:var(--sbp-frame-w-mobile, 84px);height:var(--sbp-frame-w-mobile, 84px);border-radius:var(--sbp-frame-radius, 20%);background:linear-gradient(160deg,var(--sbp-grad-from, #c0392b) 0%,var(--sbp-grad-to, #7b0000) 100%);overflow:hidden;flex-shrink:0;box-shadow:0 4px 18px #0006,inset 0 1px #ffffff14;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}@media screen and (min-width:750px){.sbp-frame{width:var(--sbp-frame-w-desk, 120px);height:var(--sbp-frame-w-desk, 120px)}}.sbp-link:hover .sbp-frame,.sbp-link:focus-visible .sbp-frame{transform:translateY(-5px) scale(1.04);box-shadow:0 14px 36px #00000080,inset 0 1px #ffffff24}.sbp-frame__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sbp-frame__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffa6}.sbp-badge{position:absolute;top:-7px;right:-7px;z-index:2;background:#fff;color:var(--sbp-grad-to, #7b0000);font-size:.9rem;font-weight:700;line-height:1;padding:3px 7px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #00000047;pointer-events:none}.sbp-label-row{display:flex;align-items:center;gap:.5rem;transition:gap .22s ease}.sbp-link:hover .sbp-label-row,.sbp-link:focus-visible .sbp-label-row{gap:.9rem}.sbp-label{font-size:1.3rem;font-weight:500;color:var(--sbp-label-color, #ffffff);white-space:nowrap;letter-spacing:.01em;line-height:1.3;font-family:var(--font-body-family, inherit)}@media screen and (min-width:750px){.sbp-label{font-size:1.4rem}}.sbp-arrow{display:flex;align-items:center;flex-shrink:0;color:var(--sbp-arrow-color, #aaaaaa);transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s ease}.sbp-link:hover .sbp-arrow,.sbp-link:focus-visible .sbp-arrow{transform:translate(4px);color:var(--sbp-label-color, #ffffff)}.sbp-empty{text-align:center;color:var(--sbp-label-color, #ffffff);opacity:.5;font-size:1.4rem;padding:2rem 0}@media(prefers-reduced-motion:reduce){.sbp-item{animation:none;opacity:1;transform:none}.sbp-frame,.sbp-arrow,.sbp-label-row{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-shop-by-purpose.css.map */