/*
 * SunucuRadar mağaza mobil ürün detay ve üyelik pencereleri.
 */

@media (max-width: 760px) {
    .sr-store-detail-modal,
    .sr-store-auth-modal {
        padding: 7px !important;
    }

    .sr-store-detail-dialog,
    .sr-store-auth-dialog {
        width: 100% !important;
        max-height: calc(100vh - 14px) !important;
        border-radius: 16px !important;
    }

    .sr-store-modal-close {
        top: 6px !important;
        right: 6px !important;
        width: 34px !important;
        height: 34px !important;
        margin: 6px !important;
        border-radius: 9px !important;
        font-size: 20px !important;
    }

    .sr-store-detail-layout {
        padding: 0 9px 9px !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .sr-store-gallery-main {
        height: 190px !important;
        border-radius: 11px !important;
    }

    .sr-store-gallery-thumbs {
        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-top: 5px !important;
    }

    .sr-store-gallery-item {
        height: 42px !important;
        border-radius: 7px !important;
    }

    .sr-store-modal-badge {
        padding: 5px 7px !important;
        font-size: 6px !important;
    }

    .sr-store-detail-content h2 {
        margin: 7px 0 !important;
        font-size: 20px !important;
        line-height: 1.05 !important;
    }

    .sr-store-detail-summary {
        font-size: 8px !important;
        line-height: 1.4 !important;
    }

    .sr-store-detail-section {
        margin-top: 11px !important;
    }

    .sr-store-detail-section h3 {
        margin-bottom: 6px !important;
        font-size: 11px !important;
    }

    .sr-store-feature-list {
        gap: 5px !important;
    }

    .sr-store-feature-list li {
        padding: 7px !important;
        gap: 6px !important;
        border-radius: 8px !important;
        font-size: 7px !important;
        line-height: 1.3 !important;
    }

    .sr-store-info-grid {
        margin-top: 10px !important;
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    .sr-store-info-grid article {
        min-width: 0 !important;
        padding: 7px !important;
        border-radius: 8px !important;
    }

    .sr-store-info-grid span {
        margin-bottom: 3px !important;
        font-size: 5px !important;
    }

    .sr-store-info-grid strong {
        display: block !important;
        overflow-wrap: anywhere !important;
        font-size: 6px !important;
        line-height: 1.3 !important;
    }

    .sr-store-video {
        border-radius: 10px !important;
    }

    .sr-store-detail-purchase {
        margin-top: 11px !important;
        padding: 8px !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 7px !important;
        border-radius: 10px !important;
    }

    .sr-store-detail-purchase span {
        margin-bottom: 2px !important;
        font-size: 5.5px !important;
    }

    .sr-store-detail-purchase strong {
        font-size: 11px !important;
    }

    .sr-store-detail-purchase a,
    .sr-store-detail-purchase button {
        width: auto !important;
        min-height: 34px !important;
        padding: 7px 9px !important;
        border-radius: 8px !important;
        font-size: 7px !important;
    }

    .sr-store-auth-dialog {
        padding: 12px !important;
    }

    .sr-store-auth-dialog h2 {
        margin: 8px 0 !important;
        font-size: 18px !important;
    }

    .sr-store-auth-dialog p {
        font-size: 8px !important;
        line-height: 1.4 !important;
    }

    .sr-store-auth-actions {
        margin-top: 10px !important;
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    .sr-store-auth-actions a,
    .sr-store-auth-actions button {
        min-height: 34px !important;
        padding: 7px 5px !important;
        border-radius: 8px !important;
        font-size: 6.5px !important;
    }
}

@media (max-width: 390px) {
    .sr-store-gallery-main {
        height: 175px !important;
    }

    .sr-store-detail-content h2 {
        font-size: 18px !important;
    }

    .sr-store-detail-purchase {
        grid-template-columns: 1fr !important;
    }

    .sr-store-detail-purchase a,
    .sr-store-detail-purchase button {
        width: 100% !important;
    }
}