/**
 * Global typography scale-up — loads last in <head> to win cascade.
 * Base text: 14px -> 16px (+~15% on fixed small sizes).
 */

html {
    font-size: 16px;
}

body {
    font-size: 16px;
    line-height: 1.5;
}

body p,
body li,
body td,
body label,
body .bx-authform-content-container,
body .bx-authform-label-container {
    font-size: 16px;
}

body h1,
body .h1 {
    font-size: 28px;
}

body h2,
body .h2 {
    font-size: 24px;
}

body h3,
body .h3 {
    font-size: 20px;
}

body h4,
body .h4 {
    font-size: 18px;
}

body small,
body .small,
body .us-copyright {
    font-size: 14px;
}

body .btn,
body button,
body input.form-control,
body select.form-control,
body textarea.form-control {
    font-size: 16px;
}

body .bx-breadcrumb,
body .bx-breadcrumb-item {
    font-size: 14px;
}

/* Catalog product cards */
body .product-item-title a {
    font-size: 15px;
}

body .product-item-price-current {
    font-size: 17px;
}

body .product-item-price-old {
    font-size: 13px;
}

body .product-item-big-card .product-item-title a {
    font-size: 24px;
}

body .product-item-big-card .product-item-price-current {
    font-size: 20px;
}

body .product-item-big-card .product-item-price-old {
    font-size: 16px;
}

body .product-item-info-container-title {
    font-size: 15px;
}

body .product-item-label-ring span,
body .product-item-label-text span {
    font-size: 14px;
}

/* Catalog section titles (component CSS loads after template) */
body .bx_catalog_text .bx_catalog_text_category_title,
body .bx_catalog_text .bx_catalog_text_category_title a,
body .catalog-block-header,
body #commnet_block .catalog-block-header {
    font-size: 28px;
}

body .bx-catalog-element.bx-uvelirsoft h1 {
    font-size: 22px;
}

/* Catalog filter sidebar */
body .bx-filter .bx-filter-title {
    font-size: 20px;
}

body .bx-filter .bx-filter-parameters-box-title,
body .bx-filter .bx-filter-parameters-box-title span {
    font-size: 15px;
}

body .bx-filter .bx-ui-slider-part.p1 span,
body .bx-filter .bx-ui-slider-part.p5 span,
body .bx-filter .bx-filter-tag,
body .bx-filter .bx-tag-link {
    font-size: 14px;
}

body .bx-filter .bx-filter-input-container input {
    font-size: 18px;
}

/* Main page blocks */
body main .main_tab_block > .title,
body main .main_tab_block > .title span {
    font-size: 28px;
}

body main .main_tab_block .nav-tabs > li > a,
body main .main_tab_block .nav-tabs > li.active > a,
body main .main_tab_block .nav-tabs > li.active > a:hover,
body main .main_tab_block .nav-tabs > li.active > a:focus {
    font-size: 36px;
}

body main .main_tab_block .title-news .item_kart-caption,
body main .main_tab_block .title-news .price {
    font-size: 18px;
}

body .popular-products-carousel .product-item-title a {
    font-size: 15px;
}

body .popular-products-carousel .product-item-price-current {
    font-size: 17px;
}

body .popular-products-carousel .product-item-price-old {
    font-size: 13px;
}

/* Header / menu (styles.css) */
body .menu_left a,
body .navbar a,
body header a {
    font-size: 16px;
}

body .action-carousel .title-news {
    font-size: 16px;
}

/* Footer */
body footer,
body .footer,
body footer a,
body .footer a,
body footer li,
body .footer li {
    font-size: 15px;
}

/* Category banners on main */
body .banners_top_catalog .banner-name,
body .usbanner .banner-name {
    font-size: 18px;
}

/* Cookie notice */
body #hw_cookie_law p,
body #hw_cookie_law p a {
    font-size: 14px;
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    body h1,
    body .h1 {
        font-size: 24px;
    }

    body .bx_catalog_text .bx_catalog_text_category_title,
    body .bx_catalog_text .bx_catalog_text_category_title a,
    body .catalog-block-header {
        font-size: 24px;
    }

    body main .main_tab_block > .title,
    body main .main_tab_block > .title span {
        font-size: 24px;
    }

    body main .main_tab_block .nav-tabs > li > a,
    body main .main_tab_block .nav-tabs > li.active > a {
        font-size: 28px;
    }
}
