.bb-pg{--bb-pg-bg: var(--bb-cream);--bb-pg-gap: 12px;background-color:var(--bb-pg-bg);padding-block:var(--bb-section-space)}.bb-pg--bg-linen{--bb-pg-bg: var(--bb-linen)}.bb-pg--bg-white{--bb-pg-bg: #ffffff}.bb-pg__inner{box-sizing:border-box;max-width:calc(var(--bb-container) + var(--bb-gutter) * 2);margin-inline:auto;padding-inline:var(--bb-gutter)}.bb-pg__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 32px;margin-bottom:24px}.bb-pg__eyebrow{margin:0 0 8px;font-family:var(--bb-font-body);font-size:calc(var(--bb-fs-micro) - 1px);font-weight:500;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--bb-fig)}.bb-pg__heading{margin:0;font-family:var(--bb-font-heading);font-size:var(--bb-fs-section);font-style:italic;font-weight:400;line-height:1.1;letter-spacing:-.015em;text-transform:none;color:var(--bb-fig)}.bb-pg__all{display:inline-flex;align-items:center;gap:10px;padding:8px 0 6px;border-bottom:1px solid currentColor;font-family:var(--bb-font-body);font-size:var(--bb-fs-micro);font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--bb-fig)}.bb-pg__all svg{transition:transform .25s ease}.bb-pg__all:hover svg{transform:translate(3px)}.bb-pg__all:focus-visible{outline:2px solid var(--bb-fig);outline-offset:3px}.bb-pg__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px var(--bb-pg-gap);margin:0;padding:0;list-style:none}.bb-pg__item{min-width:0}.bb-pg__card{display:block;text-decoration:none;color:inherit}.bb-pg__media{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--bb-radius-card);background-color:var(--bb-linen)}.bb-pg__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .6s ease}.bb-pg__img--hover{opacity:0}.bb-pg__placeholder{fill:rgb(var(--bb-fig-rgb) / .2)}@media(hover:hover){a.bb-pg__card:hover .bb-pg__media--has-hover .bb-pg__img--hover{opacity:1}a.bb-pg__card:hover .bb-pg__media:not(.bb-pg__media--has-hover) .bb-pg__img{transform:scale(1.03)}a.bb-pg__card:hover .bb-pg__title{text-decoration-color:currentColor}}a.bb-pg__card:focus-visible{outline:none}a.bb-pg__card:focus-visible .bb-pg__media{outline:2px solid var(--bb-fig);outline-offset:3px}.bb-pg__badges{position:absolute;top:10px;left:10px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bb-pg__badge{padding:6px 8px 5px;border-radius:2px;font-family:var(--bb-font-body);font-size:calc(var(--bb-fs-micro) - 2px);font-weight:500;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#fff;background-color:var(--bb-orange-btn)}.bb-pg__badge--sale{background-color:var(--bb-fig);color:var(--bb-cream)}.bb-pg__badge--soldout{background-color:var(--bb-cream);color:var(--bb-black)}.bb-pg__title{margin:12px 0 4px;font-family:var(--bb-font-body);font-size:var(--bb-fs-body);font-style:normal;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--bb-black);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .25s ease}.bb-pg__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-family:var(--bb-font-body);font-size:calc(var(--bb-fs-body) - 1px);line-height:1.4;color:var(--bb-fig)}.bb-pg__price-was{font-size:calc(var(--bb-fs-body) - 2px);color:#0009}@media screen and (max-width:767px){.bb-pg--mobile-swipe .bb-pg__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bb-gutter);scrollbar-width:none;margin-inline:calc(var(--bb-gutter) * -1);padding-inline:var(--bb-gutter)}.bb-pg--mobile-swipe .bb-pg__list::-webkit-scrollbar{display:none}.bb-pg--mobile-swipe .bb-pg__item{scroll-snap-align:start}}@media screen and (min-width:768px){.bb-pg{--bb-pg-gap: 16px}.bb-pg__head{margin-bottom:28px}.bb-pg__list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}}@media screen and (min-width:1024px){.bb-pg__list{grid-template-columns:repeat(var(--bb-pg-cols),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.bb-pg__img,.bb-pg__title,.bb-pg__all svg{transition:none}}.bb-pg__item{position:relative}.bb-pg__wish{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;background-color:var(--bb-pg-wish-bg, var(--bb-cream));color:var(--bb-pg-wish-ink, var(--bb-fig));transition:transform .2s ease,box-shadow .2s ease}.bb-pg__wish:hover{transform:scale(1.06);box-shadow:0 2px 8px #0000001f}.bb-pg__wish:focus-within{outline:2px solid var(--bb-fig);outline-offset:2px}.bb-pg__wish-icon{position:absolute;top:50%;left:50%;width:22px;height:22px;translate:-50% -50%;pointer-events:none}.bb-pg__wish .bb-bm__filled,.bb-pg__wish[data-saved=true] .bb-bm__outline{display:none}.bb-pg__wish[data-saved=true] .bb-bm__filled{display:inline;animation:bb-pg-wish-pop .35s ease}@keyframes bb-pg-wish-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.bb-pg__wish-icon .bb-bm__filled{transform-box:fill-box;transform-origin:center}.bb-pg__wish .wishlist-hero-custom-button{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:0!important;z-index:1}.bb-pg__wish .wishlist-hero-custom-button>div,.bb-pg__wish .wishlist-hero-custom-button button{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border-radius:50%!important}.bb-pg__wish .wishlist-hero-custom-button button{opacity:0!important;cursor:pointer}@media(prefers-reduced-motion:reduce){.bb-pg__wish,.bb-pg__wish[data-saved=true] .bb-bm__filled{transition:none;animation:none}}.bb-pg__all-btn{--bb-btn-bg: var(--bb-fig);--bb-btn-fg: var(--bb-cream);white-space:nowrap;font-weight:600;letter-spacing:.12em}.bb-pg__all{gap:10px;padding-bottom:5px;border-bottom-width:1.5px;font-size:var(--bb-fs-cta);font-weight:600;letter-spacing:.14em}.bb-pg__all:hover{color:var(--bb-orange-text)}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bb-product-grid.css.map */
