/* ==========================================================================
   Media Queries – responsywność, poprawki mobilne i RWD
   ========================================================================== */
@media (max-width: 575px) {
    .lesser-logo {
        max-width: 150px;
        margin-right: 20px;
    }
}

@media (max-width: 991.98px) {

    /* checkbox + opis w jednej linii */
    .newsletter-checkbox .form-check-label {
        display: inline;
    }

    .newsletter-checkbox .form-check-input {
        margin-top: 0.15rem;
        /* lekkie wyrównanie pionu */
    }

    .newsletter-mobile {
        padding-left: 30px;
        /* lub px-4 w klasach Bootstrapa */
        padding-right: 30px;
    }

    input[type=email]::placeholder {
        text-align: center;
    }

    .text-nextto-icon {
        font-size: 0.9rem;
    }
}

@media (max-width: 768px) {
    .hero {
        height: 50vh;
    }

    .margin-top-120 {
        margin-top: 20px;
    }

    .icon-svg {
        width: 24px;
    }

    .glide__track {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .product-card .prices {
        flex-direction: column !important;
        gap: 0.25rem;
        align-items: flex-start !important;
    }

    .product-card .lowest-price {
        text-align: left !important;
        margin-top: 0.25rem;
    }

    .glide-nav-arrows {
        max-width: 100%;
        justify-content: space-between;
        padding: 0 1rem;
    }

    .glide-nav-bullets {
        margin-top: 1rem;
    }

    .grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .tile-1 {
        grid-column: span 1;
        grid-row: span 1;
        aspect-ratio: 1.2/1;
    }

    .tile {
        aspect-ratio: 1.2/1;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .special-tile {
        aspect-ratio: 1.2/1;
    }

    .logo-row:first-child {
        grid-template-columns: repeat(2, 1fr);
    }

    .logo-row:last-child {
        grid-template-columns: repeat(2, 1fr);
    }

    .logo-row:last-child .logo-item:last-child {
        display: none;
    }

    .premium-banner-wrapper {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .premium-banner {
        aspect-ratio: 1.2/1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 25% 45%;
        border-radius: 8px;
    }

    .row {
        overflow-x: hidden;
    }

    .text-custom-lead {
        font-size: 1.5rem;
        text-transform: uppercase;
    }
}