.bb-hero-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#ffffff8c;border:1px solid rgb(var(--text-color) / .08);height:100%;min-width:0}.bb-hero-card__figure{position:relative}.bb-hero-card__hero{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:rgb(var(--text-color) / .06)}.bb-hero-card__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transition:opacity .5s ease,transform 1.2s ease}.bb-hero-card__hero-image--hover{opacity:0}.bb-hero-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.25rem;background:#1b2a3d;color:#f4efe6}.bb-hero-card__placeholder-inner{display:grid;place-items:center;align-content:center;gap:.75rem;width:100%;height:100%;border:1px solid rgb(176 141 87 / .7);text-align:center}.bb-hero-card__placeholder-mark{font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase;color:#f4efe6}.bb-hero-card__placeholder-mark em{color:#b08d57;font-style:italic;text-transform:none}.bb-hero-card__placeholder-note{color:#f4efe6bf}.bb-hero-card__browse{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%,.5rem);padding:.75rem 1.5rem;background:#f4efe6;color:#1b2a3d;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}@media(hover:hover){.bb-hero-card__hero:hover .bb-hero-card__browse{opacity:1;transform:translate(-50%)}.bb-hero-card__hero--has-hover:hover .bb-hero-card__hero-image--hover{opacity:1}.bb-hero-card__hero:not(.bb-hero-card__hero--has-hover):hover .bb-hero-card__hero-image{transform:scale(1.03)}}.bb-hero-card__info{display:grid;gap:.25rem}.bb-hero-card__title{font-family:var(--heading-font-family);font-weight:700;font-size:1.25rem;line-height:1.25}.bb-hero-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.bb-hero-card__maker{color:rgb(var(--text-color) / .7)}.bb-hero-card__price{flex-shrink:0;text-align:end}.bb-hero-card__price .price-list{justify-content:flex-end}.bb-hero-card__thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * .625rem) / 3);gap:.625rem;margin:0;padding:0 0 .25rem;list-style:none;overflow-x:auto;contain:inline-size;scroll-snap-type:x mandatory;scrollbar-width:thin}.bb-hero-card__thumb{scroll-snap-align:start}.bb-hero-card__thumb-link{display:grid;gap:.5rem;text-align:center}.bb-hero-card__thumb-plate{display:block;aspect-ratio:1 / 1;overflow:hidden;background:rgb(var(--background));isolation:isolate;transition:box-shadow .2s ease}.bb-hero-card__thumb-link:hover .bb-hero-card__thumb-plate{box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .35)}.bb-hero-card__thumb-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.bb-hero-card__thumb-image--cover{object-fit:cover}.bb-hero-card__thumb-swatch{display:block;width:100%;height:100%;background:var(--swatch, rgb(var(--text-color) / .12));box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .12)}.bb-hero-card__thumb-label{font-size:.8125rem;line-height:1.3}@media screen and (max-width:699px){.bb-hero-card{padding:1rem}.bb-hero-card__title{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/bb-hero-card.css.map */