/* BearPlay R17: desktop three-up / mobile one-up, image tiles and wood cards. */
html,body{max-width:100%;overflow-x:clip}
body{min-width:0!important}
.wrap,#sections,.section,.cards,.bpx-h2-grid,.bpx-h2-head-inner{min-width:0!important;max-width:100%;box-sizing:border-box}
.cards.cards-carousel{overscroll-behavior-x:contain;scrollbar-width:none}
.cards.cards-carousel::-webkit-scrollbar,#banners::-webkit-scrollbar{display:none}
#banner-shell{width:100%;max-width:none!important;min-width:0;box-sizing:border-box;margin:0 0 24px!important}
#banners{width:100%;min-width:0;max-width:100%;gap:16px!important;scrollbar-width:none;overscroll-behavior-x:contain}
#banners>.banner{flex:0 0 calc((100% - 32px)/3)!important;width:calc((100% - 32px)/3)!important;min-width:0!important;aspect-ratio:3/2!important;background:transparent!important}
#banners>.banner>img{object-fit:contain!important}
html.bpx-r16-mobile #banners{gap:0!important}
html.bpx-r16-mobile #banners>.banner{flex-basis:100%!important;width:100%!important}
.bpx-h2 main>#banner-shell{max-width:1200px!important;width:calc(100% - 54px);margin:22px auto!important;position:relative}
.bpx-h2 #banners .banner{display:block;position:relative;overflow:hidden;text-decoration:none}
.bpx-h2 #banners .banner>span{position:absolute;inset:auto 12px 12px;padding:8px;border-radius:8px;background:#071728dd;color:white}
.bpx-h2 .bpx-r17-banner-arrow{position:absolute;top:calc(50% - 36px);z-index:2;width:36px;height:48px;border:1px solid #41697f;border-radius:12px;background:#071728df;color:white;font-size:28px;cursor:pointer}
.bpx-h2 #bpx-banner-prev{left:6px}.bpx-h2 #bpx-banner-next{right:6px}
.bpx-h2 .bpx-r17-banner-arrow[hidden]{display:none}
.bpx-h2-tile{aspect-ratio:1!important;overflow:hidden!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.bpx-h2-tile>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;border-radius:inherit}
.bpx-h2-tile::before,.bpx-h2-tile::after,.bpx-h2-tile-copy{display:none!important}
.bpx-h2-tile:focus-visible{outline:3px solid #3edfff;outline-offset:3px}
html.bpx-r16-mobile.bpx-r16-mobile .bpx-h2 main>#banner-shell{width:calc(100% - 26px);margin:16px auto!important}
#sections .card.bpx-skin-card.bpx-exact-card{aspect-ratio:2/3!important;overflow:hidden!important;border:0!important;border-radius:5%/3.33%!important;background:#39200f!important;box-shadow:0 8px 20px #0003!important;clip-path:none!important}
#sections .card.bpx-skin-card.bpx-exact-card::before{content:none!important;display:none!important}
#sections .card.bpx-skin-card.bpx-exact-card::after{content:''!important;display:block!important;inset:0!important;width:100%!important;height:100%!important;background:url('/bearplayx-r12-preview/r17-assets/card-frame.png') center/100% 100% no-repeat!important;clip-path:none!important;border:0!important;box-shadow:none!important;mask:none!important}
#sections .card.bpx-skin-card.bpx-exact-card .art.bpx-skin-cover{inset:0 0 auto!important;width:100%!important;height:67%!important;aspect-ratio:auto!important;clip-path:none!important;border:0!important;border-radius:0!important;overflow:hidden!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-caption{left:7%!important;right:21%!important;top:72%!important;max-height:15%!important;gap:1.2cqw!important;overflow:hidden!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-title{font-size:5.9cqw!important;line-height:1.12!important;color:#fff!important;text-shadow:0 2px 2px #1d0e06;letter-spacing:-.02em!important;-webkit-line-clamp:2!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-edition{font-size:5.2cqw!important;line-height:1.16!important;color:#ffe6b5!important;font-weight:600!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-price{left:auto!important;right:7%!important;bottom:5%!important;width:86%!important;height:9%!important;justify-content:flex-end!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff0c9!important;font-size:10.5cqw!important;line-height:1!important;letter-spacing:-.025em!important;font-weight:900!important;text-shadow:0 2px 1px #4a210a,0 -1px 0 #f5ac38!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-price.is-long{font-size:9cqw!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-price.is-muted{font-size:5.4cqw!important}
#sections .card.bpx-skin-card.bpx-exact-card .bpx-skin-price::after{display:none!important;content:none!important}
#sections .card.bpx-skin-card.bpx-exact-card:focus-visible{outline:3px solid #fff;outline-offset:3px}