/* Real native screenshots; no reconstructed controls or text. */
.bb-product{padding-block:90px 100px;color:inherit}
.bb-product-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:50px}
.bb-product-heading h2{max-width:12ch}
.bb-product-heading p{max-width:33ch;font-size:.9rem;line-height:1.55;color:var(--muted,#645b75)}
.bb-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,60px);align-items:start}
.bb-product-view{margin:0;min-width:0}
.bb-native-screen{display:block;width:100%;max-width:340px;height:auto;margin-inline:auto;border:5px solid #2d253e;border-radius:30px;background:#14111c;box-shadow:0 22px 45px -28px #3f2e6966;box-sizing:border-box}
.bb-product-view figcaption{padding-top:26px;text-align:center}
.bb-product-view figcaption h3{font-size:1.3rem;line-height:1.3;margin:0 0 5px}
.bb-product-view figcaption p{font-size:1rem;line-height:1.5;color:var(--muted,#645b75);margin:0}
@media(max-width:1000px){.bb-product-grid{gap:22px}.bb-native-screen{border-width:4px;border-radius:24px}}
@media(max-width:780px){.bb-product{padding-block:64px}.bb-product-heading{display:block;margin-bottom:32px}.bb-product-heading h2{max-width:none}.bb-product-heading p{margin-top:15px;max-width:none}.bb-product-grid{grid-template-columns:1fr;gap:48px}.bb-native-screen{max-width:340px;border-width:5px;border-radius:30px}.bb-product-view figcaption{padding-top:20px}}
@media print{.bb-product-grid{display:block}.bb-product-view{break-inside:avoid;margin-block:20px}.bb-native-screen{box-shadow:none;max-width:240px}}