@media (max-width: 768px) {
    header {
        padding: 15px;
    }

    .logo img {
        height: 50px; /* Зменшено для мобільних */
    }
    .logo .logo-text {
        font-size: 26px;
    }

    .header-bottom {
        flex-direction: column; /* На мобільних меню і кошик у стовпчик */
        margin-top: 10px;
    }

    .menu {
        margin-top: 10px;
        gap: 15px;
        flex-wrap: wrap; /* Пункти меню переносяться */
        justify-content: center;
    }

    #cartIcon {
        margin-top: 10px;
    }

    .hero {
        height: 350px;
    }

    .hero-text {
        font-size: 24px;
        padding: 0 15px;
        line-height: 1.2;
    }

    main {
        padding: 0 15px;
    }

    /* Product Styles */
    .product-highlight {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }

    .highlight-image {
        height: auto;
    }

    .highlight-info {
        padding: 0;
    }

    .featured-product {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }

    .carousel-images {
        height: 350px;
    }

    .thumbnail {
        width: 60px;
        height: 60px;
    }

    .product-details {
        padding: 0;
    }

    /* Info Styles */
    .delivery-payment-info {
        padding: 20px;
    }

    .info-columns {
        flex-direction: column;
        gap: 15px;
    }

    .kombucha-instructions {
        padding: 20px;
    }

    .kombucha-instructions h2 {
        font-size: 24px;
    }

    .tibicos-morskyi-rys-instructions {
        padding: 20px;
    }

    .tibicos-morskyi-rys-instructions h2 {
        font-size: 24px;
    }

    .tibicos-morskyi-rys-instructions h3 {
        font-size: 18px;
    }

    .kombucha-benefits {
        padding: 20px;
    }

    .kombucha-benefits h2 {
        font-size: 24px;
    }

    .tibicos-morskyi-rys-benefits {
        padding: 20px;
    }

    .tibicos-morskyi-rys-benefits h2 {
        font-size: 24px;
    }

    .benefits-list h3 {
        font-size: 18px;
    }

    .kombucha-warnings {
        padding: 20px;
    }

    .kombucha-warnings h2 {
        font-size: 24px;
    }

    .warnings-list h3 {
        font-size: 18px;
    }

    .kombucha-faq {
        padding: 20px;
    }

    .kombucha-faq details summary {
        font-size: 18px;
        padding: 10px 0;
    }

    .kombucha-faq details p {
        font-size: 14px;
        padding: 0 0 10px 10px;
    }

    .tibicos-morskyi-rys-faq {
        padding: 20px;
    }

    .tibicos-morskyi-rys-faq details summary {
        font-size: 18px;
        padding: 10px 0;
    }

    .tibicos-morskyi-rys-faq details p {
        font-size: 14px;
        padding: 0 0 10px 10px;
    }

    /* Main Styles */
    .order-link {
        padding: 0 15px;
    }

    .order-button {
        padding: 12px 20px;
        font-size: 16px;
    }

    .full-width-image {
        padding: 0 15px;
    }

    /* Footer Styles */
    .footer {
        padding: 20px 15px;
    }

    .footer-columns {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 20px;
    }

    .footer-column h3 {
        font-size: 20px;
    }

    .footer-column p,
    .footer-column ul li a {
        font-size: 13px;
    }

    .footer-column .narrow-text {
        max-width: 100%;
    }

    .footer-bottom p {
        font-size: 13px;
    }

    /* Cart Styles */
    .products,
    .cart-items {
        grid-template-columns: 1fr;
    }

    .cart-item {
        max-width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .cart-item-image {
        width: 60px !important;
        height: 60px !important;
        margin-right: 10px;
    }

    .cart-item-details {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .name-sku {
        min-width: 0;
    }

    .price-quantity-subtotal {
        flex-wrap: wrap;
        gap: 10px;
        min-width: 0;
        justify-content: flex-start;
    }

    .price-quantity-subtotal .subtotal {
        width: auto;
        text-align: left;
    }

    .price-quantity-subtotal .quantity {
        width: auto;
    }

    .remove-btn {
        margin-left: 10px;
    }

    .total {
        text-align: center;
        max-width: 100%;
    }

    .order-form {
        padding: 20px;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .hero {
        height: 300px;
    }

    .hero-text {
        font-size: 18px;
        padding: 0 10px;
        line-height: 1.2;
    }

    .logo img {
        height: 40px; /* Ще менший розмір для малих екранів */
    }
    .logo .logo-text {
        font-size: 22px;
    }

    .menu {
        gap: 10px;
    }

    .menu a {
        font-size: 14px; /* Зменшено шрифт для компактності */
    }

    #cartIcon {
        font-size: 14px;
    }

    #cartCount {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    .cart-item-details {
        gap: 8px;
    }

    .name-sku .name {
        font-size: 14px;
    }

    .name-sku .sku {
        font-size: 9px;
    }

    .price-quantity-subtotal .subtotal {
        font-size: 16px;
    }
}