/* mobile only */

@media screen and (max-width: 23.75em) { /* 380 */
    
    .mobile_header .logo {
        width: 9.375rem;
        margin-right: auto;
    }
    
    .mobile_header .logo svg {
        height: 3rem;
        margin-left: -2.625rem;
    }
    
    .mobile_header .logo .text { transform: scale(0.8); }
    .mobile_header .logo .speaker, .mobile_header .logo .house { display: none; }
    
    .cart_delivery svg { display: none; }
    
    .miniprice_switch { display: block; min-width: inherit; height: auto; }
    .miniprice_switch svg { margin: 0; }
    .miniprice_switch b, .miniprice_switch::after { display: none; }
    
    .items_list.shopping_cart .item_title span { display: none; }    
    
    .catalog[data-view=price] .item_photo { display: none; }
    .search_results .catalog.search_products .item_card a > .item_title { margin: 0 1rem 0 0; }
}

@media screen and (max-width: 26.25em) { /* 420 */
    
    .header { width: 90%; left: -90%; }
    
    .catalog[data-view=list] .item_card { grid-template-columns: 20% auto; }
    .catalog[data-view=list] .item_title a { font-size: 0.875rem; }
    .catalog[data-view=list] .item_options { margin-top: 0.25rem; }
    .catalog[data-view=list] .item_buy { grid-column-start: 2; }
    .catalog[data-view=list] .item_status, .catalog[data-view=list] .item_comments, .catalog[data-view=list] .item_descr span { font-size: 0.75rem; }
    .catalog[data-view=list] .item_descr { max-height: 3rem; }
    .catalog[data-view=list] .item_descr span { line-height: 1; }
    .catalog[data-view=list] .add_favs { top: auto; right: auto; left: 10%; bottom: 1rem; }
    .catalog[data-view=list] .item_buy { margin-bottom: 1.5rem; }
    .catalog[data-view=list] .item_status { left: 20%; }
    .catalog[data-view=list] .item_price { font-size: 0.8125rem; }
    .catalog[data-view=list] .item_price b { font-size: 0.875rem; }
    .catalog[data-view=list] .item_card .buy { bottom: 0.5625rem; right: 1rem; }
    .catalog[data-view=list] .item_comments, .catalog[data-view=list] .warehouses { right: 4.5rem; }
    .catalog.main[data-view=price] .item_title { margin: 0 1rem 0 1rem; }
    .catalog[data-view=price] .item_articul { left: 1rem; }
    .catalog[data-view=price] .item_price_box { min-width: inherit; width: 5.5rem; padding-right: 0.5rem; }
    .catalog[data-view=price] .oop .item_price_box { padding-right: 3.125rem; }
    .catalog[data-view=price] .item_card.show_ap .admin_price { left: auto; right: -4.5rem; }
    
    .catalog.search_products[data-view=price] .item_title { margin: 0 1rem; }
    .search_results .catalog.search_products .item_card a > .item_status { margin-right: 0.5rem; }
    .search_results .catalog.search_products .item_card .buy { display: none; }
    
    .product_page dd div.comments_form { margin-left: -4rem; }
    .search_results .catalog.search_products .item_card a > .item_buy { flex: auto; justify-content: flex-end; }
    
}

@media screen and (max-width: 30.0625em) { /* 481 */
    
    .window_product .comments_form .fieldset.inline { display: block; }
    .window_product .comments_form input[type=submit] { width: 100%; margin: 1rem 0 0; }
    
}

@media screen and (max-width: 30.375em) { /* 486 */
    
    .min_flag { display: block; }
    
    .category:not(:last-child) { margin-bottom: 1.75rem; }
    
    .category .inner {
        border-radius: 0;
        border-width: 0.0625rem 0;
        grid-template-columns: repeat(auto-fit, minmax(0, 6.75rem));
        grid-gap: 1rem;
        padding: 5%;
        margin: 0 -5.5%;
    }
    
    .category dt { margin-top: 0.5rem; }
    .category dt a { font-size: 0.875rem; }
    
    .content.catalog_view {
        padding-left: 0;
        padding-right: 0;
    }
    
    .content.catalog_view .breadcrumbs, .content.catalog_view h1, .content.catalog_view h1:first-of-type, .content.catalog_view .tag_cloud,
    .content.catalog_view .company_info, .content.catalog_view .sidebar {
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .catalog[data-view=cards].main { overflow: hidden; }
    
    .catalog[data-view=cards].main .inner {
        margin-left: -0.0625rem;
        margin-right: -0.0625rem;
    }
    
    .catalog_view .catalog[data-view=cards] h1, .catalog_view .catalog[data-view=cards] .tag_cloud {
        margin-left: 0.0625rem;
        margin-right: 0.0625rem;
    }
    
    .catalog_view .catalog[data-view=cards]:not(.single_line) .inner, .catalog_view .catalog:not([data-view=cards]) .inner {
        border: solid #efefef;
        border-width: 0.0625rem 0 0 0;
    }
    
    .catalog_view .catalog:not([data-view=cards]) .inner { border-radius: 0; }
    
    .catalog_view .catalog[data-view=cards] .inner {        
        border-radius: 0;
        grid-template-columns: repeat(2, minmax(9.875rem, 1fr));
    }

    .catalog[data-view=list] .item_card, .catalog[data-view=price] .item_card, .catalog[data-view=cards].single_line .item_card { border-width: 0 0.0625rem 0.0625rem 0;}
    .catalog_view .catalog .inner .item_card:nth-child(1):hover, .catalog_view .catalog .inner .item_card:nth-child(2):hover { box-shadow: -0.0625rem 0 0 #dddddd; }
    
    .catalog_view .catalog:not([data-view=cards]) .item_card {
        border-left: 0;
        border-right: 0;
    }
    
    .search_results .catalog.search_products .item_card:first-child { border-bottom: 0.0625rem solid #efefef; }
    
}

@media screen and (max-width: 33.6875em) { /* 539 */
    
    .items_list.shopping_cart .item_card { grid-template-columns: 4rem auto 2.25rem; }
    .items_list.shopping_cart .item_price_box { grid-column-start: 2; grid-column-end: 4; grid-row-start: inherit; grid-row-end: inherit; padding-top: 0.25rem; }    
    .items_list.shopping_cart .item_count { grid-column-start: 2; grid-column-end: 4; grid-row-start: inherit; grid-row-end: inherit; order: 5; padding-top: 0.5rem; }
    .items_list.shopping_cart .item_photo, .items_list.shopping_cart .item_card .del { grid-row-end: 3; }
    .items_list.shopping_cart .item_card .del { grid-column-start: 3; margin-top: -0.5rem; }
    

    .items_list.shopping_cart .item_title b { display: inline; }
    
}

@media screen and (max-width: 30em) { /* 480 */
    
    .items_list.favourites .item_card { grid-template-columns: 16.5% auto; padding: 1rem 5%; }
    .items_list.favourites .item_price_box { overflow: hidden; padding-right: 5rem; }
    .items_list.favourites .item_price { min-width: inherit; } 
    .items_list.favourites .del, .items_list.favourites .buy { position: absolute; bottom: -0.25rem; right: 5%; }
    .items_list.favourites .del { margin-right: 3.5rem; }
    
}

@media screen and (min-width: 30.0625em) and  (max-width: 35.4375em) { /* 480 */
    
    .items_list.favourites .item_card {
        grid-template-columns: 16.5% auto 2.25rem 2.25rem;
        padding: 1.5rem 5%;
    }
    
}

@media screen and (max-width: 35.4375em) { /* 567 */
    
    .panel_title { padding: 0 5%; }
    .panel_body { padding-left: 5%; padding-right: 5%; }
    .mini_price ul li .sub { margin-left: 1rem; }    
}


@media screen and (max-width: 37.5em) { /* 600 */

    .search_results .catalog.search_products .item_specs { display: none; }
    .search_results .catalog.search_products .item_card a > .item_title { flex: 2; }
    
}

@media screen and (max-width: 40em) { /* 640 */
    
    .order_box.active { display: block; }
    .fields_box h3 { margin-bottom: 1rem; }
    .order_box .fields_box:not(:last-child) { margin-bottom: 2rem; }
    .order_box .fieldset.inline { justify-content: flex-start; }
    .cart_bottom { display: block; }
    .cart_bottom > * { width: auto; }
    .cart_bottom > *:last-child, .cart_bottom > *:first-child { padding: 0; }
    .cart_total { margin-top: 1rem; }
    
    .w_product .w_container, .w_cart .w_container { padding: 0; }
    .window_product, .window_cart { border-radius: 0; }
    .window_product > .inner { padding: 5%; }
    .window_product .close_bttn, .window_cart .close_bttn { right: 5%; margin-right: -0.75rem; }
    .window_product .close_bttn { top: -0.75rem; padding-top: 5%; }
    .window_product .product_photo { margin-top: 0; }
    .window_product .item_discount { top: 1rem; }
    
    .w_cart.overlay_w { align-items: flex-end; }
    .w_cart .mCustomScrollBox { height: auto; }
    
    .window_product .comments_form {
        padding: 2rem 5.5% 4.5rem;
        margin: 1.25rem -5.5% 0;
    }
    
    .cart_controls {
        position: absolute;
        top: 0.25rem;
        right: 5%;
        margin-right: 1.625rem;
    }

    .cart_controls button {
        opacity: 0.5;
        transition: opacity 0.2s linear;
    }
    
    .window_cart .cart_title { padding:  0 5%; }
    .cart_top { justify-content: flex-end; padding: 0.75rem 5%; }
    .cart_controls button:hover { opacity: 0.7; }    
    .cart_controls .copy svg, .cart_controls .del svg { fill: #1e1e1e; }
    .cart_delivery { float: right; }
    .items_list.shopping_cart .item_card { padding: 1rem 5%; }
    .cart_bottom { padding: 1rem 5% 1.75rem; }
    .order_box { padding: 1.75rem 5% 2rem; }
    
    
    .similar_items { margin: 0 -5.5%; }
    .similar_items h3 { padding-left: 5%; }
    .similar_items .scroller_controls { right: 5%; }
    .similar_items.catalog[data-view=cards] .inner { border-radius: 0; }
    .similar_items.catalog[data-view=cards] .item_card:first-child:not(:last-child) { border-radius: 0; border-left-width: 0; }
    .similar_items.catalog[data-view=cards] .item_card:last-child:not(:first-child) { border-radius: 0; border-right-width: 0; }
 
    .catalog[data-view=price] .item_options { display: none; }
    .catalog[data-view=price] .item_card .buy { margin-left: 0; }
    .catalog[data-view=price] .item_price_box { min-width: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 8.5rem; }
    
}

@media screen and (max-width: 45.125em) { /* 722 */
    
    .item_title a { line-height: 1.125rem; }
    .catalog[data-view=list] .item_photo, .catalog[data-view=list] .item_options { grid-row-end: 3; }
    .catalog[data-view=list] .item_card { grid-column-gap: 1rem; } 
    .catalog[data-view=list] .item_descr { overflow: hidden; margin-bottom: 0.75rem; }
    .catalog[data-view=list] .item_specs { display: none; }
    .catalog[data-view=list] .item_buy { position: static; padding: 0; }
    .catalog[data-view=list] .item_status { position: absolute; bottom: 1rem; margin: 0 0 0 1.625rem; }
    .catalog[data-view=list] .item_comments { top: auto; left: auto; bottom: 1rem; width: auto; }
    .catalog[data-view=list] .warehouses { background: #fff; box-shadow: 0 0 0 0.5rem #fff; }
    
    .search_results .catalog[data-view=price] .item_title, .catalog[data-view=price] div.item_title { padding: 0; margin: 0 1rem; flex: 1; }
    .catalog[data-view=price] div.item_title a { font-weight: 400; margin: 0.5rem 0; }
    
    .search_results .catalog[data-view=price] .item_status, .catalog[data-view=price] .item_status {
        border-radius: 50%;
        text-indent: -999rem;
        order: -3;        
        overflow: hidden;
        min-width: 0.5rem;
        max-width: 0.5rem;
        height: 0.5rem;
        margin: 0 1rem 0 0;
        flex: 1 0 0.5rem;
    }
    
    .search_results .catalog[data-view=price] .item_status { position: static; }
    
    .catalog[data-view=price] .item_status {
        position: absolute;
        left: 0.5rem;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    
    .catalog[data-view=price] .in_stock .item_status { background: #54c930; }
    .catalog[data-view=price] .on_order .item_status { background: #e2ac00; }
    .catalog[data-view=price] .pending .item_status, .catalog[data-view=price] .limited .item_status { background: #e2ac00; }
    .catalog[data-view=price] .not_available .item_status { background: #fa2607; }
    .catalog[data-view=price] .show_room .item_status { background: #548eff; }
    .catalog[data-view=price] .item_card .buy { flex-basis: 2rem; height: 2rem; width: 2rem; position: relative; top: -0.0625rem; }
    .catalog[data-view=price] .item_card .buy svg { width: 1.25rem; height: 1.25rem; }
    .catalog[data-view=price] .item_buy { padding-top: 0.125rem; }
    .catalog[data-view=price] .item_photo { height: 2rem; flex: 0 0 2rem; margin-left: 1rem; }
    .search_results .catalog[data-view=price] .item_photo { margin-left: 0; }
    .catalog[data-view=price] .oop .item_price_box { padding: 0; margin: 0; max-width: inherit; }
    
    .catalog[data-view=price] .item_discount {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 1.25rem;
        height: 1.25rem;
        padding: 0 0.5rem;
    }
    
    .catalog .item_discount span { display: none; }
    
    
}

@media screen and (max-width: 30.375em) { /* 486 */

    .catalog[data-view=price] .item_status { left: 1rem; }
    .catalog[data-view=price] .item_photo { margin-left: 1.5rem; }
    .catalog[data-view=price] .item_price_box { max-width: 5rem; width: auto; padding-right: 0; }
    .catalog[data-view=price] .item_price b, .catalog[data-view=price] .item_old_price b,
    .catalog[data-view=price] .item_price span::before, .catalog[data-view=price] .item_price span::after { display: none; }
    .search_results .item_price span::before, .search_results .item_price span::after { content: ''; }

}

@media screen and (max-width: 51.25em) { /* 820 */

    .cart_price { white-space: normal; }
    
    .order .item_card {
        display: grid;
        grid-template-columns: 3rem auto auto auto;
    }
    
}

@media screen and (max-width: 55em) { /* 880 */

    .window_product .breadcrumbs {
        margin: 0;
        padding: 0 2.5rem 0 0;
    }
    
}

@media screen and (min-width: 23.8125em)  and (max-width: 63.9375em) { /* 381—1023 */
    
    .mobile_header .logo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 12rem;
    }
    
    .mobile_header .logo .text { transform: scale(0.8) translate(-0.375rem, 0.25rem); }
    .mobile_header .logo .speaker, .mobile_header .logo .house { transform: scale(0.7); }
    
}

@media screen and (min-width: 26.3125em) and (max-width: 63.9375em) { /* 421-1023 */
    
    .header {
        width: 25rem;
        left: -25rem;
    }
    
}

@media screen and (min-width: 33.75em) and (max-width: 45em) { /* 540-720 */
    
    .items_list.shopping_cart .item_card { grid-template-columns: 5rem 1fr auto 2.25rem; }
    .items_list.shopping_cart .item_price_box { grid-column-start: 2; grid-column-end: 5;  grid-row-start: 3; padding-top: 0.25rem; }    
    .item_count, .items_list.shopping_cart .item_photo, .items_list.shopping_cart .del { grid-row-end: 4; }
    .items_list.shopping_cart .del { grid-column-start: 4; }
    
}

@media screen and (max-width: 25.5em), screen and (min-width: 40.0625em) and (max-width: 47.5em) { /* 641—760 */
    
    .checkout_controls {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    .checkout_controls button { flex: 1 0 100%; }
    .checkout_controls > *:not(:last-child) { margin: 0 0 0.5rem 0; }
    
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) { /* 640—1023 */
    
    .pagination ul { padding-bottom: 0; }
    .pagination li:first-child, .pagination li:last-child { position: static; }
    .pagination li:first-child { margin-right: 1rem; }
    .pagination li:last-child { margin-left: 0.5rem; }
    
}

/* mobile main */

@media screen and (max-width: 63.9375em) { /* 1023 */
    
    .mh { display: none; } /* hide desktop elements */
    
    .content {
        padding: 4.5rem 5% 4.5rem;
        box-sizing: border-box;
    }
    
    .promo { margin: 3.125rem 0 0; }
    .promo .inner { padding: 0; }    
    .promo + .content { padding-top: 1rem; }
    
    /* mobile header */
    
    .mobile_header {
        background: #fff;
        border-bottom: solid 0.125rem #fdc101;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 90;
    }
    
    .mobile_header .inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 3rem;
        padding: 0 5%;
    }
    
    /* header as menu */
    
    .header {
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        position: fixed;
        top: 3.125rem;
        bottom: 0;
        right: 0;
        z-index: 99;
        min-width: inherit;
        box-sizing: border-box;
    }
    
    body:not(.search_active) .header {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .mobile .header.active { transition: left 0.3s ease-out; }
    
    .header.active { left: 0; }
    .header .bottom_line { order: -1; }
    .header .inner { display: block; }
    
    .catalog_menu .tabs, .user_box, .address_box { border-bottom: 0.0625rem solid #ebebeb; }
    .user_box .authorized, .address_box, .header_group { padding-bottom: 2rem; }
    .user_box, .header_contacts, .header_group { padding-top: 1.5rem; }
    .user_box .unauthorized { padding-bottom: 1.5rem; }
    
    .user_box, .header_contacts, .header_group, .address_box {
        padding-left: 5%;
        padding-right: 5%;
    }
    
    /* catalog menu */
    
    .catalog_menu .tabs {
        border-bottom: 0.0625rem solid #ebebeb;
        padding-top: 2.5rem;
        position: relative;
    }
    
    .catalog_menu .tabs dt {
        border: 0.0625rem solid transparent;
        font-size: 0.8125rem;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        line-height: 2.5rem;
        top: 0;
        width: 50%;
        box-sizing: border-box;
    }
    
    .catalog_menu .tabs dl:first-child dt { left: 0; }
    .catalog_menu .tabs dl:last-child dt { right: 0; }
    
    .catalog_menu .tabs dl:not(.active) dt {
        background: #efefef;
        color: #666;
        border-bottom-color: #ebebeb;
        cursor: pointer;
    }
    
    .catalog_menu .tabs dl:first-child:not(.active) dt { border-right-color: #ebebeb; }
    .catalog_menu .tabs dl:last-child:not(.active) dt { border-left-color: #ebebeb; }    
    .catalog_menu .tabs dl:not(.active) dd { display:none; }
    .catalog_menu .tabs dd { padding: 1rem 0 1.75rem; }
    
    .catalog_menu .tabs dd > ul > li > a { padding: 0.25rem 5% }   
    .catalog_menu .tabs dd > ul > li.opened .submenu { display: block; }
    
    .catalog_menu .current > a, .catalog_menu a:hover { background: rgba(253,193,1,0.3); }
    
    .catalog_menu .brands {
        background: #fff;
        padding: 0.25rem 5.5% 0.75rem;
    }
    
    .catalog_menu .brands li { margin-left: 1rem; }
    
    .catalog_menu .brands a {
        border-radius: 0.25rem;
        padding: 0.25rem 0.5rem;
    }
    
    .catalog_menu .submenu_inner {
        display: flex;
        flex-flow: column-reverse;
    }
    
    .catalog_menu .top_ten {
        position: relative;
        padding-bottom: 0.5rem;
        margin: 0.25rem 5.5% 0.25rem;
    }
    
    .catalog_menu .top_ten::after {
        content: '';
        background: #ebebeb;
        display: block;
        position: absolute;
        left: 1rem;
        right: 0;
        bottom: 0;
        height: 0.0625rem;
    }
    
    .catalog_menu .top_ten h4 { display: none; }
    .catalog_menu .top_ten li { margin-left: 1rem; }
    
    .catalog_menu .top_ten a {
        border-radius: 0.25rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0.25rem 0.5rem;
    }
    
    .catalog_menu .top_ten a::before {
        content: '';
        background: #e2ac00;
        border-radius: 50%;
        display: block;
        width: 0.325rem;
        height: 0.325rem;
        margin: 0 0.625rem 0 0.125rem;
    }
    
    /* user box */
    
    a.user_box_switch { display: none; }
    
    .user_menu ul {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-gap: 0.5rem 1rem;
    }
    
    /* contacts, apps etc. */
    
    .header_contacts {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .header .contact_box { margin-bottom: 1.25rem; }
    .header .apps { margin-bottom: 1.75rem; }
    .header .contact_box dt { margin-bottom: 0.5rem; }
    .header .messengers { margin-top: 0.5rem; }
    
    .header .apps { align-items: flex-start; }
    
    .header .messengers .telegram a::after, .header .messengers .bot a::after { background: #fff; }
    .header .messengers .telegram a .main, .header .messengers .bot a .main { fill: #29a9eb; }
    .header .messengers .viber .main { fill: #7360f2; }
    .header .messengers .viber .back { fill: #fff; }
    .header .messengers .whatsapp .main { fill: #23cb62; }
    .header .messengers .whatsapp .back { fill: #fff; }
    .header .address_box svg { fill: #fb6751; }
    
    .header_group {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    .header .language a, .header .apps a {
        color: #1e1e1e;
        text-decoration: none;
    }
    
    .header .language a:hover, .header .apps a:hover { text-decoration: underline; }
    
    /* search */
    
    .search_switch { margin-left: auto; }
    
    .search {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 5%;
        right: 5%;
        height: 3rem;
        margin: 0 1.9375rem 0 2.25rem;
    }
    
    .search.active {
        display: flex;
        z-index: 999;
    }
    
    .search form, .search input[type=text] { width: 100%; }
    
    .search input.reset {
        background: url(../images/sprite.svg#close_button) center / 1rem 1rem no-repeat;
        text-indent: -999rem;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 2.25rem;
        height: 2.25rem;
        min-width: inherit;
        padding: 0;
        opacity: 0.3;
        transition: opacity 0.2s linear;
    }
    
    .search input.reset:hover { opacity: 1; }
    .search input[type=submit] { display: none; }
    
    .search_results {
        left: -5%;
        right: -5%;
        top: 3.125rem;
        margin: 0 -2.5rem 0 -2.75rem;
        max-width: inherit;
    }
    
    /* shopping cart */

    .cart_switch { margin-left: 1rem; }
    
    .cart_switch svg {
        fill: #1e1e1e;
        width: 1.5rem;
        height: 1.5rem;
    }
    
    .cart_switch b {
        top: -0.25rem;
        left: 1.25rem;
    }
    
    /* footer */
    
    .footer {
        padding: 0 5%;
        box-sizing: border-box;
    }
    
    .footer .inner {
        justify-content: center;
        flex-direction: column;
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }
    
    .footer .inner > *:not(:last-child) { margin-bottom: 2rem; }
    .footer_contacts > *:not(:first-child) { margin-top: 2rem; }
    .footer .contact_box dt { text-align: center; }
    .footer .apps { align-items: center; }
    .footer .site_menu, .footer .site_menu li, .footer .language, .footer .language li, .footer .messengers ul,
    .footer .apps a, .footer .contact_box .tel, .footer .address_box a {
        justify-content: center;
    }
    
    /* text content */

    h1 {
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 1rem;
    }

    h2 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.25;
        margin-bottom: 0.75rem;
    }

    h3 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }

    .text p + h2, .text p + h3 { margin-top: 1.5rem; }

    .text, .text p, .text li {
        font-size: 0.875rem;
        line-height: 1.25;
        text-align: justify;
    }
    
    .text p:not(:last-child), .text ul:not(:last-child), .text ol:not(:last-child) { margin-bottom: 1rem; }
    .text li:not(:last-child) { margin-bottom: 0.5rem; }
    .product_info .text li { text-align: left; }
    
    /* articles list */
    
    section[role=main] article {
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        margin: 0 -5.5%;
        padding: 1.25rem 5% 2rem;
    }
    
    section[role=main] article { border-top: 0.0625rem solid #ebebeb; }
    section[role=main] article:last-of-type { border-bottom: 0.0625rem solid #ebebeb; }
    
    section[role=main] article .img {
        order: -1;
        margin-bottom: 1.25rem;
    }
    
    .no_img img { width: 18rem; }
    
    /* article */
    
    .content.article { background: #fff; }
    .article_stats, article[role=main] .img { margin-bottom: 1.25rem; }
    
    article[role=main] { margin-bottom: -4.5rem; }
    
    article[role=main] footer {
        padding: 1rem 5.5% 0;
        margin: 1.75rem -5.5% 0;
    }
    
    /* comments form */
    
    .article .comments_form { padding: 2rem 5.5% 4.5rem; }    
    .product_page .comments_form { padding: 2rem 5.5% 2rem; }    
    .article .comments_form, .product_page .comments_form { margin: 1.25rem -5.5% 0; }
    
    .product_page dd .comments_form {
        border-radius: 0.25rem;
        padding: 1.25rem;
        margin: 1rem 0 0 0;
    }
    
    /* breadcrumbs */
    
    .breadcrumbs {
        /*margin: 0 -5.5%;*/
        /*padding: 0 5.5% 1.125rem 5.5%;*/
        padding: 0 0 1.125rem 0;
        box-sizing: border-box;
    }
    
    ./*mCSB_draggerContainer {
        margin-left: 5.5%;
        margin-right: 5.5%;
    }
    
    .mCustomScrollBox { padding: 0 5.5%; }*/
    
    .content.article .inner + .sidebar { margin-top: 4.5rem; }
    
    /* pagination */
    
    .pagination { margin-top: 3rem; }
    
    .pagination ul {
        position: relative;
        padding-bottom: 3rem;
    }
    
    .pagination li:first-child, .pagination li:last-child {
        position: absolute;
        bottom: 0;
    }
    
    .pagination li:first-child { left: 0; }
    .pagination li:last-child { right: 0; }
    .pagination li:nth-last-child(2) { margin-right: 0; }
    .pagination li:first-child a:hover, .pagination li:last-child a:hover { text-decoration: underline; }
    .pagination li:not(:first-child):not(:last-child) a, .pagination li:not(:first-child):not(:last-child) span { padding: 0 0.25rem; }
    
    /* sidebar */
    
    .sidebar { padding-top: 2rem; }
    
    /* panels */
    
    .panel { top: 3.125rem; }
    
    /* catalog */
    
    .catalog_view { padding-top: 7.5rem; }
    
    .catalog:first-of-type h1 { padding: 0; }
    
    .catalog_toolbar {
        background: #fff;
        border-bottom: 0.0625rem solid #ddd;
        position: fixed;
        top: 3rem;
        left: 0;
        right: 0;
        z-index: 2;
        height: 3rem;
        padding: 0 5%;
        transition: top 0.5s linear;
    }
    
    .trigger_mode .catalog_toolbar { z-index: 1; }
    
    .sortings ul { left: -1rem; }
    .sortings.active ul { left: 0; }
    
    .scroll_down .catalog_toolbar { top: -3rem; }
    
    /* brands and filters on panel */
    
    .panel .box_title { display: none; }
    
    /* product */
    
    .product_page { background: #fff; }
    article[role=main].product { margin-bottom: 2rem; }
    
    .window_product .comments_form form { max-width: 30rem; margin: auto; }
    .window_product .comments_form .form_header { max-width: 30rem; margin: auto auto 1rem auto; }
    
    /* orders */
    
    .order .item_title b { display: block; }
    
    /* banner */
    
    .promo_box .right { display: none; }
    
}

@media screen and (min-width: 26.5em) and (max-width: 63.9375em) { /* 381—1023 */
    
    /* contacts */
    
    .header_contacts { flex-flow: row wrap; }
    
    .header_contacts > * {
        width: 50%;
        box-sizing: border-box;
    }
    
    .header_contacts > *:nth-child(odd) { padding-right: 2.5%; }
    .header_contacts > *:nth-child(even) { padding-left: 2.5%; }
    
}

@media screen and (min-width: 27.5em) and (max-width: 30em) { /* 440-480 */
    
    .product_page .product .item_status, .window_product .product .item_status, .product_page .product .item_price, .window_product .product .item_price { font-size: 1rem; }
    .product_page .product .item_price b, .window_product .product .item_price b { font-size: 1.125rem; }
    
    /* elements overflow price box in product window/page
    .product_page .product_options, .window_product .product_options { position: relative; }
    
    .product_page .product .add_favs, .window_product .product .add_favs {
        position: absolute;
        top: 1.75rem;
        bottom: 0;
        margin: auto;
        height: 1.875rem;
        right: 5.5rem;
    }
    
    .product_page .product .share, .window_product .product .share {
        position: absolute;
        top: 1.75rem;
        bottom: 0;
        margin: auto;
        height: 1.75rem;
        right: 2.5rem;
    }
    */
    
}

@media screen and (min-width: 30.4375em)  {
    
    .catalog:not([data-view=cards]) .item_card:first-child { border-radius: 0.25rem 0.25rem 0 0; }
    .catalog:not([data-view=cards]) .item_card:last-child { border-radius: 0 0 0.25rem 0.25rem; }
    .catalog:not([data-view=cards]) .item_card:not(:first-child)  { margin-top: -0.0625rem; }

    .catalog[data-view=cards].single_line .item_card:not(:first-child) { margin-left: -0.0625rem; }

    .catalog[data-view=cards]:not(.single_line) .item_card:hover { box-shadow: -0.0625rem -0.0625rem 0 #dddddd; }

    .catalog[data-view=cards]:not(.single_line) .item_card:first-child { border-radius: 0.25rem 0 0 0; }
    .catalog[data-view=cards]:not(.single_line) .item_card:last-child { border-radius: 0 0 0.25rem 0; }

    .catalog[data-view=cards][data-size="2"]:not(.single_line) .item_card:nth-child(2) { border-radius: 0 0.25rem 0 0; }
    .catalog[data-view=cards][data-size="3"]:not(.single_line) .item_card:nth-child(3) { border-radius: 0 0.25rem 0 0; }
    .catalog[data-view=cards][data-size="4"]:not(.single_line) .item_card:nth-child(4) { border-radius: 0 0.25rem 0 0; }
    .catalog[data-view=cards][data-size="5"]:not(.single_line) .item_card:nth-child(5) { border-radius: 0 0.25rem 0 0; }

    .catalog[data-view=cards].single_line .item_card:first-child:last-child { border-radius: 0.25rem; }
    .catalog[data-view=cards].single_line .item_card:first-child:not(:last-child) { border-radius: 0.25rem 0 0 0.25rem; }
    .catalog[data-view=cards].single_line .item_card:last-child:not(:first-child) { border-radius: 0 0.25rem 0.25rem 0; }

    .catalog[data-view=cards]:not(.single_line) .item_card.float_rounded:last-child { border-radius: 0 0 0.25rem 0.25rem; }
    .catalog[data-view=cards]:not(.single_line) .item_card.float_rounded:not(:last-child),
    .catalog[data-view=cards]:not(.single_line) .item_card.last_line_item { border-radius: 0 0 0 0.25rem; }
    .catalog[data-view=cards]:not(.single_line) .item_card.float_prev { border-radius: 0 0 0.25rem 0; }
    
}

@media screen and (min-width: 40.0625em) and (max-width: 63.9375em) { /* 641-1023 */
    
    .scroller_controls { right: 0; }
    
}

@media screen and (min-width: 26.3125em) and (max-width: 45.125em) { /* 412-722*/
    
    .catalog[data-view=list] .item_card { grid-template-columns: 17.51% auto 17.51%; }
    .catalog[data-view=list] .item_title { margin-bottom: 0.5rem; }
    .catalog[data-view=list] .item_title a { font-size: 1rem; }
    .catalog[data-view=list] .item_options { margin-top: 0; }
    .catalog[data-view=list] .add_favs { top: auto; right: 17.51%; bottom: 1rem; margin-right: -0.625rem; }
    .catalog[data-view=list] .item_descr { max-height: 3.25rem; }
    .catalog[data-view=list] .item_descr span { font-size: 0.8125rem; }
    .catalog[data-view=list] .item_buy { grid-row-end: 3; }
    .catalog[data-view=list] .item_status { font-size: 0.8125rem; left: 17.51%; }
    .catalog[data-view=list] .item_price { font-size: 0.875rem; margin-bottom: 1rem; }
    .catalog[data-view=list] .item_price > * { display: block; }
    .catalog[data-view=list] .item_price b { font-size: 1rem; margin-bottom: 0.25rem; }
    .catalog[data-view=list] .item_card .buy { position: static; float: right; margin-bottom: -0.375rem; }
    .catalog[data-view=list] .oop .item_buy { padding-right: 0; margin-bottom: 3.25rem; }
    .catalog[data-view=list] .oop .item_price { font-size: 0.75rem; white-space: normal; }
    .catalog[data-view=list] .item_card.show_ap .admin_price { width: 14rem; left: auto; }
    .catalog[data-view=list] .item_card.show_ap .item_descr { opacity: 0; }
    .catalog[data-view=list] .item_card.show_ap .buy { visibility: visible; opacity: 1; }
    .catalog[data-view=list] .item_comments, .catalog[data-view=list] .warehouses { right: 17.51%; margin-right: 1.625rem; }
    .catalog[data-view=price] .item_title { margin: -1rem 1rem 0 1rem; }
    .catalog[data-view=price] .item_articul { left: 4.5rem; }
    
}

@media screen and (min-width: 33em) and (max-width: 63.9375em) { /* 528-1023 */
    
    .sidebar .comments_box {
        column-count: 2;
        column-gap: 5.5%;
    }
    
    .sidebar .comments_box dl { overflow: hidden; }
    
}

@media screen and (min-width: 50.0625em) and (max-width: 63.9375em) { /* 801 - 1023 */
    
    .product_page .breadcrumbs {
        position: absolute;
        left: 5%;
        right: 50%;
        padding-right: 1.5rem;
        margin: 0;
    }
    
    .product_photo { margin-top: 2.75rem; }
    
}