.section-shop-by-purpose{width:100%;max-width:100%;overflow-x:clip}.shop-by-purpose,.shop-by-purpose *{box-sizing:border-box}.shop-by-purpose{position:relative;isolation:isolate;width:100%;max-width:100%;min-height:var(--sbp-min-height, 0);overflow:hidden;background:var(--sbp-background, #fffdf9);color:#111;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shop-by-purpose__background{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.shop-by-purpose__background img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--sbp-background-position, center)}.shop-by-purpose__inner{width:min(100%,var(--sbp-width, 1800px));min-height:var(--sbp-min-height, 0);margin-inline:auto;padding:var(--sbp-padding-top, 60px) var(--sbp-side-padding, 32px) var(--sbp-padding-bottom, 60px)}.shop-by-purpose__header{width:min(100%,1000px);margin:0 auto var(--sbp-header-gap, 30px);text-align:center}.shop-by-purpose__header h2{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.1em .26em;margin:0;color:var(--sbp-heading-color, #050505);font:800 var(--sbp-heading-size, 58px)/1.08 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em}.shop-by-purpose__header h2 span,.shop-by-purpose__header h2 strong{display:inline}.shop-by-purpose__header h2 strong{color:var(--sbp-highlight-color, #7a1017);font:inherit}.shop-by-purpose__divider{display:grid;grid-template-columns:1fr 10px 1fr;align-items:center;gap:10px;width:min(100%,var(--sbp-divider-width, 280px));margin:18px auto 14px;color:var(--sbp-divider-color, #dda029)}.shop-by-purpose__divider i{height:1px;background:currentColor}.shop-by-purpose__divider b{width:8px;height:8px;margin:auto;border:2px solid currentColor;transform:rotate(45deg)}.shop-by-purpose__content{color:var(--sbp-content-color, #344055);font-size:var(--sbp-content-size, 21px);line-height:1.45}.shop-by-purpose__content p{margin:0}.shop-by-purpose__grid{display:grid;grid-template-columns:repeat(var(--sbp-columns-desktop, 5),minmax(0,1fr));column-gap:var(--sbp-column-gap, 24px);row-gap:var(--sbp-row-gap, 28px);min-width:0}.shop-by-purpose__card{display:flex;min-width:0;min-height:var(--sbp-card-min-height, 330px);flex-direction:column;align-items:center;padding:4px 10px 8px;border-radius:var(--sbp-card-radius, 16px);background:transparent;color:inherit;text-align:center;text-decoration:none;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.shop-by-purpose--shadow .shop-by-purpose__card{box-shadow:none}.shop-by-purpose__card:hover{transform:translateY(-4px)}.shop-by-purpose--shadow .shop-by-purpose__card:hover{box-shadow:none}.shop-by-purpose__card:focus-visible{outline:2px solid var(--sbp-highlight-color, #7a1017);outline-offset:4px}.shop-by-purpose__media{width:min(100%,var(--sbp-media-width-local, var(--sbp-media-width, 220px)));aspect-ratio:var(--sbp-image-ratio, 1 / 1);flex:0 0 auto;overflow:hidden;border:var(--sbp-image-border-width, 2px) solid var(--sbp-image-border, #e6a42a);border-radius:50%;background:var(--sbp-image-background, #fffaf0);box-shadow:inset 0 0 0 4px #ffffffd9,0 7px 18px #72430814}.shop-by-purpose__image,.shop-by-purpose__image img,.shop-by-purpose__placeholder{display:block;width:100%;height:100%}.shop-by-purpose__image img,.shop-by-purpose__placeholder{object-fit:var(--sbp-image-fit, contain);object-position:var(--sbp-image-position-local, center);transition:transform .28s ease}.shop-by-purpose__card:hover .shop-by-purpose__image img{transform:scale(1.035)}.shop-by-purpose__placeholder{color:#dda0292e}.shop-by-purpose__card h3{margin:10px 0 2px;color:var(--sbp-title-color-local, var(--sbp-title-color, #111));font:700 var(--sbp-title-size, 19px)/1.2 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}.shop-by-purpose__card p{margin:3px 0 0;color:var(--sbp-subtitle-color-local, var(--sbp-subtitle-color, #344055));font-size:var(--sbp-subtitle-size, 16px);line-height:1.35}.shop-by-purpose__arrow{display:grid;width:var(--sbp-arrow-size, 34px);height:var(--sbp-arrow-size, 34px);place-items:center;margin-top:auto;border-radius:50%;background:var(--sbp-arrow-background-local, var(--sbp-arrow-background, #dda029));color:var(--sbp-arrow-color-local, var(--sbp-arrow-color, #fff));box-shadow:inset 0 1px #fff6,0 4px 9px #7d490733}.shop-by-purpose__arrow svg{width:55%;height:55%}.shop-by-purpose__editor-note{margin-top:24px;padding:18px;border:1px dashed #dda029;border-radius:12px;background:#fffaf1;color:#673b0f;text-align:center}@media screen and (max-width:1199px){.shop-by-purpose__inner{padding-inline:var(--sbp-side-padding-tablet, 24px)}.shop-by-purpose__grid{grid-template-columns:repeat(var(--sbp-columns-tablet, 3),minmax(0,1fr))}}@media screen and (max-width:749px){.shop-by-purpose{min-height:var(--sbp-min-height-mobile, 0)}.shop-by-purpose__background img{object-position:var(--sbp-background-position-mobile, center)}.shop-by-purpose__inner{width:var(--sbp-width-mobile, 100%);min-height:var(--sbp-min-height-mobile, 0);padding:var(--sbp-padding-top-mobile, 36px) var(--sbp-side-padding-mobile, 14px) var(--sbp-padding-bottom-mobile, 36px)}.shop-by-purpose__header{margin-bottom:var(--sbp-header-gap-mobile, 24px)}.shop-by-purpose__header h2{gap:.1em .18em;font-size:var(--sbp-heading-size-mobile, 34px);line-height:1.12}.shop-by-purpose__divider{width:min(100%,var(--sbp-divider-width-mobile, 180px));margin-block:13px 11px}.shop-by-purpose__content{font-size:var(--sbp-content-size-mobile, 15px)}.shop-by-purpose__grid{display:flex;position:relative;width:100%;max-width:none;align-items:stretch;column-gap:10px;row-gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.shop-by-purpose__grid::-webkit-scrollbar{display:none}.shop-by-purpose__card{width:74%;min-width:0;max-width:none;flex:0 0 74%;min-height:0;padding:0 8px 4px;border-radius:0;scroll-snap-align:center;scroll-snap-stop:always}.shop-by-purpose__media{width:min(100%,var(--sbp-media-width-local-mobile, var(--sbp-media-width-mobile, 150px)))}.shop-by-purpose__card h3{margin-top:14px;font-size:max(18px,var(--sbp-title-size-mobile, 15px))}.shop-by-purpose__card p{font-size:max(14px,var(--sbp-subtitle-size-mobile, 13px))}.shop-by-purpose__arrow{display:none}}@media(prefers-reduced-motion:reduce){.shop-by-purpose__card,.shop-by-purpose__image img{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-shop-by-purpose.css.map */