/**
 * Graf Drakula Engine v2.0 - Адаптивність та Медіа-запити (responsive.css)
 */

/* Планшети та Ноутбуки (до 1024px) */
@media screen and (max-width: 1024px) {
    .cart-split-layout-grid, .checkout-form-split-grid {
        grid-template-columns: 1fr;
    }
    
    .profile-layout-grid-container {
        grid-template-columns: 1fr;
    }
    
    .footer-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Смартфони (до 768px) */
@media screen and (max-width: 768px) {
    .header-container {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .header-logo {
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .header-search {
        max-width: 100%;
    }

    .header-nav {
        justify-content: center;
        width: 100%;
    }

    .hero-promo-section {
        padding: 40px 20px;
    }

    .hero-banner-content h1 {
        font-size: 28px;
    }

    .form-fields-inputs-flex-grid-layout {
        grid-template-columns: 1fr;
    }

    .full-width-row {
        grid-column: span 1;
    }

    .cart-row-item-card {
        flex-direction: column;
        text-align: center;
    }

    .cri-info-box {
        text-align: center;
    }

    .footer-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .social-buttons-grid {
        justify-content: center;
    }
    
    .chat-bubble-message-card {
        max-width: 90%;
    }
}

/* Маленькі екрани телефонів (до 480px) */
@media screen and (max-width: 480px) {
    .site-main-wrapper {
        padding: 20px 10px;
    }

    .products-layout-grid {
        grid-template-columns: 1fr;
    }

    .auth-card {
        padding: 20px;
    }
}