@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    #mainContent {
        padding-top: 145px;
    }

    .detail-card {
        width: min(calc(100% - 80px), 1060px);
        max-width: none;
        display: grid;
        grid-template-columns: minmax(360px, 460px) minmax(380px, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: clamp(65px, 7vw, 105px);
        align-items: start;
    }

    .detail-img-container {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 0;
        border-radius: 34px;
    }

    .customize-info-panel {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        width: 100%;
        align-items: flex-start;
        text-align: left;
        transform: translateY(var(--info-shift, 0px));
        transition: transform .38s ease;
    }

    .size-title {
        margin-top: 0;
        font-size: 2.4rem;
        text-align: left;
    }

    .size-selector {
        justify-content: flex-start;
    }

    .size-option {
        width: 160px;
    }

    .product-desc {
        align-items: stretch;
    }

    .product-desc .text-content {
        width: 100%;
    }

    .buy-button {
        margin: 14px 0 10px;
    }

    .email-contact-row {
        margin: 0 0 18px;
        text-align: left;
    }

    .email-contact-row .email-action-row {
        justify-content: flex-start;
    }

    #custom-schedule {
        margin-top: 18px;
        margin-bottom: 0;
    }

    .divider {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin: 75px 0 48px;
    }

    .process-title-header {
        grid-column: 1 / -1;
        grid-row: 3;
        font-size: 2rem;
        text-align: center;
    }

    .flip-stage {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    .section-body {
        padding: 42px 54px;
    }

    .step-text {
        font-size: 1.12rem;
        line-height: 1.65;
    }
}