.bb-bestseller-page{max-width:1600px;margin:48px auto;color:#040c13;font-family:Arial,sans-serif}.bb-bestseller-page:has(.bb-bestseller-grid){padding:0 64px}.bb-bestseller-hero{min-height:180px;padding:32px 64px;border-radius:16px;background:linear-gradient(315deg,#00c9ba,#003caf);color:white}.bb-bestseller-hero h1{font-size:32px;line-height:1.25;margin:0 0 10px;font-weight:700}.bb-bestseller-hero p{font-size:16px;margin:0}.bb-bestseller-page h2{font-size:20px;line-height:1.4;margin:0 0 16px;font-weight:700}.bb-bestseller-grid{display:grid;grid-template-columns:repeat(auto-fill,262px);gap:16px}.bb-bestseller-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #dfe1e5;border-radius:8px;overflow:hidden;background:#fff}.bb-bestseller-image{aspect-ratio:1;background:#f8f8f9;padding:24px;display:flex;align-items:center;justify-content:center}.bb-bestseller-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.bb-bestseller-content{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.bb-bestseller-content h3{font-size:14px;line-height:18px;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.bb-bestseller-content h3 a{color:inherit;text-decoration:none}.bb-bestseller-content h3 a:hover{text-decoration:underline}.bb-bestseller-rating{font-size:12px;color:#0046be;display:flex;gap:3px;align-items:center}.bb-bestseller-stars{background:linear-gradient(90deg,#ffe000 var(--rating),#fff var(--rating));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.45px #856c00;font-size:15px;white-space:nowrap}.bb-bestseller-summary{padding:8px;border-radius:8px 16px 16px 1px;background:#f7f7ff;display:flex;flex-direction:column;font-size:12px;line-height:16px}.bb-bestseller-price{font-size:20px;line-height:24px;margin-top:auto}.bb-bestseller-content s{font-size:12px;color:#6f7279}@media(max-width:749px){.bb-bestseller-page{margin:24px auto}.bb-bestseller-page:has(.bb-bestseller-grid){padding:0 16px}.bb-bestseller-hero{padding:24px 20px;min-height:150px;border-radius:12px}.bb-bestseller-hero h1{font-size:25px}.bb-bestseller-hero p{font-size:14px}.bb-bestseller-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-bestseller-image{padding:14px}.bb-bestseller-content{padding:10px}.bb-bestseller-rating{flex-wrap:wrap}}@media(min-width:750px) and (max-width:1100px){.bb-bestseller-page:has(.bb-bestseller-grid){padding:0 32px}.bb-bestseller-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep every media well square regardless of the source image's intrinsic ratio. */
.bb-bestseller-image{position:relative;flex:0 0 auto;min-height:0}.bb-bestseller-image img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}.bb-bestseller-price{font-family:Arial,sans-serif}@media(max-width:749px){.bb-bestseller-image img{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}}

.bb-bestseller-image>a{position:absolute;inset:0;display:block}.bb-bestseller-image>a:focus-visible{outline:3px solid #0046be;outline-offset:-3px}

.bb-ranked-save{position:absolute;z-index:2;right:8px;top:8px;width:32px;height:32px;border:1px solid #dfe1e5;border-radius:50%;background:white;color:#1d252c;padding:7px;cursor:pointer;box-shadow:0 2px 3px #0001}.bb-ranked-save svg{display:block;width:16px;height:16px}.bb-ranked-save[aria-pressed=true] svg{fill:currentColor}.bb-ranked-save:focus-visible{outline:3px solid #0046be;outline-offset:2px}