.bdhbg{width:100%;max-width:100%;min-width:0;margin:20px 0;color:inherit}
.bdhbg,.bdhbg *{box-sizing:border-box}
.bdhbg__title{margin:0 0 16px;font-size:1.5rem;line-height:1.3;overflow-wrap:anywhere}
.bdhbg .bdhbg__grid{display:grid;grid-template-columns:repeat(var(--bdhbg-phone,2),minmax(0,1fr));gap:var(--bdhbg-gap,18px);column-gap:min(var(--bdhbg-gap,18px),8%);align-items:start}
.bdhbg .bdhbg__card{display:block;min-width:0;max-width:100%;margin:0;padding:0;color:inherit;text-decoration:none;background:transparent;border-radius:5px;transition:box-shadow .18s ease}
.bdhbg .bdhbg__cover{display:block;aspect-ratio:1 / 1.4142;width:100%;overflow:hidden;border-radius:5px;background:transparent}
.bdhbg .bdhbg__cover img{display:block;width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;margin:0;padding:0}
.bdhbg .bdhbg__price{display:block;margin-top:8px;font-size:1.125rem;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.bdhbg__price--left{text-align:left}.bdhbg__price--center{text-align:center}.bdhbg__price--right{text-align:right}
.bdhbg .bdhbg__card:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.bdhbg .bdhbg__card:hover{box-shadow:0 3px 12px rgba(0,0,0,.08)}}
@media(max-width:575.98px){.bdhbg .bdhbg__hide-phone{display:none}}
@media(min-width:576px) and (max-width:991.98px){.bdhbg .bdhbg__grid{grid-template-columns:repeat(var(--bdhbg-tablet,3),minmax(0,1fr))}.bdhbg .bdhbg__hide-tablet{display:none}}
@media(min-width:992px){.bdhbg .bdhbg__grid{grid-template-columns:repeat(var(--bdhbg-desktop,3),minmax(0,1fr))}.bdhbg .bdhbg__hide-desktop{display:none}}
@media(prefers-reduced-motion:reduce){.bdhbg .bdhbg__card{transition:none}}
/* Space for the zoom prevents edge clipping and horizontal overflow. */
.bdhbg .bdhbg__grid{padding:var(--bdhbg-space,0%)}
.bdhbg .bdhbg__card{position:relative;transform-origin:center;transition:transform .3s ease-in-out,box-shadow .18s ease}
.bdhbg .bdhbg__card.bdhbg__breathing{animation:bdhbg-breathe var(--bdhbg-duration,1.5s) ease-in-out both;z-index:1}
@keyframes bdhbg-breathe{0%,100%{transform:scale(1)}50%{transform:scale(var(--bdhbg-scale,1.02))}}
@media(hover:hover) and (pointer:fine){.bdhbg .bdhbg__card:hover{transform:scale(var(--bdhbg-hover,1.03));z-index:2}}
.bdhbg .bdhbg__card:focus-visible{transform:scale(var(--bdhbg-hover,1.03));z-index:2}
@media(prefers-reduced-motion:reduce){.bdhbg .bdhbg__card,.bdhbg .bdhbg__card:hover,.bdhbg .bdhbg__card:focus-visible,.bdhbg .bdhbg__card.bdhbg__breathing{animation:none!important;transform:none!important;transition:none!important}}
/* Global colors, independent of hover, visited links and motion settings. */
.bdhbg .bdhbg__title,.bdhbg .bdhbg__price,.bdhbg .bdhbg__card,.bdhbg .bdhbg__card:visited,.bdhbg .bdhbg__card:hover,.bdhbg .bdhbg__card:focus,.bdhbg .bdhbg__card:active{color:var(--bdhbg-text,#232323)}
.bdhbg .bdhbg__card,.bdhbg .bdhbg__card *{-webkit-tap-highlight-color:var(--bdhbg-tap,rgba(242,140,40,.18))}
.bdhbg .bdhbg__card:focus,.bdhbg .bdhbg__card:focus-visible,.bdhbg .bdhbg__card:active{outline:3px solid var(--bdhbg-focus,#F28C28);outline-offset:3px;box-shadow:none}