.yf26-hero__preview { min-width: 0; display: grid; gap: 24px; }
@media (min-width: 1051px) {
    .yf26-hero__grid { align-items: end; }
    .yf26-hero__preview { padding-bottom: 22px; }
}
.yf-store-badges { --badge-width: 132px; --badge-height: 38px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; }
.yf-store-badges--large { --badge-width: 164px; --badge-height: 48px; }
.yf-store-badges__item { position: relative; flex: 0 0 var(--badge-width); min-width: 0; }
.yf-store-badges__badge {
    display: flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: var(--badge-width); height: calc(var(--badge-height) + 6px); margin: 0; padding: 2px;
    border: 0; border-radius: 8px; background: transparent; box-shadow: none;
    text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.yf-store-badges__badge > img { display: block; width: 100%; height: auto; aspect-ratio:128 / 38.08; object-fit: contain; }
.yf-store-badges__badge.is-pending { opacity: .52; cursor: default; }
.yf-store-badges__badge.is-pending:hover,
.yf-store-badges__badge.is-pending:focus-visible { opacity: .72; }
.yf-store-badges__badge:focus-visible { outline: 2px solid var(--yf26-mint, #65d9ae); outline-offset: 4px; }
/* Crop only the transparent canvas; keep the supplied Google Play artwork intact. */
.yf-store-badges__google { display: block; position: relative; width: calc(var(--badge-width) - 4px); aspect-ratio: 128 / 38.08; overflow: hidden; }
.yf-store-badges__google img { position: absolute; display: block; max-width: none; height: auto; }
.yf-store-badges__google--ru img { width: 100%; left: 0; top: -15.1042%; }
.yf-store-badges__google--en img { width: 114.539%; left: -7.2695%; top: -24.4048%; }
.yf-store-badges__tooltip {
    position: absolute; z-index: 20; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%);
    width: max-content; max-width: 210px; padding: 10px 12px; border-radius: 10px;
    border: 1px solid rgba(101,217,174,.24); background: var(--yf26-night, #061713); color: #f5fbf8;
    box-shadow: 0 8px 24px #0003; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1.5; text-align: center;
}
.yf-store-badges__tooltip::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 11px; }
.yf-store-badges__tooltip[hidden] { display: none; }
@media (max-width: 1050px) { .yf26-hero__preview { width: min(760px, 100%); margin-inline: auto; } }
@media (max-width: 560px) {
    .yf-store-badges--large { --badge-width: min(164px, calc((100vw - 80px) / 2)); --badge-height: min(48px, calc((100vw - 84px) * .14875)); }
    .yf26-hero__preview { gap: 20px; }
    .yf-store-badges { gap: 10px 8px; }
    .yf-store-badges__item:nth-child(odd) .yf-store-badges__tooltip { left: 0; transform: none; }
    .yf-store-badges__item:nth-child(even) .yf-store-badges__tooltip { left: auto; right: 0; transform: none; }
}