/* ========================================
   Product Detail - Responsive
   ======================================== */

@media (max-width: 1200px) {
    .product-detail-content {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

.product-plans-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
/* Mobile: Reorder sections - Plans -> Order -> Reviews */

    .product-plans-section {
        order: 1;
    }

.product-content-tabs {
        order: 2;
    }

.product-order-section {
        order: 3;
        position: relative;
        top: 0;
    }

.product-reviews-section {
        order: 4;
    }

.product-plans-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {.product-detail-page {
        padding: 1rem 0 2rem;
    }

.product-detail-page .product-image-wrapper {
        max-width: 100%;
    }

.product-plans-grid {
        grid-template-columns: 1fr;
    }

.product-plan-card {
        grid-template-columns: 48px 1fr auto;
        gap: 0.2rem 0.625rem;
        padding: 0.75rem;
    }

.plan-card-image {
        width: 48px;
        height: 48px;
    }

.plan-card-check {
        display: none;
    }

.plan-card-title {
        font-size: 0.82rem;
    }

.coupon-input-group {
        flex-direction: column;
        gap: 0.75rem;
    }

.btn-apply-coupon {
        width: 100%;
    }


/* Modern Description Sections - Mobile */

    .plan-desc-header,
.desc-section-header {
        padding: 1rem;
    }

.plan-desc-icon-wrapper {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

.plan-desc-icon-wrapper i {
        font-size: 0.95rem;
    }

.desc-icon-wrapper {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

.desc-icon-wrapper i {
        font-size: 1rem;
    }

.plan-desc-label,
.desc-label {
        font-size: 0.65rem;
    }

.selected-plan-name {
        font-size: 0.9rem;
    }

.desc-title {
        font-size: 1rem;
    }

.desc-toggle-btn .toggle-text {
        display: none;
    }

.desc-toggle-btn {
        padding: 0.5rem;
        border-radius: 50%;
        width: 32px;
        height: 32px;
    }

.plan-desc-inner,
.desc-content-wrapper {
        padding: 1rem;
    }
}

@media (max-width: 480px) {.product-detail-page .product-meta-item {
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }

.plan-card-title {
        font-size: 0.85rem;
    }

.plan-current-price {
        font-size: 0.9rem;
    }

.order-form-card {
        padding: 1rem;
    }

.order-form-group-quantity {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
    }

.quantity-selector {
        max-width: 100%;
        flex: 1;
    }

.qty-btn {
        width: 40px;
        min-width: 40px;
        min-height: 40px;
    }

.qty-input {
        height: 40px;
        min-height: 40px;
        font-size: 0.95rem;
    }
}
