/* Product-detail-only enhancements loaded after the shared product stylesheet. */


.detail-page .detail-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 5vw, 60px)
}

.detail-page .thumb-list button {
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease
}

.detail-page .thumb-list button:hover,
.detail-page .thumb-list button:focus-visible,
.detail-page .thumb-list button.is-active {
    border-color: #1475bc;
    box-shadow: 0 0 0 2px rgba(20, 117, 188, .14)
}

@media (min-width: 769px) and (max-width: 1024px) {
    .detail-page .detail-top {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: 32px;
        padding-bottom: 56px
    }

    .detail-page .product-gallery {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 14px
    }

    .detail-page .thumb-list { gap: 8px }
    .detail-page .thumb-list button { width: 64px; height: 64px }
    .detail-page .main-product-image { min-height: 430px }
    .detail-page .main-product-image img { max-width: 100%; max-height: 400px }
    .detail-page .product-meta { grid-template-columns: 1fr; margin: 20px 0; padding: 16px }
}