.product-page--standalone .product-hero {
    --product-ink: #161617;
    --product-muted: #313133;
    min-height: auto;
    padding-block: 56px;
}

.product-page--standalone .product-hero::before {
    background: radial-gradient(ellipse at 73% 42%, #d1d1d1 0%, #bdbdbd 28%, #a5a5a5 62%, #909090 100%);
}

.product-page--standalone .product-availability {
    color: var(--product-muted);
}

.product-standalone-phone {
    display: block;
    width: min(340px, 100%);
}

.product-standalone-phone img {
    display: block;
    width: 100%;
    height: auto;
}

/* Wide low-front crop for the Budgets product page. */
.product-page--standalone.product-page--budget-angle .product-hero {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 0;
    text-align: center;
}

.product-page--budget-angle .product-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: 24px;
}

.product-page--budget-angle .product-hero__visual {
    width: min(1440px, 100%);
    margin: 0 auto;
    overflow: hidden;
}

.product-budgets-hero,
.product-budgets-hero img {
    display: block;
    width: 100%;
}

.product-budgets-hero img {
    height: auto;
    aspect-ratio: 72 / 31;
}

.product-page--standalone .product-platforms {
    padding-block: 96px;
}

.product-page--standalone .product-platform-grid {
    max-width: 520px;
    margin-top: 48px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-page--standalone .product-platform-grid article:nth-child(n) {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 136px;
    padding: 24px;
    text-align: center;
}

.product-page--standalone .product-platform-icon-stage {
    justify-content: center;
}

.product-page--standalone .product-platform-grid h3 {
    margin: 16px 0 0;
}

@media (max-width: 960px) {
    .product-standalone-phone { width: min(300px, 100%); }
}

@media (max-width: 700px) {
    .product-page--standalone .product-hero { padding-block: 36px; }
    .product-standalone-phone { width: min(250px, 100%); }
    .product-page--standalone .product-platforms { padding-block: 72px; }
    .product-page--standalone .product-platform-grid article:nth-child(n) { padding: 24px 12px; }
}
