/* Стили для страницы товара по БЭМ-методологии */

/* Импорты базовых стилей */
@import url('./base.css');

/* Импорты модулей страницы товара */
@import url('./product/product-header.css');
@import url('./product/product-gallery.css');
@import url('./product/product-info.css');
@import url('./product/product-actions.css');
@import url('./product/product-details.css');
@import url('./product/product-tabs.css');
@import url('./product/product-help.css');
@import url('./product/product-info-help.css');
@import url('./product/product-related.css');
@import url('./product/product-help-wide.css');
@import url('./product/product-viewed.css');

/* Адаптивность для страницы товара */
@media (max-width: 992px) {
    .product__top {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .product-gallery {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .product {
        margin: 0;
    }

    .product__header {
        margin-bottom: 24px;
    }
}

@media (max-width: 576px) {
    .product__header {
        margin-bottom: 16px;
    }
}