@media (max-width: 991.98px) {
    .admin-shell {
        grid-template-columns: 1fr;
    }

    .admin-sidebar {
        position: static;
    }

    .hero-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 575.98px) {
    .section-padding {
        padding: 48px 0;
    }

    .hero-section {
        text-align: left;
    }

    .hero-copy {
        margin-right: 0;
        margin-left: 0;
    }

    .hero-title {
        font-size: 2.15rem;
    }

    .product-gallery-thumbs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spec-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .detail-buy-box .btn {
        width: 100%;
    }

    .quantity-input {
        max-width: none;
        width: 100%;
    }
}