/* 产品页面响应式样式 */

/* 主产品区域布局 */
#main-product {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: nowrap;
    color: rgb(116, 115, 115);
    gap: 3%;
}

/* 移动端适配 - 小于 768px */
@media (max-width: 768px) {
    #main-product {
        flex-direction: column;
    }

    #product-region,
    #product-buy {
        width: 100% !important;
    }

    #buy-product-details-QuantityCartBuy-flex {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: 100% !important;
    }

    #buy-product-details-QuantityCartBuy-flex button {
        width: 100% !important;
        flex: none !important;
    }

    #buy-product-details-QuantityCartBuy-flex .product__quantity {
        width: 100% !important;
        justify-content: space-between !important;
        margin-bottom: 5px !important;
    }

    #main {
        width: 95% !important;
    }
}

/* 平板适配 - 768px 到 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    #main-product {
        flex-direction: column;
    }

    #product-region,
    #product-buy {
        width: 100% !important;
        position: static !important;
    }

    #main {
        width: 95%;
    }
}

/* 大屏幕适配 - 大于 1600px */
@media (min-width: 1600px) {
    /* Removed #main width restriction to align with header nav */
}