/*
 * SunucuRadar mağaza mobil ana sayfa ve ürün kartları.
 * Linkler ve data-store tetikleyicileri değiştirilmez.
 */

@media (max-width: 760px) {
    body:has(.sr-store-page) main.container,
    body:has(.sr-store-not-found) main.container {
        width: calc(100% - 16px) !important;
        padding-top: 8px !important;
        padding-bottom: 18px !important;
    }

    .sr-store-page {
        gap: 9px !important;
    }

    .sr-store-hero {
        min-height: 0 !important;
        padding: 11px !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 126px !important;
        align-items: center !important;
        gap: 9px !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

    .sr-store-hero-content {
        min-width: 0 !important;
    }

    .sr-store-eyebrow {
        padding: 5px 8px !important;
        font-size: 6px !important;
    }

    .sr-store-hero h1 {
        margin: 7px 0 5px !important;
        font-size: 20px !important;
        line-height: 1.02 !important;
        letter-spacing: -.6px !important;
    }

    .sr-store-hero-content > p {
        margin: 0 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 7px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .sr-store-hero-actions {
        margin-top: 7px !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        gap: 6px !important;
    }

    .sr-store-hero-actions a {
        min-height: 31px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 6.5px !important;
        white-space: nowrap !important;
    }

    .sr-store-hero-actions span {
        display: none !important;
    }

    .sr-store-showcase {
        min-width: 0 !important;
        min-height: 118px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    .sr-store-showcase-media {
        height: 53px !important;
        border-radius: 8px !important;
    }

    .sr-store-showcase-content {
        padding-top: 5px !important;
    }

    .sr-store-showcase-content > span {
        font-size: 5px !important;
    }

    .sr-store-showcase-content > strong {
        margin: 3px 0 !important;
        overflow: hidden !important;
        font-size: 8px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .sr-store-showcase-content > p {
        display: none !important;
    }

    .sr-store-showcase-footer {
        margin-top: 4px !important;
        gap: 4px !important;
    }

    .sr-store-showcase-footer b {
        overflow: hidden !important;
        font-size: 7px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .sr-store-showcase-footer a {
        padding: 5px 6px !important;
        border-radius: 7px !important;
        font-size: 5.5px !important;
        white-space: nowrap !important;
    }

    .sr-store-showcase-market-image,
    .sr-store-showcase-market-image img {
        min-height: 118px !important;
        height: 118px !important;
    }

    .sr-store-hero > .sr-store-trust-strip {
        grid-column: 1 / -1 !important;
        margin: 0 -11px -11px !important;
        display: grid !important;
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }

    .sr-store-hero > .sr-store-trust-strip article {
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 5px 3px !important;
        display: grid !important;
        justify-items: center !important;
        gap: 3px !important;
        border-right:
            1px solid rgba(148, 163, 184, .10) !important;
        border-bottom: 0 !important;
        text-align: center !important;
    }

    .sr-store-hero > .sr-store-trust-strip article:last-child {
        border-right: 0 !important;
    }

    .sr-store-hero > .sr-store-trust-strip article > span {
        width: 20px !important;
        height: 20px !important;
        border-radius: 7px !important;
        font-size: 7px !important;
    }

    .sr-store-hero > .sr-store-trust-strip strong {
        margin: 0 !important;
        font-size: 5.5px !important;
        line-height: 1.1 !important;
    }

    .sr-store-hero > .sr-store-trust-strip p {
        display: none !important;
    }

    .sr-store-category-navigation {
        padding: 5px !important;
        gap: 4px !important;
        border-radius: 10px !important;
        scrollbar-width: none !important;
    }

    .sr-store-category-navigation::-webkit-scrollbar {
        display: none !important;
    }

    .sr-store-category-link {
        padding: 7px 9px !important;
        border-radius: 8px !important;
        font-size: 6.5px !important;
    }

    .sr-store-products-section,
    .sr-store-empty-shell {
        padding: 9px !important;
        border-radius: 14px !important;
    }

    .sr-store-products-heading,
    .sr-store-empty-heading {
        margin-bottom: 8px !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 7px !important;
    }

    .sr-store-section-label {
        margin-bottom: 3px !important;
        font-size: 5.5px !important;
    }

    .sr-store-products-heading h2,
    .sr-store-empty-heading h2 {
        margin: 0 0 3px !important;
        font-size: 14px !important;
    }

    .sr-store-products-heading p,
    .sr-store-empty-heading p {
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 6.5px !important;
        line-height: 1.3 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .sr-store-products-heading > strong,
    .sr-store-empty-state {
        padding: 6px 8px !important;
        font-size: 6px !important;
        white-space: nowrap !important;
    }

    .sr-store-grid,
    .sr-store-skeleton-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .sr-store-card {
        min-width: 0 !important;
        min-height: 238px !important;
        border-radius: 12px !important;
    }

    .sr-store-card:hover {
        transform: none !important;
    }

    .sr-store-card-media {
        height: 92px !important;
    }

    .sr-store-card-media::after {
        height: 30px !important;
    }

    .sr-store-featured {
        top: 5px !important;
        right: 5px !important;
        padding: 4px 5px !important;
        font-size: 5px !important;
    }

    .sr-store-card-placeholder {
        gap: 4px !important;
    }

    .sr-store-placeholder-logo {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    .sr-store-card-placeholder > span {
        font-size: 5.5px !important;
    }

    .sr-store-card-body {
        padding: 8px !important;
    }

    .sr-store-card-heading {
        gap: 4px !important;
    }

    .sr-store-category,
    .sr-store-card-status {
        max-width: 48% !important;
        overflow: hidden !important;
        font-size: 5px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .sr-store-card-status::before {
        width: 4px !important;
        height: 4px !important;
    }

    .sr-store-card h2 {
        margin: 5px 0 4px !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .sr-store-card-body > p {
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 6px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .sr-store-card-divider {
        margin: 7px 0 !important;
    }

    .sr-store-card-footer {
        align-items: center !important;
        gap: 5px !important;
    }

    .sr-store-card-price-wrap > span {
        margin-bottom: 1px !important;
        font-size: 5px !important;
    }

    .sr-store-price {
        display: block !important;
        overflow: hidden !important;
        font-size: 8px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .sr-store-buy-button {
        min-height: 29px !important;
        padding: 6px 7px !important;
        gap: 4px !important;
        border-radius: 8px !important;
        font-size: 6px !important;
        white-space: nowrap !important;
    }

    .sr-store-detail-link {
        margin-top: 6px !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 5px !important;
        line-height: 1.25 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .sr-store-skeleton-card {
        min-height: 210px !important;
        border-radius: 12px !important;
    }

    .sr-store-skeleton-media {
        height: 88px !important;
    }

    .sr-store-skeleton-logo {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    .sr-store-skeleton-body {
        padding: 8px !important;
    }

    .sr-store-skeleton-footer {
        margin-top: 24px !important;
    }

    .sr-store-skeleton-footer b {
        height: 28px !important;
    }

    .sr-store-not-found {
        min-height: 250px !important;
        padding: 18px !important;
        border-radius: 16px !important;
    }

    .sr-store-not-found h1 {
        font-size: 22px !important;
    }

    .sr-store-not-found p {
        font-size: 9px !important;
    }
}

@media (max-width: 390px) {
    .sr-store-hero {
        grid-template-columns:
            minmax(0, 1fr) 112px !important;
    }

    .sr-store-hero h1 {
        font-size: 18px !important;
    }

    .sr-store-grid,
    .sr-store-skeleton-grid {
        gap: 5px !important;
    }

    .sr-store-card-body {
        padding: 7px !important;
    }
}