.smid.snwidthslb.s-panel, footer
{
    isolation : isolate;
}

.fa, body, html
{
    -moz-osx-font-smoothing : grayscale;
}

.fa
{
    display                : inline-block;
    font                   : 14px/1 FontAwesome;
    font-size              : inherit;
    text-rendering         : auto;
    -webkit-font-smoothing : antialiased;
}

:root
{
    --p-cc1                 : #346998;
    --p-ac1                 : 62 124 180;
    --s-cc1                 : #2a3d79;
    --s-cc2                 : #1a4868;
    --p-cc2                 : #f7cc47;
    --p-ac2                 : 247 204 71;
    --l-cc                  : #fff;
    --l-ac                  : 255 255 255;
    --l-cc1                 : #f5f5f5;
    --l-cc2                 : #dee6ee;
    --l-cc3                 : #e4e4e4;
    --l-cc4                 : #bacddf;
    --d-cc                  : #000;
    --d-ac                  : 0 0 0;
    --low-range             : clamp(6px, 6px + (8 - 6) * (100vw - 731.4px) / (1523 - 731.4), 8px);
    --middle-range          : clamp(4.5px, 4.5px + (8 - 4.5) * (100vw - 731.4px) / (1523 - 731.4), 8px);
    --super-range           : clamp(2px, 2px + (8 - 2) * (100vw - 731.4px) / (1523 - 731.4), 8px);
    --l-gap-04              : calc(0.50 * var(--low-range));
    --m-gap-04              : calc(0.50 * var(--middle-range));
    --s-gap-04              : calc(0.50 * var(--super-range));
    --l-gap-06              : calc(0.75 * var(--low-range));
    --m-gap-06              : calc(0.75 * var(--middle-range));
    --s-gap-06              : calc(0.75 * var(--super-range));
    --l-gap-08              : calc(1.00 * var(--low-range));
    --m-gap-08              : calc(1.00 * var(--middle-range));
    --s-gap-08              : calc(1.00 * var(--super-range));
    --l-gap-10              : calc(1.25 * var(--low-range));
    --m-gap-10              : calc(1.25 * var(--middle-range));
    --s-gap-10              : calc(1.25 * var(--super-range));
    --l-gap-12              : calc(1.50 * var(--low-range));
    --m-gap-12              : calc(1.50 * var(--middle-range));
    --s-gap-12              : calc(1.50 * var(--super-range));
    --l-gap-14              : calc(1.75 * var(--low-range));
    --m-gap-14              : calc(1.75 * var(--middle-range));
    --s-gap-14              : calc(1.75 * var(--super-range));
    --l-gap-16              : calc(2.00 * var(--low-range));
    --m-gap-16              : calc(2.00 * var(--middle-range));
    --s-gap-16              : calc(2.00 * var(--super-range));
    --l-gap-18              : calc(2.25 * var(--low-range));
    --m-gap-18              : calc(2.25 * var(--middle-range));
    --s-gap-18              : calc(2.25 * var(--super-range));
    --l-gap-20              : calc(2.50 * var(--low-range));
    --m-gap-20              : calc(2.50 * var(--middle-range));
    --s-gap-20              : calc(2.50 * var(--super-range));
    --l-gap-22              : calc(2.75 * var(--low-range));
    --m-gap-22              : calc(2.75 * var(--middle-range));
    --s-gap-22              : calc(2.75 * var(--super-range));
    --l-gap-24              : calc(3.00 * var(--low-range));
    --m-gap-24              : calc(3.00 * var(--middle-range));
    --s-gap-24              : calc(3.00 * var(--super-range));
    --l-gap-26              : calc(3.25 * var(--low-range));
    --m-gap-26              : calc(3.25 * var(--middle-range));
    --s-gap-26              : calc(3.25 * var(--super-range));
    --l-gap-28              : calc(3.50 * var(--low-range));
    --m-gap-28              : calc(3.50 * var(--middle-range));
    --s-gap-28              : calc(3.50 * var(--super-range));
    --l-gap-30              : calc(3.75 * var(--low-range));
    --m-gap-30              : calc(3.75 * var(--middle-range));
    --s-gap-30              : calc(3.75 * var(--super-range));
    --l-gap-32              : calc(4.00 * var(--low-range));
    --m-gap-32              : calc(4.00 * var(--middle-range));
    --s-gap-32              : calc(4.00 * var(--super-range));
    --l-gap-34              : calc(4.25 * var(--low-range));
    --m-gap-34              : calc(4.25 * var(--middle-range));
    --s-gap-34              : calc(4.25 * var(--super-range));
    --l-gap-36              : calc(4.50 * var(--low-range));
    --m-gap-36              : calc(4.50 * var(--middle-range));
    --s-gap-36              : calc(4.50 * var(--super-range));
    --l-gap-38              : calc(4.75 * var(--low-range));
    --m-gap-38              : calc(4.75 * var(--middle-range));
    --s-gap-38              : calc(4.75 * var(--super-range));
    --l-gap-40              : calc(5.00 * var(--low-range));
    --m-gap-40              : calc(5.00 * var(--middle-range));
    --s-gap-40              : calc(5.00 * var(--super-range));
    --l-gap-42              : calc(5.25 * var(--low-range));
    --m-gap-42              : calc(5.25 * var(--middle-range));
    --s-gap-42              : calc(5.25 * var(--super-range));
    --l-gap-44              : calc(5.50 * var(--low-range));
    --m-gap-44              : calc(5.50 * var(--middle-range));
    --s-gap-44              : calc(5.50 * var(--super-range));
    --l-gap-46              : calc(5.75 * var(--low-range));
    --m-gap-46              : calc(5.75 * var(--middle-range));
    --s-gap-46              : calc(5.75 * var(--super-range));
    --l-gap-48              : calc(6.00 * var(--low-range));
    --m-gap-48              : calc(6.00 * var(--middle-range));
    --s-gap-48              : calc(6.00 * var(--super-range));
    --l-gap-50              : calc(6.25 * var(--low-range));
    --m-gap-50              : calc(6.25 * var(--middle-range));
    --s-gap-50              : calc(6.25 * var(--super-range));
    --l-gap-56              : calc(7.00 * var(--low-range));
    --m-gap-56              : calc(7.00 * var(--middle-range));
    --s-gap-56              : calc(7.00 * var(--super-range));
    --l-gap-60              : calc(7.50 * var(--low-range));
    --m-gap-60              : calc(7.50 * var(--middle-range));
    --s-gap-60              : calc(7.50 * var(--super-range));
    --l-gap-150             : calc(18.75 * var(--low-range));
    --m-gap-150             : calc(18.75 * var(--middle-range));
    --s-gap-150             : calc(18.75 * var(--super-range));
    --fs0                   : 14px;
    --fs1                   : var(--l-gap-28);
    --fs2                   : max(20px, var(--l-gap-24));
    --fs3                   : max(18px, var(--l-gap-22));
    --fs4                   : max(16px, var(--l-gap-20));
    --fs5                   : max(14px, var(--l-gap-18));
    --fs6                   : min(2vmax, var(--l-gap-16));
    --fs7                   : clamp(12px, 12px + (14 - 12) * (100vw - 731.4px) / (1523 - 731.4), 14px);
    --fs8                   : clamp(10px, 10px + (14 - 10) * (100vw - 731.4px) / (1523 - 731.4), 14px);
    --fs9                   : clamp(11px, 11px + (15 - 11) * (100vw - 731.4px) / (1523 - 731.4), 15px);
    --ff0                 : system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --ff1                   : Poppins, var(--ff0);
    --r-bdrs                : 4px;
    --r-shadow              : 1px 2px 3px rgb(0 0 0 / 18%), 2px 2.5px 5px -0.3px hsl(var(--shadow-color) / 0.21);
    --r-txs                 : 0 1px 3px rgba(0, 0, 0, 0.6);
    --r-pdinline            : var(--m-gap-28);
    --r-pdblock             : var(--m-gap-28);
    --b-paddig              : var(--r-pdblock) var(--r-pdinline);
    --font-variation-weight : 400;
    --font-variation-italic : 0;
    --font-variation-serif  : 0;
    --shadow-color          : 252deg 100% 18%;
}

*, ::after, ::before
{
    box-sizing                  : border-box;
    border                      : 0 solid #e5e7eb;
    -webkit-tap-highlight-color : transparent;
}

html
{
    scroll-behavior : smooth;
}

[id=scroll].scrolltop
{
    position         : fixed;
    bottom           : 95px;
    right            : 10px;
    color            : var(--s-cc1);
    box-shadow       : inset -1px -1px 2px rgb(0 0 0 / 35%);
    outline          : 2px solid var(--p-cc1);
    border-radius    : 50%;
    backdrop-filter  : blur(2px);
    background-color : rgb(var(--l-ac) / 35%);
    opacity          : calc(var(--scaleX, .2) * 1.75);
    z-index          : 3;
    width            : var(--l-gap);
    height           : 44px;
}

[id=scroll].scrolltop > *
{
    width  : inherit;
    height : inherit;
}

u.page_top_side
{
    position : absolute;
    right    : 100%;
    bottom   : 100%;
    z-index  : -10;
}

body, html
{
    -webkit-font-smoothing   : antialiased;
    -webkit-text-size-adjust : 100%;
    line-height              : normal;
    transition               : none;
    text-rendering           : optimizeSpeed;
}


body
{
    font-family      : Poppins, sans-serif;
    font-size        : var(--fs0);
    line-height      : 1.5;
    letter-spacing   : 0;
    min-height       : 100vh;
    min-width        : 280px;
    overflow-x       : hidden;
    color            : var(--d-cc);
    background-color : var(--l-cc);
}

@supports (min-height: 100svh)
{
    body
    {
        min-height : 100svh;
    }
    
}

a, button, div, h1, h2, h3, h4, h5, h6, input, li, p, select, span
{
    font-family    : var(--ff1);
    text-rendering : optimizeSpeed;
    line-height    : 1.43;
}

h1
{
    font-size : var(--fs1);
}

h2
{
    font-size : var(--fs2);
}

h3
{
    font-size : var(--fs3);
}

h4
{
    font-size : var(--fs4);
}
[id=blog] .product-block
{
    isolation: isolate;
}
[id=blog] .product-block .blog-left
{
    z-index: 2;
}


.product-block .webi_post_hover
{
    transform        : scale(1.4);
    border-radius    : 150%;
    outline-offset   : -250px;
    outline          : 200px double var(--l-cc2);
    transition       : 500ms ease-in;
    background-color : rgba(0, 0, 0, .5);
}

.product-block:hover .webi_post_hover
{
    transform        : scale(1);
    border-radius    : var(--r-bdrs) !important;
    outline          : 12px double rgb(62 124 180 / 50%);
    outline-offset   : -17px;
    background-color : rgb(255 255 255 / 25%);
    transition       : 750ms ease-in-out
    
}
[id=blog] .product-block .blog-right
{
    background-color : var(--l-cc2);
    padding          : var(--b-paddig) !important;
    border-radius    : var(--r-bdrs);
    margin-block-start    : calc(-1 * var(--r-bdrs));
    margin-inline: 0;
    z-index          : 1;
    width            : auto;
}

@media screen and (min-width: 850.4px)
{
    [id=blog] .product-block .blog-right
    {
        width            : calc(50% + var(--r-bdrs));
        margin-inline    : calc(-1 * var(--r-bdrs));
        margin-block-start: 0;
    }
}

[id=blog] .product-block .blog-right .bs .blogdt > :first-child
{
    font-size   : var(--fs4);
    text-wrap   : balance;
    line-height : 1.1;
    min-height  : calc(var(--l-gap-60) + 4px);
}

[id=blog] .product-block .blog-right .bs .bl, a, button, h6, li, p, select
{
    font-size : var(--fs5);
}

.headline, [id^=eapps-instagram-feed-] .eapps-instagram-feed-title
{
    display        : grid !important;
    font-size      : var(--fs4, 18px) !important;
    font-weight    : 500 !important;
    line-height    : 1.43 !important;
    grid-template  :repeat(2, minmax(1px, max-content))/100%;
    justify-items  : start;
    gap            : max(4px, var(--l-gap-06));
    text-transform : capitalize;
    text-align     : left;
    padding        : 0;
}

.eapps-instagram-feed-title::after, .eapps-instagram-feed-title::before, .headline::after, .headline::before
{
    content  : "";
    display  : block;
    grid-row : 2;
}

#common-home #content .sellb a .hover, #common-home #content .sellb a::after, #common-home #content .sellb > .row::after, #common-home #content .sellb > .row::before, #common-home #content > ::after, #common-home #content > ::before, #common-home #content > br, .allmb > .row::after, .allmb > .row::before, .breadcrumb a::after, .breadcrumb > li + li::before, .spec_th_actions, .y-header::after, .y-header::before, .y-header__item .navbar-header::after, .y-header__item .navbar-header::before, .y-header__item.is_menu .smenus_overlay .smenus_link::after, .y-header__item.is_menu::after, .y-header__item.is_menu::before, .y-header__item.is_message br, [id^=account].container > .row::after, [id^=account].container > .row::before, box.blog_webi .row::after, box.blog_webi .row::before, div[class^=elfsight-app-]:empty
{
    display : none;
}

.eapps-instagram-feed-title::before, .headline::before
{
    width            : 100%;
    height           : 1px;
    background-color : var(--l-cc2);
    grid-column      : 1/-1;
}

.eapps-instagram-feed-title::after, .headline::after
{
    width            : 80px;
    height           : 1px;
    background-color : var(--p-cc1);
    grid-column      : 1;
}

img
{
    max-width         : 100%;
    height            : auto;
    vertical-align    : middle;
    font-size         : initial;
    background-repeat : no-repeat;
    background-size   : cover;
    shape-margin      : 1rem;
}

.scrolllinebar
{
    display          : flex;
    background-color : rgb(186 205 223 / 50%);
    position         : fixed;
    inset            : 0 0 auto 0;
    height           : var(--l-gap-04);
    z-index          : 100;
    grid-row         : 2;
}

.scrolllinebar_progress
{
    -ms-transform            : scaleX(0);
    transform                : scaleX(0);
    -webkit-transform-origin : left;
    transform-origin         : left;
    background-color         : #4e7baf;
    will-change              : transform, scale;
    flex-basis               : 100%;
    border-radius            : var(--s-gap-06);
}

/* #Progress
================================================== */
:root
{
    
    --red                : #da2c4d;
    --yellow             : #f8ab37;
    --green              : #2ecc71;
    --white              : #fff;
    --grey-light         : #f2f7f9;
    --grey               : #ecedf3;
    --black              : #080808;
    --black-blue         : #1f2029;
    --black-blue-light   : #353746;
    --black-blue-light-2 : #404255;
    --black-blue-light-3 : #4b4d64;
    --black-light        : #424455;
}

.progress-line
{
    position           : fixed;
    right              : 50px;
    bottom             : 50px;
    height             : 46px;
    width              : 46px;
    cursor             : pointer;
    display            : block;
    border-radius      : 50px;
    box-shadow         : inset 0 0 0 2px rgb(0 0 0 / 20%);
    z-index            : 10000;
    opacity            : 0;
    visibility         : hidden;
    transform          : translateY(15px);
    -webkit-transition : all 200ms linear;
    transition         : all 200ms linear;
    background-color   : transparent;
}

.progress-line.is_active
{
    opacity    : 1;
    visibility : visible;
    transform  : translateY(0);
}

.progress-line::after
{
    position   : absolute;
    
    /*font-family: 'unicons';*/
    /*content: '\e84b';*/
    /*text-align: center;*/
    /*line-height: 46px;*/
    /*font-size: 24px;*/
    color      : var(--grey);
    left       : 0;
    top        : 0;
    height     : 46px;
    width      : 46px;
    cursor     : pointer;
    display    : block;
    z-index    : 1;
    transition : all 200ms linear;
}

.progress-line:hover::after
{
    opacity : 0;
}

.progress-line::before
{
    position                : absolute;
    /*font-family: 'unicons';*/
    content                 : "";
    position                : absolute;
    inset                   : 0 0;
    
    text-align              : center;
    line-height             : 46px;
    font-size               : 24px;
    opacity                 : 0;
    background-image        : linear-gradient(298deg, var(--red), var(--yellow));
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent;
    background-color        : transparent;
    left                    : 0;
    top                     : 0;
    height                  : 46px;
    width                   : 46px;
    cursor                  : pointer;
    display                 : block;
    z-index                 : 2;
    -webkit-transition      : all 200ms linear;
    transition              : all 200ms linear;
}

.progress-line:hover::before
{
    opacity : 1;
}

.progress-line svg path
{
    fill : none;
}

.progress-line svg.progress-circle path
{
    stroke             : var(--grey);
    stroke-width       : 4;
    box-sizing         : border-box;
    -webkit-transition : all 200ms linear;
    transition         : all 200ms linear;
}


.y-header_overlay
{
    --h-logo         : 41px;
    --h-spec         : 45px;
    --h-text         : 12px;
    position         : relative;
    background-color : var(--l-cc, #fff);
    box-shadow       : 0 5px 6px -4px rgb(0 0 0 / 55%);
    display          : grid;
    grid-template    :1fr var(--h-speec, auto)/100%;
}

.allmb .allcomment:only-child, .scrolllinebar, .y-header
{
    grid-column : 1/-1;
}

.y-header
{
    grid-row              : 1/-1;
    padding-block         : var(--l-gap-12) var(--s-gap-30);
    height                : unset;
    margin-bottom         : 0;
    display               : -ms-grid;
    display               : grid;
    align-content         : stretch;
    grid-gap              : 0 var(--l-gap-14);
    /*grid-template-rows:minmax(var(--h-logo, 1px), max-content) minmax(var(--h-text), max-content) minmax(var(--h-spec, 1px), max-content);*/
    grid-template-columns :minmax(30px, max-content) 1fr minmax(100px, max-content);
    grid-template-areas   :"is_menu is_logo is_actions" "is_message is_message is_actions" "is_search is_search is_spec";
}

.y-header_overlay + a + div
{
    padding-top : var(--m-gap-50);
}

.y-header__item
{
    display : -ms-grid !important;
    display : grid !important;
}

.y-header__item.is_menu
{
    grid-area : is_menu;
}

.y-header__item.is_logo
{
    grid-area : is_logo;
}

.y-header__item.is_spec
{
    grid-area : is_spec;
}

.y-header__item.is_actions
{
    grid-area : is_actions;
}

.y-header__item.is_search
{
    grid-area : is_search;
    margin    : 0;
}

.y-header__item.is_message
{
    grid-area : is_message;
    display   : none;
}

.y-header__item.is_support
{
    grid-area : is_support;
}

.y-header__item.is_menu .navbar-header button .fa
{
    color : var(--p-cc1);
}

.y-header__item.is_menu .navbar-header button
{
    margin          : 0 !important;
    padding         : 0 !important;
    display         : flex;
    justify-content : start;
    align-items     : center;
}

.y-header__item.is_menu .cate-menu
{
    height           : 100%;
    background-color : var(--l-cc, #fff);
    display          : grid;
    grid-template    :auto 1fr/100%;
}

.banner-block, .y-header__item.is_menu .sidenav .close-nav
{
    background-color : var(--p-cc1);
}

.y-header__item.is_menu .closebtn
{
    position         : absolute;
    width            : 44px;
    height           : 44px;
    display          : flex;
    justify-content  : center;
    align-items      : center;
    background-color : var(--p-cc1);
    right            : 30px;
    top              : 0;
    transition       : 350ms ease-in-out;
}

.y-header__item.is_menu .sidenav
{
    padding-right    : 44px;
    background-color : transparent;
    box-shadow       : none;
    filter           : drop-shadow(2px 4px 6px rgb(0 0 0 / 30%));
    transform        : translateX(-100%);
    width            : 80% !important;
}

.y-header__item.is_menu .special_button, .y-header__item.is_spec samp
{
    background-color : var(--p-cc1);
    color            : var(--l-cc, #fff);
}

.y-header__item.is_menu .sidenav > *
{
    opacity    : 0;
    transition : 250ms ease-in-out;
}

.y-header__item.is_menu .categories
{
    white-space : normal;
}

.y-header__item.is_menu .special_button, .y-header__item.is_message > *
{
    white-space    : nowrap;
    letter-spacing : 0;
    font-weight    : 500;
    font-family    : var(--ff1);
}

body.active .y-header__item.is_menu .sidenav
{
    transform : translateX(0);
}

body.active .y-header__item.is_menu .sidenav > *
{
    opacity            : 1;
    -webkit-transition : 250ms ease-in-out .1s;
    -o-transition      : 250ms ease-in-out .1s;
    transition         : 250ms ease-in-out .1s;
}

body.active .y-header__item.is_menu .closebtn
{
    right : 1px;
}

.y-header__item.is_menu .title-menu
{
    position : static;
}

.y-header__item.is_menu #menu
{
    background-color : transparent;
    width            : -webkit-max-content;
    width            : -moz-max-content;
    width            : max-content;
}

.y-header__item.is_menu .wr-menu
{
    padding           : var(--s-gap-06) var(--s-gap-14);
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    gap               : var(--s-gap-06);
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    min-height        : var(--h-spec);
}

.y-header__item.is_menu .btn-navbar.navbar-toggle
{
    min-width  : 24px;
    min-height : 24px;
}

.y-header__item.is_menu #wr-menu-icon
{
    font-size : 14px;
}

.box.blog_webi .headline, .box.blog_webi .row, .y-header__item.is_menu .fa.pull-right, .y-header__item.is_menu .navbar .cate, [data-list=price] > *, [id=blog] .product-block .blog-right .bs *, [id^=banner] .banner-text > *
{
    margin : 0;
}

.y-header__item.is_menu .navbar .btn-navbar.navbar-toggle
{
    bottom : 0;
}

.y-header__item.is_menu
{
    place-items    : center stretch;
    display        : flex;
    flex-direction : column;
    flex-grow      : 1;
}

#common-home #content .sellb > .row,
#common-home #content .sellb > .row > .beffect,
.allmb > .row, .breadcrumb > li,
.spec-table tbody, .spec-table tfoot,
.spec-table thead, .spec-table tr,
.y-header__action_cart,
.y-header__item.is_menu .smenus_overlay:not(.and_menu),
[id=blog] .product-block .blog-right .bs .blogdt,
.box.blog_webi > .row
{
    display : contents;
}

.y-header__item.is_menu .smenus_overlay.and_menu
{
    -webkit-box-flex      : 1;
    flex-grow             : 1;
    position              : relative;
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
}

.y-header__item.is_menu .smenus_overlay.and_menu::after
{
    content          : "";
    position         : absolute;
    inset            : -10px -10px;
    background-color : transparent;
}

.y-header__item.is_menu .smenus_overlay.and_menu::before
{
    content                  : "";
    position                 : absolute;
    inset                    : var(--m-gap-10) 0;
    -webkit-transform-origin : 50% -30%;
    transform-origin         : 50% -30%;
    background-color         : rgb(186 205 223 / 100%);
    border-radius            : var(--r-bdrs);
    -webkit-transition       : .5s;
    -o-transition            : .5s;
    transition               : .5s;
}

.y-header__item.is_menu .smenus_overlay.and_menu:hover::before
{
    inset-block        : calc(-1.5 * var(--m-gap-10));
    inset-inline       : 0;
    -webkit-transition : .3s;
    -o-transition      : .3s;
    transition         : .3s;
    background-color   : rgb(186 205 223 / 50%);
    -ms-transform      : translateY(30px) scale(1, 1);
    transform          : translateY(30px) scale(1, 1);
    border-radius      : calc(.5 * var(--r-bdrs));
}

.y-header__item.is_menu .smenus_overlay .smenus_link
{
    -webkit-box-flex  : 1;
    flex-grow         : 1;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    text-align        : center;
    font-weight       : 400;
    font-family       : var(--ff1);
    font-size         : var(--fs9) !important;
    height            : var(--h-spec);
    position          : relative;
}

.sidenav .smenus_link:hover
{
    background-color : var(--p-cc2);
}

.y-header__item.is_menu .smenus_overlay.and_menu:hover
{
    -webkit-filter : drop-shadow(2px 2px 2px rgb(120 148 177 / 50%));
    filter         : drop-shadow(2px 2px 2px rgb(120 148 177 / 50%));
}

.y-header__item.is_menu .smenus_overlay:hover .smenus_link
{
    background-color   : var(--p-cc2) !important;
    color              : var(--d-cc, #000);
    border-radius      : calc(var(--r-bdrs) * 1.5);
    height             : calc(var(--h-spec) - 12px);
    -webkit-transition : 250ms;
    -o-transition      : 250ms;
    transition         : 250ms;
}

.y-header__item.is_menu .smenus_overlay:not(:hover) .dropdown-menu
{
    pointer-events : none;
}

.y-header__item.is_menu .smenus_overlay.and_menu .dropdown-menu
{
    opacity                  : 0;
    left                     : 50%;
    -webkit-transform-origin : 50% 55%;
    transform-origin         : 50% 55%;
    -webkit-transition       : 280ms;
    -o-transition            : 280ms;
    transition               : 280ms;
    display                  : -ms-grid;
    display                  : grid;
    -ms-grid-columns         : 100%;
    grid-template-columns    :100%;
    grid-gap                 : var(--l-gap-10) var(--l-gap-10);
    -webkit-box-shadow       : none;
    box-shadow               : none;
    border                   : none;
}

.y-header__item.is_menu .smenus_overlay.and_menu:hover .dropdown-menu
{
    opacity    : 1;
    top        : calc(100% + var(--s-gap-10)) !important;
    transform  : translate(-50%, -5px) scale(1, 1);
    transition : .4s 350ms;
}

.y-header__item.is_menu .smenus_overlay.and_menu:hover .dropdown-menu .smenus_link:hover
{
    background-color : var(--p-cc1) !important;
    color            : var(--l-cc, #fff);
}

.y-header__item.is_menu .special_button
{
    font-size       : clamp(10px, 10px + (13 - 10) * (100vw - 731.4px) / (1523 - 731.4), 13px);
    text-shadow     : var(--r-txs);
    padding         : var(--m-gap-08) var(--s-gap-10);
    border-radius   : var(--r-bdrs);
    min-height      : var(--h-spec);
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-align      : center;
    text-transform  : uppercase;
    height          : auto;
    max-height      : none;
}

.y-header__item.is_menu .special_button:hover
{
    background-color : var(--p-cc2);
    color            : var(--d-cc, #000);
}

.y-header__item.is_actions
{
    grid-template-columns :repeat(2, minmax(60px, max-content) 1px);
    place-items           : center;
    place-content         : stretch end;
    grid-gap              : var(--l-gap-08) var(--m-gap-08);
}

.y-header__item.is_logo, [id^=banner] .banner-text
{
    place-content : space-evenly start;
}

.y-header__item.is_actions > *
{
    margin  : 0;
    padding : 0;
}

.y-header__action_cart::before
{
    content               : "";
    width                 : 1px;
    height                : 56%;
    -ms-grid-row-align    : center;
    -ms-grid-column-align : center;
    place-self            : center;
    background-color      : var(--l-cc2);
    -webkit-box-shadow    : 1px 1px 2px rgba(0 0 0 / 18%);
    box-shadow            : 1px 1px 2px rgba(0 0 0 / 18%);
}

.y-header__action_cart #cart
{
    padding : 0;
    margin  : 0;
    border  : none;
}

.y-header__item.is_logo .y-header__logo
{
    aspect-ratio : 250/94;
    height       : var(--h-logo);
    width        : auto;
}

.y-header__item.is_logo .y-header__logo img
{
    display            : block;
    max-width          : 100%;
    height             : 100%;
    -o-object-fit      : contain;
    object-fit         : contain;
    -o-object-position : center left;
    object-position    : center left;
}

.y-header__logo.is_text
{
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    min-width         : var(--h-spec);
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    font-size         : var(--fs1);
    line-height       : 1;
}

.y-header__item.is_message
{
    position              : relative;
    z-index               : 2;
    -ms-grid-row-align    : start;
    -ms-grid-column-align : start;
    place-self            : start;
}

.y-header__item.is_message > *
{
    font-size   : var(--fs6);
    font-style  : italic;
    text-wrap   : balance;
    color       : var(--cc3);
    width       : -webkit-fit-content;
    width       : -moz-fit-content;
    width       : fit-content;
    line-height : 1;
    font-size   : var(--fs8);
    color       : rgb(86 128 176 / 60%);
    text-shadow : 1px 1px 1px rgb(0 0 0 / 10%);
}

.y-header__item.is_spec
{
    margin            : 0;
    padding           : 0;
    height            : unset;
    min-height        : unset;
    cursor            : pointer;
    background-color  : var(--l-cc4);
    -webkit-box-align : stretch;
    -ms-flex-align    : stretch;
    align-items       : stretch;
    grid-gap          : var(--l-gap-06);
    grid-template     :1fr/1fr minmax(28px, max-content);
}

.y-header__item.is_spec .spec_count, .y-header__item.is_spec .spec_text
{
    display     : -ms-grid;
    display     : grid;
    place-items : center stretch;
}

.y-header__item.is_spec .spec_text
{
    padding-block         : var(--l-gap-04);
    -webkit-padding-start : var(--l-gap-08);
    padding-inline-start  : var(--l-gap-08);
}

.y-header__item.is_spec .spec_count
{
    padding     : 3px;
    font-weight : 500;
}

.y-header__item.is_spec .spec_text, .y-header__item.is_spec b, .y-header__item.is_spec span
{
    font-weight : 400;
    font-size   : var(--fs7) !important;
    font-family : var(--ff1);
}

.y-header__item.is_search #search
{
    border : none !important;
}

.y-header__item.is_search #search .btn-lg
{
    height  : 40px;
    padding : var(--s-gap-06) var(--s-gap-30);
}

.y-header__item.is_search #search .input-lg
{
    height           : 40px;
    aspect-ratio     : 1/1;
    line-height      : 36px;
    background-color : rgb(186 205 223 / 50%);
    padding-inline   : var(--m-gap-16) !important;
}

.y-header__item.is_search #search .input-lg::-webkit-input-placeholder
{
    color       : var(--d-cc, #000);
    font-weight : 400;
    font-size   : var(--fs7);
    font-family : var(--ff1);
}

.y-header__item.is_search #search .input-lg::-moz-placeholder
{
    color       : var(--d-cc, #000);
    font-weight : 400;
    font-size   : var(--fs7);
    font-family : var(--ff1);
}

.y-header__item.is_search #search .input-lg:-ms-input-placeholder
{
    color       : var(--d-cc, #000);
    font-weight : 400;
    font-size   : var(--fs7);
    font-family : var(--ff1);
}

.y-header__item.is_search #search .input-lg::-ms-input-placeholder
{
    color       : var(--d-cc, #000);
    font-weight : 400;
    font-size   : var(--fs7);
    font-family : var(--ff1);
}

.y-header__item.is_search #search .input-lg, .y-header__item.is_search #search .input-lg::placeholder
{
    color       : var(--d-cc, #000);
    font-weight : 400;
    font-size   : var(--fs7);
    font-family : var(--ff1);
}

.y-header__item.is_support .top-1-t
{
    white-space  : nowrap !important;
    word-spacing : -.14em;
}

.y-header__item.is_support .top-static-d
{
    white-space : nowrap !important;
    text-align  : center;
}

@media (min-width : 1px) and (max-width : 767px)
{
    .y-header
    {
        box-shadow : 0 3px 6px rgb(0 0 0 / 30%);
    }
    
    .y-header__item.is_menu .special_button.special_button
    {
        display : none !important;
    }
    
    .y-header__item.is_menu .navbar-header
    {
        display : contents;
    }
    
    .y-header__item.is_menu .navbar-header button .fa
    {
        margin-top : 8px;
        font-size  : 30px;
        color      : var(--p-cc1);
    }
    
    .y-header__item.is_menu .title-menu.wr-left-menu
    {
        position : absolute;
    }
    
    .y-header__item.is_spec .spec_count, .y-header__item.is_spec .spec_text
    {
        font-size : var(--fs8);
    }
    
    .y-header__item.is_search, .y-header__item.is_spec
    {
        -webkit-margin-before : 5px;
        margin-block-start    : 5px;
    }
    
    .y-header__item.is_actions #cart svg, .y-header__item.is_actions .acc svg
    {
        fill : var(--p-cc1);
    }
    
    
}

@media (min-width : 100px) and (max-width : 840px)
{
    .y-header__item.is_support.is_support
    {
        display : none !important;
    }
    
    [data-menu="category"]
    {
        display               : grid;
        grid-gap              : var(--m-gap-12);
        grid-template-columns : 100%;
    }
    
    #menu .nav > li > a
    {
        padding-inline : calc(var(--r-pdinline) / 2) !important;
        filter         : inherit;
    }
    
    #menu .nav > li:hover > a,
    #menu .nav > li.open > a
    {
        background-color     : var(--p-cc2);
        padding-inline-start : calc(var(--r-pdinline) / 2 - 2px);
        box-shadow           : 0 0 0 1px var(--l-cc2);
    }
    
    #menu .nav > li:hover > a + .dropdown-menu,
    #menu .nav > li.open > a + .dropdown-menu
    {
        margin-block-start : calc(-1 * var(--r-bdrs));
    }
    
    #menu .nav > li.open
    {
        filter : drop-shadow(0px 2px 4px rgb(0 0 0 / 12%));
        
    }
    
    #menu .nav > li.open .dropdown-menu
    {
        box-shadow    : 0 0 0 1px var(--l-cc2);
        width         : calc(100% - 10px) !important;
        margin-inline : 5px !important;
    }
}

@media (min-width : 485px)
{
    .y-header_overlay
    {
        --h-logo : 48px;
    }
    
    .y-header
    {
        grid-template-columns :minmax(40px, max-content) minmax(var(--h-logo, 1px), max-content) 1fr minmax(100px, max-content);
        grid-template-areas   :"is_menu is_logo is_message is_actions" "is_search is_search is_search is_spec";
    }
    
    .y-header__item.is_menu .navbar-header button .fa
    {
        margin-top : 13px;
        font-size  : 32px;
    }
}

@media (min-width : 485px) and (max-width : 766.6px)
{
    .y-header__item.is_message
    {
        place-self     : end start;
        padding-bottom : 4px;
    }
}


@media (min-width : 766.6px)
{
    .scrolllinebar, .y-header_overlay::before
    {
        height  : calc(var(--h-spec) - 0px);
        left    : 0;
        right   : 0;
        z-index : -1;
        bottom  : 0;
    }
    
    .scrolllinebar
    {
        pointer-events   : none;
        width            : 100%;
        position         : relative;
        background-color : transparent;
    }
    
    .scrolllinebar_progress
    {
        transform        : scaleX(var(--scaleX, 0));
        background-color : rgb(60 173 157 / 16%);
    }
    
    .y-header__item.is_menu .title-menu::before
    {
        content  : "";
        display  : block;
        position : absolute;
        width    : 148px;
        inset    : calc(-1 * var(--s-gap-06)) 0 calc(-1 * var(--l-gap-40)) -2px;
        opacity  : 0;
    }
    
    .ico-menu
    {
        display       : grid;
        top           : 0;
        left          : 0;
        height        : calc(var(--h-spec) / 1.35);
        align-content : center;
        gap           : 3px;
    }
    
    .ico-menu > *
    {
        position      : relative !important;
        top           : unset !important;
        left          : unset !important;
        border-radius : var(--r-bdrs);
    }
    
    .y-header_overlay
    {
        --h-top-size: calc(var(--h-logo) + var(--h-text) + var(--m-gap-06) + var(--s-gap-12) + var(--l-gap-12));
        position  : -webkit-sticky;
        position  : sticky;
        top       : calc(0% - var(--h-top-size));
        z-index   : 10;
        isolation : isolate;
    }
    
    .y-header_overlay::before
    {
        content            : "";
        display            : block;
        position           : absolute;
        -webkit-box-shadow : 0 20px 35px -16px rgb(255 235 168 / 50%);
        box-shadow         : 0 20px 35px -16px rgb(255 235 168 / 50%);
        background-color   : rgb(186 205 223 / 50%);
    }
    
    .y-header
    {
        -webkit-padding-after : 0;
        padding-block-end     : 0;
        isolation             : isolate;
        grid-row-gap          : var(--s-gap-06);
        grid-template-columns :minmax(106px, max-content) .25fr 1.5fr .25fr minmax(170px, .15fr) minmax(106px, max-content);
        grid-template-areas   :"is_logo is_search is_search is_search is_support is_actions" "is_message is_message is_message is_message is_message is_message " "is_menu is_menu is_menu is_menu is_menu is_spec";
    }
    
    .y-header__item.is_menu
    {
        grid-gap              : var(--m-gap-16);
        grid-template-columns :fit-content(190px) 1fr .13fr;
    }
    
    .y-header__item.is_menu, .y-header__item.is_spec
    {
        position : relative;
    }
    
    .y-header__item.is_menu .navbar-header
    {
        display : none;
    }
    
    .y-header__item.is_menu .smenus
    {
        width             : 100%;
        min-height        : var(--h-spec);
        display           : -webkit-box;
        display           : -ms-flexbox;
        display           : flex;
        -webkit-box-align : center;
        -ms-flex-align    : center;
        align-items       : center;
        gap               : var(--m-gap-10);
    }
    
    .y-header__item.is_menu .smenus, .y-header__item.is_menu .smenus > li
    {
        margin  : 0;
        padding : 0;
    }
    
    .y-header__item.is_menu .smenus > li
    {
        display : contents;
    }
    
    .y-header__item.is_menu .smenus > li:not(:first-child)::before
    {
        content          : "";
        width            : 1px;
        height           : 23px;
        background-color : var(--l-cc4);
    }
    
    .y-header__item.is_search, .y-header__item.is_spec
    {
        -ms-grid-row-align    : stretch;
        -ms-grid-column-align : stretch;
        place-self            : stretch;
    }
    
    .y-header__item.is_actions, .y-header__item.is_search, .y-header__item.is_search #search .btn-lg, .y-header__item.is_search #search .input-lg, .y-header__item.is_spec
    {
        height                : var(--h-spec);
        -ms-grid-row-align    : end;
        -ms-grid-column-align : stretch;
        place-self            : end stretch;
    }
    
    .y-header__item.is_message
    {
        -ms-grid-row-align    : end;
        -ms-grid-column-align : stretch;
        place-self            : end stretch;
        padding-bottom        : var(--m-gap-06);
    }
    
    .y-header__item.is_support
    {
        -ms-grid-row-align    : end;
        -ms-grid-column-align : center;
        place-self            : end center;
        display               : grid;
        gap                   : var(--s-gap-14);
        align-content         : center;
        grid-template-columns :minmax(32px, max-content) 1fr;
        height                : var(--h-spec);
    }
    
    .y-header__item.is_menu .special_button, .y-header__item.is_menu .wr-menu, .y-header__item.is_spec
    {
        min-height : unset;
        margin     : 0;
        height     : calc(var(--h-spec) - var(--m-gap-14));
        place-self : center stretch;
    }
    
    .y-header__item.is_menu #menu
    {
        position         : unset;
        background-color : unset;
        box-shadow       : none;
    }
    
    .y-header__item.is_menu #menu.navbar::before .y-header__item.is_menu #menu.navbar::after
    {
        display : none !important;
    }
    
    .y-header__item.is_menu .wr-left-menu .sidenav
    {
        opacity            : 0;
        padding            : 0;
        transform-origin   : 0% center;
        width              : 20%;
        transform          : scale(1.1, 1) translate(4%, 0);
        position           : absolute;
        top                : 100%;
        left               : calc(var(--m-gap-18) / -2);
        display            : -ms-grid;
        display            : grid;
        z-index            : 10;
        background-color   : transparent;
        height             : calc(90vh - 110px);
        overflow           : hidden auto;
        border-radius      : var(--r-bdrs);
        -webkit-transition : 350ms;
        -o-transition      : 350ms;
        transition         : 350ms;
        pointer-events     : none;
    }
    
    .y-header__item.is_menu #under-menu
    {
        background-color : transparent;
        position         : unset;
        opacity          : 1;
    }
    
    .y-header__item.is_menu .navbar-ex1-collapse .nav
    {
        padding          : 0;
        background-color : var(--l-cc);
    }
    
    .y-header__item.is_menu .nav.navbar-nav::after, .y-header__item.is_menu .nav.navbar-nav::before, .y-header__item.is_menu .thumb_img.pull-left
    {
        display : none !important;
    }
    
    .y-header__item.is_menu #menu .collapse .nav > li + li
    {
        margin-top : var(--m-gap-10);
    }
    
    .y-header__item.is_menu #menu .nav > li > a i
    {
        position : unset;
    }
    
    .y-header__item.is_menu .nav.navbar-nav
    {
        display           : -ms-grid;
        display           : grid;
        pointer-events    : none;
        grid-auto-columns : 100%;
        grid-auto-rows    : minmax(44px, max-content);
        background-color  : var(--l-cc);
        border-radius     : var(--r-bdrs);
    }
    
    .y-header__item.is_menu #menu .dropdown-menu
    {
        margin-top : 0;
    }
    
    .y-header__item.is_menu .wr-left-menu:hover #under-menu, .y-header__item.is_menu .wr-left-menu:hover .nav.navbar-nav
    {
        pointer-events : auto;
    }
    
    .y-header__item.is_menu .wr-left-menu:hover .sidenav
    {
        opacity   : 1;
        top       : 85%;
        width     : 100%;
        transform : scale(1, 1) translate(0, 0);
    }
    
    .y-header__item.is_menu #under-menu .navbar-ex1-collapse
    {
        display          : block;
        background-color : transparent;
        padding          : 0;
    }
    
    [data-menu="information"] .dropdown-inner,
    [data-menu="information"] .list-unstyled,
    [data-menu="information"] .dropdown-submenu
    {
        display : contents !important;
    }
    
    
}

/* @media screen and (max-width : 766px) */
/* { */
/* 	.y-header_overlay */
/* 	{ */
/* 		--h-logo : 80px; */
/* 		--h-text : 20px; */
/* 		--h-spec : 50px; */
/* 	} */
/* } */
@media (min-width : 766.6px) and (max-width : 840px)
{
    .y-header_overlay
    {
        --h-logo : 48px;
        --h-text : 12px;
        --h-spec : 33px;
    }
    .y-header_overlay
    {
        --h-top-size : calc(var(--h-logo) + var(--h-text) + var(--m-gap-06) + var(--s-gap-04) + var(--l-gap-12));
    }
    
    .y-header
    {
        position              : relative;
        -webkit-padding-after : 0;
        padding-block-end     : 0;
        isolation             : isolate;
        grid-row-gap          : var(--s-gap-04);
        grid-template-columns :minmax(106px, max-content) .25fr 1.5fr .25fr minmax(170px, .15fr) minmax(106px, max-content);
        grid-template-areas   :"is_logo . is_search is_search is_actions is_spec" "is_message is_message is_message is_message is_message is_message " "is_menu is_menu is_menu is_menu is_menu is_menu";
    }
    
    .y-header__item.is_menu .special_button, .y-header__item.is_menu .wr-menu
    {
        height : calc(var(--h-spec) - var(--m-gap-10));
    }
    
    .y-header__item.is_spec
    {
        height     : var(--h-spec);
        place-self : end stretch;
    }
    
    .special_button
    {
        grid-column : 3;
        grid-row    : 1;
    }
}

@media (min-width : 1400px)
{
    .y-header__item.is_message
    {
        display : flex;
    }
}

#content.comp.col-xs-12
{
    width : 100%;
}

.breadcrumb
{
    display           : -ms-grid;
    display           : grid;
    grid-auto-flow    : column;
    overflow          : auto hidden;
    grid-auto-columns : max-content;
    place-items       : center start;
    gap               : var(--l-gap-06);
    max-width         : 100%;
    padding-bottom    : 10px;
    margin-bottom     : 5px !important;
    background-color  : transparent;
}

.slide[id^=slideshow], [id^=banner]
{
    -webkit-box-shadow : var(--r-shadow);
    overflow           : hidden;
    border-radius      : calc(var(--r-bdrs) + 1px);
}

.breadcrumb > li:not(:last-child)::after
{
    content          : "";
    width            : 2px;
    height           : 120%;
    -ms-transform    : translateY(-10%);
    transform        : translateY(-10%);
    border-radius    : var(--r-bdrs);
    background-color : var(--l-cc2);
}

.breadcrumb li:first-child > a
{
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : start;
    -ms-flex-pack     : start;
    justify-content   : flex-start;
    gap               : var(--l-gap-04);
}

.breadcrumb li:first-child > a > span, .breadcrumb li:not(:first-child) > a, .breadcrumb li:not(:first-child) > span
{
    font-variant-caps : petite-caps;
    text-transform    : lowercase !important;
    line-height       : 1.1;
    color             : var(--s-cc2);
    font-size         : calc(var(--fs5) + 0px);
}

.breadcrumb li:first-child > a > span::first-letter, .breadcrumb li:not(:first-child) > a::first-letter, .breadcrumb li:not(:first-child) > span::first-letter
{
    color          : var(--d-cc, #000);
    text-transform : uppercase !important;
}

.breadcrumb a i
{
    min-block-size            : 15px;
    min-inline-size           : 15px;
    min-height                : 15px;
    -webkit-box-ordinal-group : 0;
    -ms-flex-order            : -1;
    order                     : -1;
    color                     : var(--s-cc2);
    font-size                 : var(--l-gap-22);
}

.slide[id^=slideshow]
{
    display          : block !important;
    box-shadow       : var(--r-shadow);
    background-color : var(--p-cc1);
}

.slide[id^=slideshow] .slide_contain
{
    display      : -ms-grid;
    display      : grid;
    gap          : var(--s-gap-20, 20px);
    width        : 100%;
    height       : -webkit-max-content;
    height       : -moz-max-content;
    height       : max-content;
    aspect-ratio : 1530/685;
}

.slide[id^=slideshow] .slide_contain .slide_thumb source
{
    position : absolute;
}

.slide[id^=slideshow] .slide_contain .slide_img
{
    width         : 100%;
    height        : 100%;
    display       : block;
    -o-object-fit : cover;
    object-fit    : cover;
}

.slide[id^=slideshow] .slide_contain > *
{
    grid-row    : 1/-1;
    grid-column : 1/-1;
    width       : 100%;
    display     : grid;
    position    : relative;
    top         : unset;
    left        : unset;
    right       : unset;
    bottom      : unset;
}

.slide[id^=slideshow] .slide_contain .slide_text
{
    z-index       : 3;
    display       : -ms-grid;
    display       : grid;
    grid-gap      : var(--s-gap-20, 20px);
    place-content : stretch;
    padding       : var(--s-gap-40, 40px);
}

.slide[id^=slideshow] .slide_contain .slide_text > span, .slide[id^=slideshow] .slide_contain .slide_text > span ~ p
{
    padding                 : var(--l-gap-06, 6px) var(--s-gap-12, 12px) !important;
    -webkit-backdrop-filter : brightness(0.8) blur(2px) grayscale(1) !important;
    backdrop-filter         : brightness(0.8) blur(2px) grayscale(1) !important;
    border-radius           : var(--r-bdrs);
    -webkit-box-shadow      : 3px 3px 12px rgb(0 0 0 / 25%);
    box-shadow              : 3px 3px 12px rgb(0 0 0 / 25%);
    margin                  : 0 !important;
}

.slide[id^=slideshow] .slide_contain .slide_text > span
{
    font-size             : var(--fs5);
    width                 : -webkit-fit-content;
    width                 : -moz-fit-content;
    width                 : fit-content;
    text-wrap             : balance;
    max-width             : min(80vw, 555px);
    -ms-grid-row-align    : end;
    -ms-grid-column-align : stretch;
    place-self            : end stretch;
    font-weight           : 600;
    line-height           : 1.5;
    color                 : var(--l-cc);
    text-transform        : uppercase;
    display               : block;
    text-shadow           : 0 3px 6px #000;
}

.slide[id^=slideshow] .slide_contain .slide_text > a
{
    -ms-grid-row-align    : center;
    -ms-grid-column-align : start;
    place-self            : center start;
    background            : var(--l-cc);
    color                 : #000;
    border-radius         : 50px;
    padding               : calc(var(--s-gap-30) / 2) var(--m-gap-30);
    text-transform        : uppercase;
    display               : block;
    width                 : max-content;
    font-size             : var(--l-gap-20);
    box-shadow            : 0 3px 6px #000;
}

.slide[id^=slideshow] .slide_contain .slide_text > span ~ p
{
    -ms-grid-row-align    : end;
    -ms-grid-column-align : end;
    place-self            : end;
    text-align            : right;
    color                 : var(--l-cc);
    font-size             : var(--l-gap-20);
    text-transform        : uppercase;
    text-shadow           : 0 3px 6px #000;
}

[id^=eapps-instagram-feed-].eapps-instagram-feed
{
    font-size   : var(--fs0);
    line-height : 1.43;
    font-weight : 400;
    width       : 100%;
    max-height  : 100%;
    position    : relative;
    min-width   : 150px;
    min-height  : 100px;
}

[id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-container
{
    display       : grid !important;
    gap           : var(--m-gap-18);
    grid-template :auto 1fr/100%;
    margin-bottom: calc(-1 * var(--m-gap-18));
}

[id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-content
{
    background-color : var(--l-cc4);
    border-radius    : var(--r-bdrs);
    box-shadow       : var(--r-shadow);
    overflow         : hidden;
}

@media (min-width : 1px) and (max-width : 766.6px)
{
    [id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-content
    {
        aspect-ratio : 382/378;
    }
    
    #menu .nav > li > .dropdown-menu
    {
        background-color : var(--l-cc1);
        padding-block    : var(--r-pdblock);
        padding-inline   : var(--r-pdinline);
        
    }
    
    #menu .nav > li > a
    {
        display               : grid;
        grid-template-columns : 1fr 38px;
        
    }
    
    #menu .nav > li > a i
    {
        
        position           : relative !important;
        width              : unset;
        height             : calc(100% + var(--r-pdinline) + 1px) !important;
        inset-block-start  : calc(-1 * var(--r-pdinline) / 2 - 1px) !important;
        inset-inline-end   : calc(-1 * var(--r-pdinline) / 2) !important;
        display            : grid;
        place-content      : center stretch;
        margin             : 0 !important;
        border-radius      : var(--r-bdrs);
        justify-items      : end;
        padding-inline-end : 14px;
        
    }
    
    #menu .nav > li > a i:active
    {
        transition       : 0s;
        background-color : var(--l-cc3);
        opacity: .5;
    }
    
    #menu div.dropdown-inner > ul.list-unstyled
    {
        margin : unset;
    }
    
    #menu .collapse .nav li.dropdown-submenu
    {
        min-width : 199px;
    }
    
    .nav.navbar-nav
    {
        padding-inline : calc(var(--r-pdinline) / 2) !important;
    }
}

#content.comp.col-xs-12 {
    width: 100%
}

.breadcrumb {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    overflow: auto hidden;
    grid-auto-columns: max-content;
    place-items: center start;
    gap: var(--l-gap-06);
    max-width: 100%;
    padding-bottom: 10px;
    margin-bottom: 5px !important;
    background-color: transparent
}

.slide[id^=slideshow], [id^=banner] {
    -webkit-box-shadow: var(--r-shadow);
    overflow: hidden;
    border-radius: var(--r-bdrs)
}

.breadcrumb > li:not(:last-child)::after {
    content          : "";
    width: 2px;
    height: 120%;
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    border-radius: var(--r-bdrs);
    background-color: var(--l-cc2)
}

.breadcrumb li:first-child > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: var(--l-gap-04)
}

.breadcrumb li:first-child > a > span, .breadcrumb li:not(:first-child) > a, .breadcrumb li:not(:first-child) > span {
    font-variant-caps: petite-caps;
    text-transform: lowercase !important;
    line-height: 1.1;
    color: var(--s-cc2);
    font-size: calc(var(--fs5) + 0px)
}

.breadcrumb li:first-child > a > span::first-letter, .breadcrumb li:not(:first-child) > a::first-letter, .breadcrumb li:not(:first-child) > span::first-letter {
    color: var(--d-cc, #000);
    text-transform: uppercase !important
}

.breadcrumb a i {
    min-block-size: 15px;
    min-inline-size: 15px;
    min-height: 15px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    color: var(--s-cc2);
    font-size: var(--l-gap-22)
}

.slide[id^=slideshow] {
    display: block !important;
    box-shadow: var(--r-shadow);
    background-color: var(--p-cc1)
}

.slide[id^=slideshow] .slide_contain {
    display: -ms-grid;
    display: grid;
    gap: var(--s-gap-20, 20px);
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    aspect-ratio: 1530/685
}

.slide[id^=slideshow] .slide_contain .slide_thumb source {
    position: absolute
}

.slide[id^=slideshow] .slide_contain .slide_img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.slide[id^=slideshow] .slide_contain > * {
    grid-row: 1/-1;
    grid-column: 1/-1;
    width: 100%;
    display: grid;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset
}

.slide[id^=slideshow] .slide_contain .slide_text {
    z-index: 3;
    display: -ms-grid;
    display: grid;
    grid-gap: var(--s-gap-20, 20px);
    place-content: stretch;
    padding: var(--s-gap-40, 40px)
}

.slide[id^=slideshow] .slide_contain .slide_text > span, .slide[id^=slideshow] .slide_contain .slide_text > span ~ p {
    padding: var(--l-gap-06, 6px) var(--s-gap-12, 12px) !important;
    -webkit-backdrop-filter: brightness(0.8) blur(2px) grayscale(1) !important;
    backdrop-filter: brightness(0.8) blur(2px) grayscale(1) !important;
    border-radius: var(--r-bdrs);
    -webkit-box-shadow: 3px 3px 12px rgb(0 0 0 / 25%);
    box-shadow: 3px 3px 12px Wrgb(0 0 0 / 25%);
    margin: 0 !important
}

.slide[id^=slideshow] .slide_contain .slide_text > span {
    font-size: var(--fs5);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: balance;
    max-width: min(80vw, 555px);
    -ms-grid-row-align: end;
    -ms-grid-column-align: stretch;
    place-self: end stretch;
    font-weight: 600;
    line-height: 1.5;
    color: var(--l-cc);
    text-transform: uppercase;
    display: block;
    text-shadow: 0 3px 6px #000
}

.slide[id^=slideshow] .slide_contain .slide_text > a {
    -ms-grid-row-align: center;
    -ms-grid-column-align: start;
    place-self: center start;
    background: var(--l-cc);
    color: #000;
    border-radius: 50px;
    padding: calc(var(--s-gap-30) / 2) var(--m-gap-30);
    text-transform: uppercase;
    display: block;
    width: max-content;
    font-size: var(--l-gap-20);
    box-shadow: 0 3px 6px #000
}

.slide[id^=slideshow] .slide_contain .slide_text > span ~ p {
    -ms-grid-row-align: end;
    -ms-grid-column-align: end;
    place-self: end;
    text-align: right;
    color: var(--l-cc);
    font-size: var(--l-gap-20);
    text-transform: uppercase;
    text-shadow: 0 3px 6px #000
}

[id^=eapps-instagram-feed-].eapps-instagram-feed {
    font-size: var(--fs0);
    line-height: 1.43;
    font-weight: 400;
    width: 100%;
    max-height: 100%;
    position: relative;
    min-width: 150px;
    min-height: 100px
}

[id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-container {
    display: grid !important;
    gap: var(--m-gap-18);
    grid-template:auto 1fr/100%
}

[id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-content {
    background-color: var(--l-cc4);
    border-radius: var(--r-bdrs);
    box-shadow: var(--r-shadow);
    overflow: hidden
}

@media (min-width: 1px) and (max-width: 766.6px) {
    [id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-content {
        aspect-ratio: 382/378
    }
}

@media (min-width: 767px) and (max-width: 1599px) {
    [id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-content {
        aspect-ratio: 1330/566
    }
}

.eui-slider-arrow, .page_top_side, .winter-search-result
{
    opacity        : 0;
    pointer-events : none;
}

#common-home #content, #common-home #content .sellb
{
    grid-gap              : var(--m-gap-50);
    -ms-grid-columns      : 100%;
    grid-template-columns :100%;
}

.block_heading, .block_title
{
    font-variant-caps : petite-caps;
}

.block_img, .spec_td_files > div > :hover img
{
    mix-blend-mode : multiply;
}

.block_thumb, [id^=banner] > * > * > :not(img)
{
    position : relative;
    z-index  : 3;
}

.allmb, .middle-footer, [id^=banner]
{
    box-shadow : var(--r-shadow);
}

#common-home #content > *:not(.h-get-a-quote), [id^=banner] > *
{
    
    padding-inline: 0 !important;
}
#common-home #content > *, [id^=banner] > *
{
    margin: 0 !important;
}

[id^=banner] > * > * {
    display: -ms-grid;
    display: grid;
    grid-gap: var(--s-gap-20, 20px);
    -ms-grid-columns: 1fr var(--s-gap-20, 20px) .35fr;
    grid-template:1fr/1fr .35fr;
    width: 100%
}

[id^=banner] > * > * > * {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    width: 100%;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset
}

[id^=banner] > * > * > img {
    grid-column: 1/-1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%
}

[id^=banner] .banner-text {
    display: -ms-grid;
    display: grid;
    place-items: center start;
    padding: var(--s-gap-40, 40px)
}

[id^=banner] .banner-text > span {
    max-width: none;
    font-size: calc(var(--fs5) * 2);
    text-wrap: balance
}

#common-home #content > .box.blog_webi {
    overflow: hidden;
    padding: var(--m-gap-18) !important;
    width: unset;
    margin: calc(-1 * var(--m-gap-18)) !important;
}

[id=blog]
{
    margin-inline: -15px !important;
    padding: 0!important;
    width: auto;
}

[id=blog],
[id=blog] *,
.prosp ,
.prosp *
{
    box-sizing: content-box
}

[id=blog].owl-carousel .owl-wrapper-outer
{
    width: unset !important;
    overflow: visible;
    margin-block: var(--m-gap-26) calc(.5 * var(--m-gap-26));
}

[id=blog] .product-b,
[id=blog] .product-b *,
.prosp .product-layout,
.prosp .product-layout *
{
    box-sizing: border-box;
}

.box.blog_webi [id=blog] .owl-buttons
{
    top : calc(-1 * var(--l-gap-60)) !important;
}

.box.blog_webi .read-more a
{
    font-size : var(--fs6);
}

.css-carousel
{
    --scroll_size                 : var(--l-gap-08);
    --scrollbar_width             : var(--scroll_size);
    --scrollbar_height            : var(--scroll_size);
    --scrollbar_firefox_width     : thin;
    scrollbar-gutter              : var(--scrollbar_gutter, stable);
    scroll-behavior               : var(--scrollbar_behavior, smooth);
    --scrollbar_thumb_color       : #e0e0e0;
    --scrollbar_track-start_color : #e0e0e0;
    --scrollbar_track_color       : #f5f5f5;
    --scrollbar_btn_top_size      : 80px;
    --scrollbar_btn_bot_size      : 30px;
    scrollbar-color               : var(--scrollbar_thumb_color, #a8a8a8) var(--scrollbar_track_color, #f1f1f1);
    scrollbar-width               : var(--scrollbar_firefox_width, auto);
}

.css-carousel::-webkit-scrollbar
{
    width  : var(--scrollbar_width, 8px);
    height : var(--scrollbar_height, 8px);
}

.css-carousel::-webkit-scrollbar-track
{
    background-color : var(--scrollbar_track_color, #f1f1f1);
    border-radius    : var(--scrollbar_track_bdrs);
}

.css-carousel::-webkit-scrollbar-thumb
{
    background-color : var(--scrollbar_thumb_color, #a8a8a8);
    border-radius    : var(--scrollbar_thumb_bdrs, 0);
    transition       : .3s;
}

.css-carousel::-webkit-scrollbar-corner
{
    background-color : var(--scrollbar_corner_color, var(--scrollbar_track_color));
}

.css-carousel:not(:hover)::-webkit-scrollbar-thumb
{
    background : var(--l-cc1);
}

.css-carousel:not(.init)
{
    --num-col         : 1;
    --gaps            : calc(var(--num-col, 1) - 1);
    --col-gap         : var(--m-gap-30);
    --row-gap         : var(--col-gap);
    --column_size     : calc((100% - var(--col-gap, 0) * var(--gaps) + var(--col-gap, 0) / 2) / var(--num-col, 1));
    display           : grid !important;
    gap               : var(--row-gap, 0) var(--col-gap, 0);
    grid-auto-flow    : column;
    grid-auto-columns : var(--column_size);
    grid-template     :1fr/repeat(auto-fill, var(--column_size));
    padding-inline    : min(30px, calc(var(--col-gap) / 2));
    padding-bottom    : calc(var(--row-gap) - var(--scroll_size) * 1);
    margin-bottom     : calc(var(--row-gap) - var(--scroll_size) * 1);
    overflow-x        : auto;
    scroll-snap-type  : x mandatory;
    scrollbar-gutter  : stable;
    scroll-behavior   : smooth;
}

@media (min-width : 400px)
{
    .blog_webi [id=blog].css-carousel:not(.init), .css-carousel:not(.init)
    {
        --num-col : 2;
    }
}

@media (min-width : 600px)
{
    .css-carousel:not(.init)
    {
        --num-col : 3;
    }
}

@media (min-width : 850px)
{
    .css-carousel:not(.init)
    {
        --num-col : 4;
    }
    
    [id=blog] .product-block .blog-right
    {
        margin-block : 2px 1px;
    }
    
    [id=blog] .product-block .blog-right .bs .read-more
    {
        margin-inline-start : auto;
    }
}

@media (min-width : 1410px)
{
    .css-carousel:not(.init)
    {
        --num-col : 5;
    }
}

.css-carousel::after, .css-carousel::before
{
    display : none !important;
}

.css-carousel:not(.init) > *
{
    scroll-snap-align : center;
    padding           : 0 !important;
    margin            : 0 !important;
}

[id=blog] .product-b
{
    /*padding-left  : 0;*/
    /*padding-right : 24px;*/
    /*margin-inline: -12px 0 ;*/
    /*width: auto;*/
}

[id=blog] .product-block
{
    display       : -webkit-box;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap;
    height        : 100%;
}

[id=blog] .product-block .blog-left
{
    -webkit-box-shadow : var(--r-shadow);
    box-shadow         : var(--r-shadow);
    border-radius      : var(--r-bdrs);
    overflow           : hidden;
    background-color   : var(--l-cc4);
}

[id=blog] .product-block .blog-left .webi-blog-image
{
    aspect-ratio: 376/309;
    max-width: min(750px, 100%);
    min-block-size: 100%;
}

[id=blog] .product-block .blog-left img
{
    border-radius : var(--r-bdrs);
    display       : block;
    height        : 100%;
    width: 100%;
    -o-object-fit : cover;
    object-fit    : cover;
    max-width     : 100%;
    transition    : 350ms ease-in-out;
}

[id=blog] .product-block:not(:hover) .blog-left img
{
    transform : scale(1.11);
}

[id=blog] .product-block .blog-right .bs
{
    height         : 100%;
    display        : flex;
    flex-direction : column;
    gap            : var(--l-gap-16);
}

[id=blog]
{
    padding : 3px;
}

[id=blog] .product-block .blog-right .bs .read-more
{
    margin-top : auto;
    text-align : center;
}

.footer-top-full .css-carousel
{
    margin-top : var(--s-gap-40);
}

@media (min-width : 1px)
{
    .footer-top-full .css-carousel:not(.init)
    {
        --num-col : 2;
    }
}

@media (min-width : 500px)
{
    .footer-top-full .css-carousel:not(.init)
    {
        --num-col : 4;
    }
}

@media (min-width : 768px)
{
    .footer-top-full .css-carousel:not(.init)
    {
        --num-col : 5;
    }
}

@media (min-width : 1200px)
{
    .footer-top-full .css-carousel:not(.init)
    {
        --num-col : 6;
    }
}

@media (min-width : 1600px)
{
    [id^=eapps-instagram-feed-].eapps-instagram-feed .eapps-instagram-feed-content
    {
        aspect-ratio : 1530/608;
    }
    
    .footer-top-full .css-carousel:not(.init)
    {
        --num-col : 7;
    }
}

.footer-top-full .css-carousel img
{
    max-width      : 100%;
    transition     : 350ms ease-in-out;
    -webkit-filter : grayscale(1);
    filter         : grayscale(1);
}

.footer-top-full .css-carousel:not(:hover)::-webkit-scrollbar-thumb
{
    background : var(--l-cc);
}

footer
{
    background-color : transparent !important;
}

.middle-footer
{
    background-color : var(--l-cc);
}

.botom-ful, .product-thumb.winter-cat:hover
{
    background-color : var(--l-cc2);
}

.botom-ful
{
    position : sticky;
    bottom   : 0;
    z-index  : -1;
}

.webi-newsletter form input[type=text]
{
    background-color : #dfe6ed;
}

.eui-slider-arrow
{
    visibility : hidden;
}

.winter-search-result
{
    display                  : -ms-grid;
    display                  : grid;
    grid-template-columns    :repeat(auto-fill, minmax(220px, 1fr)) !important;
    grid-gap                 : calc(var(--r-pdblock) / 1.8) calc(var(--r-pdinline) / 1.8);
    padding                  : var(--r-pdblock) !important;
    border-top               : none;
    border-bottom            : var(--s-gap-16) solid var(--l-cc2);
    border-left              : 1px solid var(--l-cc2);
    border-right             : 2px solid var(--l-cc2);
    max-height               : 60vh;
    -webkit-transition       : 250ms ease-in;
    -o-transition            : 250ms ease-in;
    transition               : 250ms ease-in;
    border-top-left-radius   : 0;
    border-top-right-radius  : 0;
    -webkit-transform-origin : 50% 10%;
    -ms-transform-origin     : 50% 10%;
    transform-origin         : 50% 10%;
    transform                : scale(1, .3) translateY(7%);
}

.winter-search-result.is_show
{
    -webkit-transform-origin : 50% 10%;
    -ms-transform-origin     : 50% 10%;
    transform-origin         : 50% 10%;
    pointer-events           : auto;
    -webkit-transform        : scale(1, 1) translateY(0);
    -ms-transform            : scale(1, 1) translateY(0);
    transform                : scale(1, 1) translateY(0);
    -webkit-transition       : 350ms ease-out;
    -o-transition            : 350ms ease-out;
    transition               : 350ms ease-out;
    opacity                  : 1;
    background-color         : rgba(186, 205, 223, .58);
    -webkit-backdrop-filter  : blur(1px);
    backdrop-filter          : blur(1px);
    -webkit-box-shadow       : inset 0 -3px 4px rgb(0 0 0 / 10%), inset 0 3px 10px rgb(0 0 0 / 12%), 2.5px 5px 12px rgb(0 0 0 / 35%);
    box-shadow               : inset 0 -3px 4px rgb(0 0 0 / 10%), inset 0 3px 10px rgb(0 0 0 / 12%), 2.5px 5px 12px rgb(0 0 0 / 35%);
}

@media (min-width : 766.6px)
{
    .winter-search-result
    {
        grid-template-columns :repeat(auto-fill, minmax(400px, 1fr)) !important;
    }
}

.winter-search-result > *
{
    margin : 0;
    width  : auto;
}

.product-thumb
{
    box-shadow    : var(--r-shadow);
    border-radius : var(--r-bdrs);
}

.product-thumb.winter-cat
{
    max-width             : 100%;
    display               : -ms-grid;
    display               : grid;
    -ms-grid-columns      : minmax(75px, .3fr) calc(var(--r-pdblock) / 2) 1fr;
    grid-template-columns :minmax(75px, .3fr) 1fr;
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    grid-gap              : calc(var(--r-pdblock) / 2);
    border                : 1px solid var(--l-cc2);
    border-radius         : var(--r-bdrs) !important;
    background-color      : var(--l-cc, #fff);
    overflow              : hidden;
    text-wrap             : balance;
    -webkit-transition    : 250ms;
    -o-transition         : 250ms;
    transition            : 250ms;
}

.deliveryinfo > div:not(:first-child), .deliveryinfo > div > .state-offer, .deliveryinfo > div > .state-offer > .special, .product-thumb.winter-cat > *
{
    display : contents !important;
}

.product-thumb.winter-cat:hover .image img
{
    border-color : var(--d-cc, #000);
}

.product-thumb.winter-cat:hover .acpage a, .spec_td_model a, .spec_td_name a
{
    text-decoration : underline;
}

.product-thumb.winter-cat .winter-dis .acpage
{
    white-space : unset;
    text-wrap   : balance;
    font-size   : var(--fs4);
    line-height : 1.25;
}

.product-thumb.winter-cat > * > *
{
    width   : auto !important;
    padding : 0 !important;
    margin  : 0 !important;
}

.winter-search-empty
{
    background-color   : rgb(255 255 255 / 77%);
    margin             : calc(-.5 * var(--r-pdblock));
    width              : unset;
    grid-column        : 1/-1;
    padding            : calc(var(--r-pdblock) / 1.2) calc(var(--r-pdinline) / 1.2);
    border-radius      : var(--r-bdrs) !important;
    -webkit-box-shadow : var(--r-shadow);
    box-shadow         : var(--r-shadow);
}

.winter-search-empty > *
{
    font-size   : var(--fs4);
    color       : var(--d-cc, #000);
    line-height : 1.36;
}

#common-home #content
{
    margin-top : var(--m-gap-50);
    display    : -ms-grid;
    display    : grid;
    overflow   : visible;
}

#common-home .tab-head.head-t
{
    margin-bottom : var(--m-gap-30);
}

#common-home #content .sellb
{
    margin  : 0;
    display : -ms-grid;
    display : grid;
}

@media (min-width : 731px)
{
    #common-home #content .sellb
    {
        -ms-grid-columns      : 1fr var(--m-gap-50) 1fr;
        grid-template-columns :1fr 1fr;
    }
}

#common-home #content .sellb a
{
    background-color      : var(--p-cc1);
    width                 : 100%;
    aspect-ratio          : 750/320;
    overflow              : hidden;
    border-radius         : var(--r-bdrs);
    box-shadow            : var(--r-shadow);
    display               : grid;
    grid-template-columns :100%;
    grid-template-rows    :100%;
    position              : relative;
}

#common-home #content .sellb a > :first-child, #common-home #content .sellb a > div > :first-child
{
    -ms-grid-row    : 1;
    -ms-grid-column : 1;
}

#common-home #content .sellb a > div, #common-home #content .sellb a > picture
{
    grid-row           : 1/-1;
    grid-column        : 1/-1;
    border-radius      : var(--r-bdrs);
    -webkit-box-shadow : var(--r-shadow);
    box-shadow         : var(--r-shadow);
}

#common-home #content .sellb a > div
{
    position              : unset;
    top                   : unset;
    left                  : unset;
    right                 : unset;
    z-index               : 2;
    width                 : 100%;
    height                : 100%;
    display               : -ms-grid;
    display               : grid;
    -ms-grid-columns      : fit-content(90%);
    grid-template-columns :fit-content(90%);
    grid-gap              : 3px;
    grid-template-rows    :-webkit-max-content minmax(2px, -webkit-max-content);
    grid-template-rows    :max-content minmax(2px, max-content);
    color                 : var(--l-cc, #fff);
    text-shadow           : 1px 1.5px 0 var(--d-cc, #000), 1px 1.5px 1px rgb(102 117 127 / 77%);
    place-content         : center;
    place-items           : center;
    text-align            : center;
    line-height           : 1.25;
    padding               : 10px;
    -webkit-transition    : .3s ease-in;
    -o-transition         : .3s ease-in;
    transition            : .3s ease-in;
    text-wrap             : balance;
    overflow              : hidden;
}

#common-home #content .sellb a > div > :nth-child(2)
{
    -ms-grid-row    : 3;
    -ms-grid-column : 1;
}

#common-home #content .sellb a > div::after
{
    content                   : "";
    display                   : block;
    width                     : 1px;
    pointer-events            : none;
    -webkit-transition        : .3s ease-out;
    -o-transition             : .3s ease-out;
    transition                : .3s ease-out;
    -ms-grid-row              : 3;
    grid-row                  : 3;
    -webkit-box-ordinal-group : 4;
    -ms-flex-order            : 3;
    order                     : 3;
    height                    : 0;
}

#common-home #content .sellb a > div::before
{
    content                   : "";
    width                     : 45%;
    height                    : 2px;
    -ms-grid-row              : 2;
    grid-row                  : 2;
    -webkit-box-ordinal-group : 3;
    -ms-flex-order            : 2;
    order                     : 2;
    border-radius             : 4px;
    background-color          : rgb(255 255 255 / 100%);
    -webkit-transition        : .3s ease-out;
    -o-transition             : .3s ease-out;
    transition                : .3s ease-out;
    -webkit-box-shadow        : 1px 1.5px 1px rgb(102 117 127 / 77%);
    box-shadow                : 1px 1.5px 1px rgb(102 117 127 / 77%);
}

#common-home #content .sellb a:hover > div
{
    --row-gap               : 7px;
    text-indent             : -3.4px;
    color                   : var(--l-cc, #fff);
    text-shadow             : 1px 1.5px 0 #66757f, 1.5px 3px 0 #8899a6;
    -webkit-backdrop-filter : brightness(0.6) grayscale(0.5) blur(1px);
    backdrop-filter         : brightness(0.6) grayscale(0.5) blur(1px);
}

#common-home #content .sellb a:hover > div::before
{
    width              : 85%;
    background-color   : rgb(255 255 255 / 77%);
    -webkit-box-shadow : 1px 1.5px 0 #66757f, 1.5px 3px 0 #8899a6;
    box-shadow         : 1px 1.5px 0 #66757f, 1.5px 3px 0 #8899a6;
    height             : 3px;
}

#tab-description iframe, .h-get-a-quote
{
    -webkit-box-shadow : var(--r-shadow);
    border-radius      : var(--r-bdrs);
}

#common-home #content .sellb a:hover > div::after
{
    height : 9px;
}

#tab-description iframe
{
    width        : 100% !important;
    height       : auto !important;
    display      : block;
    aspect-ratio : 16/9;
    overflow     : hidden;
    box-shadow   : var(--r-shadow);
}

.h-get-a-quote
{
    padding          : var(--l-gap-20);
    font-size        : var(--fs4);
    background-color : var(--p-cc1);
    box-shadow       : var(--r-shadow);
}

.deliveryinfo
{
    min-height            : 60px;
    display               : -ms-grid !important;
    display               : grid !important;
    grid-gap              : var(--l-gap-04) var(--m-gap-30);
    -ms-grid-columns      : minmax(var(--m-gap-20), .3fr) var(--m-gap-30) .7fr var(--m-gap-30) minmax(150px, .7fr) var(--m-gap-30) 1.1fr var(--m-gap-30) .6fr var(--m-gap-30) minmax(var(--m-gap-12), .1fr);
    grid-template-columns :minmax(var(--m-gap-20), .3fr) .7fr minmax(150px, .7fr) 1.1fr .6fr minmax(var(--m-gap-12), .1fr);
}

.deliveryinfo > div:first-child
{
    font-size   : 17px;
    padding     : 0;
    font-weight : 600 !important;
    transform   : translateY(-4px);
}

.deliveryinfo > div:first-child::first-letter
{
    font-variant-caps : unset;
    font-size         : 28px;
    font-family       : monospace, var(--ff1);
    color             : var(--l-cc4);
    display           : block;
    font-weight       : 700;
    letter-spacing    : .015em;
    text-shadow       : 1px 1px 0 rgba(0 0 0 / 33);
}

.deliveryinfo > div *, .deliveryinfo > div:first-child
{
    line-height : 1.2;
    font-weight : 400;
    font-family : var(--ff1);
}

.deliveryinfo > div:first-child, .deliveryinfo > div > *
{
    width : -webkit-max-content;
    width : -moz-max-content;
    width : max-content;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
}

.deliveryinfo > div a[href^="mailto:"], .deliveryinfo > div a[href^="tel:"], .deliveryinfo > div:first-child
{
    white-space : nowrap;
}

.deliveryinfo > div a[href^="mailto:"]
{
    text-decoration               : underline;
    -webkit-text-decoration-style : dotted;
    text-decoration-style         : dotted;
    text-decoration-thickness     : 2px;
    -webkit-text-decoration-color : var(--l-cc4);
    text-decoration-color         : var(--l-cc4);
    font-variant                  : petite-caps;
    text-underline-offset         : 4px;
}

.deliveryinfo > div a[href^="mailto:"]:hover
{
    -webkit-text-decoration-color : var(--l-cc);
    text-decoration-color         : var(--l-cc);
}

@media (min-width : 1079.4px)
{
    .deliveryinfo > div a[href^="tel:"]
    {
        -webkit-padding-start : var(--s-gap-20);
        padding-inline-start  : var(--s-gap-20);
    }
    
    .deliveryinfo > div a[href^="mailto:"]
    {
        -webkit-padding-start : var(--s-gap-40);
        padding-inline-start  : var(--s-gap-40);
        font-weight           : 500;
    }
}

.deliveryinfo > div > .state-offer a
{
    display            : -webkit-box !important;
    display            : -ms-flexbox !important;
    display            : flex !important;
    text-decoration    : none;
    text-transform     : uppercase;
    font-size          : 15px;
    line-height        : 1;
    color              : var(--s-cc1) !important;
    font-weight        : 400;
    background-color   : var(--l-cc);
    padding            : var(--l-gap-06) var(--l-gap-12);
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    text-align         : center;
    width              : max(var(--s-gap-150), 100%);
    height             : 74%;
    border-radius      : var(--r-bdrs);
    -webkit-box-shadow : var(--r-shadow);
    box-shadow         : var(--r-shadow);
    -webkit-transition : 250ms;
    -o-transition      : 250ms;
    transition         : 250ms;
}

.deliveryinfo > div > .state-offer a:hover
{
    background-color : var(--s-cc1);
    color            : var(--l-cc) !important;
}

@media (max-width : 1079px)
{
    .deliveryinfo
    {
        grid-template-columns :minmax(1px, max-content) minmax(1px, 1fr) minmax(98px, 170px);
        grid-auto-rows        : minmax(5px, min-content);
        gap                   : 2px var(--l-gap-12) !important;
    }
    
    .deliveryinfo::after, .deliveryinfo::before
    {
        display : none;
    }
    
    .deliveryinfo > div:first-child
    {
        grid-row       : 1;
        grid-column    : 1;
        font-size      : 20px;
        transform      : translate(-3px, 0);
        font-weight    : 600;
        letter-spacing : .03em;
        line-height    : 1;
    }
    
    .deliveryinfo > div > .state-offer a
    {
        grid-row       : 1;
        grid-column    : 3;
        height         : 100%;
        color          : var(--p-cc1) !important;
        align-self     : end;
        font-weight    : 600;
        letter-spacing : unset;
    }
    
    .deliveryinfo > div a[href^="tel:"]
    {
        grid-row      : 1;
        grid-column   : 2;
        font-size     : max(23px, var(--fs3)) !important;
        margin-inline : auto;
        font-family   : var(--ff1);
        font-weight   : 500;
        line-height   : 1.2;
        text-shadow   : 1px 1px 0 rgba(0 0 0 / 33);
        font-variant  : unset;
    }
    /*  */
    .deliveryinfo > div a[href^="mailto:"]
    {
        grid-row                      : 3;
        grid-column                   : 1/-1;
        -webkit-text-decoration-color : var(--l-cc4);
        text-decoration-color         : var(--l-cc4);
        font-weight                   : 500;
        font-size                     : min(18px, var(--fs3));
        font-variant                  : unset;
        font-size                     : var(--fs1);
        letter-spacing                : .04em;
    }
}

@media (max-width : 600px)
{
    .deliveryinfo
    {
        width                 : fit-content;
        margin-inline         : auto;
        grid-template-columns :minmax(170px, auto) minmax(98px, 1fr);
    }
    
    .deliveryinfo > div a[href^="mailto:"], .deliveryinfo > div a[href^="tel:"], .deliveryinfo > div:first-child
    {
        grid-column : 1;
        grid-row    : unset;
    }
    
    .deliveryinfo > div a[href^="tel:"]
    {
        margin-inline-start : 0;
        padding-block       : 11px 2px;
    }
    
    .deliveryinfo > div a[href^="mailto:"]
    {
        grid-column   : 1/-1;
        line-height   : 1.2;
        padding-block : 10px 5px;
    }
    
    .deliveryinfo > div > .state-offer a
    {
        grid-column : 2;
        grid-row    : 1/3;
        height      : 100%;
    }
}

@media (max-width : 389px)
{
    .deliveryinfo
    {
        grid-gap              : var(--m-gap-10) !important;
        width                 : 100%;
        grid-template-columns :100%;
        justify-content       : center !important;
        justify-items         : center;
        text-align            : center;
    }
    
    .deliveryinfo > div a[href^="mailto:"], .deliveryinfo > div a[href^="tel:"], .deliveryinfo > div:first-child, .deliveryinfo > div > .state-offer a
    {
        -ms-grid-column : 1;
        grid-column     : 1;
        margin-inilne   : auto !important;
        text-align      : center !important;
        justify-self    : center !important;
    }
    
    .deliveryinfo > div:first-child
    {
        -ms-grid-row         : 1;
        grid-row             : 1;
        -webkit-margin-after : unset;
        margin-block-end     : unset;
    }
    
    .deliveryinfo > div a[href^="tel:"]
    {
        -ms-grid-row        : 3;
        grid-row            : 3;
        margin-inline-start : auto;
        padding-block       : 5px;
    }
    
    .deliveryinfo > div a[href^="mailto:"]
    {
        -ms-grid-row : 2;
        grid-row     : 2;
        font-size    : 15px;
    }
    
    .deliveryinfo > div > .state-offer a
    {
        grid-row    : 4;
        grid-column : 1;
        width       : 100%;
        height      : 38px;
    }
}

.block_images.block_filter_images
{
    display               : -ms-grid;
    display               : grid;
    grid-auto-rows        : minmax(100px, max-content);
    grid-template-columns :repeat(auto-fit, minmax(140px, 1fr));
}

.advlist
{
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    gap              : var(--r-pdinline) var(--r-pdblock);
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
}

.advlist__item
{
    -webkit-box-flex : 1;
    -ms-flex         : 1 1 250px;
    flex             : 1 1 250px;
    text-align       : left;
    gap              : var(--m-gap-06);
}

.advlist__item > *, .y-dir > *, .y-html > *
{
    margin : 0 !important;
}

.advlist__title
{
    font-weight    : 500;
    font-family    : var(--ff1);
    font-size      : var(--fs3);
    letter-spacing : .035em;
    line-height    : 1.1;
    color          : var(--s-cc1);
    text-transform : lowercase;
    font-variant   : petite-caps;
}

.advlist__title::first-letter
{
    text-transform   : uppercase;
    float            : left;
    font-family      : math;
    border-radius    : calc(var(--r-bdrs) * 1);
    display          : block;
    background-color : var(--l-cc4);
    color            : var(--s-cc1);
    line-height      : .7;
    font-size        : calc(var(--fs1) * 2);
    margin-inline    : 0px 9px;
    letter-spacing   : 3px;
    padding-inline   : 0;
    margin-top       : 12px;
    text-shadow      : 2px 0 1px rgb(0 0 0 /33%);
}

.y-html
{
    display       : grid;
    grid-template :auto 1fr/100%;
    gap           : var(--m-gap-18);
}

.block, .block_group
{
    --cells               : 7;
    --colGap              : var(--m-gap-30);
    --rowGap              : var(--m-gap-30);
    --spotSize            : 100%;
    --cleanSize           : calc(var(--spotSize, 100%) - var(--colGap, 0) * (var(--cells, 1) - 1));
    --colSize             : calc(var(--cleanSize) / var(--cells, 1));
    display               : grid;
    gap                   : var(--rowGap, 0) var(--colGap, 0);
    grid-template-columns :repeat(var(--cells, 1), var(--colSize));
    font-family           : var(--ff1), sans-serif;
}

.block_contain, .spec_td_actions > div, .spec_td_files > div, [id^=account].container > .row
{
    -ms-grid-columns      : 100%;
    grid-template-columns :100%;
}

.block.is_advents, .block.is_advents .block_group
{
    --cells : 6;
}

.block
{
    margin-top : var(--s-gap-30);
}

.block_title
{
    -ms-grid-row-align    : start;
    -ms-grid-column-align : center;
    place-self            : start center;
    color                 : var(--d-cc);
    line-height           : 1.1;
    font-family           : var(--ff1);
    position              : relative;
    border-bottom         : 1px solid var(--p-cc1);
}

.block_title::after
{
    content          : "";
    height           : 1px;
    background-color : currentColor;
}

@media (min-width : 840px)
{
    .slide[id^=slideshow] .slide_contain .slide_text > span
    {
        font-size : calc(2 * var(--fs5));
    }
    
    [id^=banner] > * > *
    {
        -ms-grid-columns : .5fr var(--s-gap-20, 20px) .5fr;
        grid-template    :1fr/.5fr .5fr;
    }
    
    .block, .block.is_filter .block_group
    {
        grid-auto-rows : minmax(165px, auto);
    }
    
    .block_title
    {
        width     : -webkit-max-content;
        width     : -moz-max-content;
        width     : max-content;
        width     : -webkit-fit-content;
        width     : -moz-fit-content;
        width     : fit-content;
        max-width : 75%;
    }
    
    .block.is_advents .block_title
    {
        grid-row : span 2;
    }
    
    [id^=account].container > .row
    {
        -ms-grid-columns      : calc(100% - var(--m-gap-50) - var(--column_right)) var(--m-gap-50) var(--column_right);
        grid-template-columns :calc(100% - var(--m-gap-50) - var(--column_right)) var(--column_right);
    }
}

@media (min-width : 320px) and (max-width : 840px)
{
    .block.is_advents .block_title
    {
        grid-column : 1/-1;
        grid-row    : 1;
    }
    
    .block.is_advents .block_group
    {
        display : contents;
    }
}

@media (min-width : 320px) and (max-width : 485px)
{
    .block, .block.is_advents
    {
        --cells : 2;
    }
    
    .block
    {
        --spotSize : 100%;
    }
    
    .block .block_group
    {
        display : contents;
    }
    
    .block_title
    {
        grid-column           : 1/-1;
        -ms-grid-row-align    : start;
        -ms-grid-column-align : start;
        place-self            : start;
    }
}

@media (min-width : 485px) and (max-width : 840px)
{
    .block
    {
        --cells : 1;
    }
    
    .block.is_advents
    {
        --cells : 4;
    }
    
    .block .block_group
    {
        --spotSize  : 100%;
        grid-column : 1/-1;
    }
    
    .block.is_filter .block_group
    {
        --cells : 3;
    }
    
    .block.is_advents .block_group
    {
        --cells : 6;
    }
}

@media (min-width : 840px) and (max-width : 1200px)
{
    .block
    {
        --spotSize : 100%;
        --cells    : 4;
    }
    
    .block.is_filter .block_group
    {
        --cells     : 3;
        --spotSize  : 80%;
        grid-column : 2/-1;
    }
    
    .block.is_advents
    {
        --cells : 6;
    }
}

.block_overlay
{
    display          : -ms-grid;
    display          : grid;
    overflow         : hidden;
    gap              : var(--s-gap-04);
    grid-template    :minmax(50px, auto) minmax(50px, 1fr)/100%;
    justify-items    : center;
    background-color : var(--l-cc4);
    border-radius    : var(--s-gap-08);
    transition       : 350ms ease-out;
    -webkit-filter   : drop-shadow(1px 2px 3px rgba(1, 1, 1, .22));
    filter           : drop-shadow(1px 2px 3px rgba(1, 1, 1, .22));
    border           : 1px solid transparent;
}

.block_overlay:hover
{
    transform               : translate(0, -3%);
    border-radius           : var(--s-gap-12);
    -webkit-backdrop-filter : blur(1px);
    backdrop-filter         : blur(1px);
    background-color        : rgb(186 205 223 / 85%);
    border                  : 1px solid var(--s-cc2);
}

.allmb, .allmb .webi-blog-image, .spec-overlay
{
    border-radius : var(--r-bdrs);
}

.webi-blog-image, .webi-blog-image img
{
    overflow   : hidden;
    height     : auto;
    max-width  : 100%;
    width      : 100%;
    object-fit : cover;
}

.block_contain, .block_thumb, .block_thumb > picture
{
    display     : -ms-grid;
    display     : grid;
    place-items : center;
    text-align  : center;
}

.block_thumb
{
    inline-size  : 100%;
    aspect-ratio : 2/1.3;
    padding      : var(--s-gap-10) var(--s-gap-16) 0;
}

.block_thumb > picture
{
    --icnShadowFill    : 80px;
    --icnShadowBlur    : 50px;
    --icnShadowY       : 40px;
    inline-size        : 70%;
    aspect-ratio       : 1/1;
    border-radius      : 50%;
    outline-offset     : -30px;
    transition         : 350ms ease-out;
    background-color   : var(--l-cc, #fff);
    outline            : 15px solid var(--l-cc, #fff);
    -webkit-box-shadow : 1px var(--icnShadowY) var(--icnShadowBlur) 2px rgb(255 255 255 / 65%), inset 0 0 3px var(--icnShadowFill) var(--l-cc4);
    box-shadow         : 1px var(--icnShadowY) var(--icnShadowBlur) 2px rgb(255 255 255 / 65%), inset 0 0 3px var(--icnShadowFill) var(--l-cc4);
}

.block_overlay:hover .block_thumb > picture
{
    --icnShadowFill : 70;
    --icnShadowBlur : 2px;
    --icnShadowY    : -30px;
    outline         : 3px solid var(--l-cc, #fff);
    outline-offset  : 0;
}

.block_img
{
    max-width      : 100%;
    display        : block;
    width          : 60%;
    height         : 60%;
    -o-object-fit  : contain;
    object-fit     : contain;
    --xy           : 0, 0;
    transform      : translate(var(--xy));
    -webkit-filter : brightness(0.5);
    filter         : brightness(.5);
}

.block_overlay:hover .block_img
{
    -webkit-filter : brightness(1);
    filter         : brightness(1);
}

.block_contain
{
    padding            : var(--s-gap-14) var(--s-gap-16) var(--s-gap-12);
    color              : var(--s-cc2);
    line-height        : 1.1;
    display            : -ms-grid;
    display            : grid;
    -ms-flex-line-pack : center;
    align-content      : center;
    gap                : 2px;
}

.block_heading
{
    font-weight        : 500;
    line-height        : 1.1;
    font-family        : var(--ff1), sans-serif;
    word-spacing       : -0.1em;
    -webkit-transition : 350ms ease-in;
    -o-transition      : 350ms ease-in;
    transition         : 350ms ease-in;
    font-size          : var(--fs5);
    text-wrap          : balance;
}

.block_category
{
    font-size : var(--l-gap-12);
    text-wrap : balance;
}

@media (min-width : 1200px)
{
    .y-header
    {
        grid-template-areas :"is_logo . is_search . is_support is_actions" "is_message is_message is_message is_message is_message is_message " "is_menu is_menu is_menu is_menu is_menu is_spec";
    }
    
    .block_group
    {
        display              : contents;
        -ms-grid-column      : 2;
        -ms-grid-column-span : 6;
        grid-column          : 2/span 6;
    }
    
    .block_title
    {
        width       : -webkit-min-content;
        width       : -moz-min-content;
        width       : min-content;
        margin-left : var(--s-gap-10);
    }
    
    [id^=account-] #content
    {
        width : 75%;
    }
}

.y-dir
{
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    gap     : var(--s-gap-30, 30px);
}

.y-dir.wrap
{
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap;
}

.y-dir.gap-1-2
{
    gap : var(--s-gap-10, 10px) var(--s-gap-20, 20px);
}

.spec-dir-actions
{
    margin-bottom : var(--s-gap-20, 20px);
}

.spec-overlay
{
    box-shadow    : var(--r-shadow);
    width         : 100%;
    max-width     : 100%;
    margin-bottom : var(--s-gap-40);
}

.spec-table
{
    width                 : 100%;
    margin-bottom         : 0 !important;
    display               : -ms-grid;
    display               : grid;
    grid-template-rows    :repeat(4, minmax(40px, max-content));
    grid-template-columns :minmax(250px, max-content) minmax(200px, max-content) minmax(200px, 1fr) minmax(200px, max-content) minmax(36px, 42px);
    grid-template-areas   :"th_image th_model th_name th_files td_actions" "td_image td_model td_name td_files td_files" "td_image th_attr th_attr td_files td_files" "td_image td_attr td_attr td_files td_files";
}

.spec-table tr th
{
    border-bottom-width : 1px !important;
}

.spec-table tr th > div
{
    width       : 100%;
    height      : 100%;
    display     : -ms-grid;
    display     : grid;
    place-items : center stretch;
    text-align  : left;
}

.spec_th_image
{
    grid-area : th_image;
}

.spec_th_model
{
    grid-area : th_model;
}

.spec_th_name
{
    grid-area : th_name;
}

.spec_th_attr
{
    grid-area : th_attr;
}

.spec_th_files
{
    grid-area : th_files;
}

.spec_td_image
{
    grid-area : td_image;
}

.spec_td_model
{
    grid-area : td_model;
}

.spec_td_name
{
    grid-area : td_name;
}

.spec_td_attr
{
    grid-area : td_attr;
}

.spec_td_files
{
    grid-area : td_files;
}

.spec_td_actions
{
    grid-area : td_actions;
}

.spec_td_attr ul
{
    -webkit-column-width : 330px;
    -moz-column-width    : 330px;
    column-width         : 330px;
    -webkit-column-count : 2;
    -moz-column-count    : 2;
    column-count         : 2;
    -webkit-column-gap   : var(--s-gap-10, 10px);
    -moz-column-gap      : var(--s-gap-10, 10px);
    column-gap           : var(--s-gap-10, 10px);
    list-style           : decimal;
}

.spec_td_files > div
{
    display                : -ms-grid;
    display                : grid;
    grid-auto-rows         : minmax(40px, 55px);
    gap                    : var(--s-gap-20, 20px);
    height                 : 100%;
    -webkit-box-pack       : start;
    -ms-flex-pack          : start;
    justify-content        : start;
    -webkit-padding-before : var(--s-gap-20, 20px);
    padding-block-start    : var(--s-gap-20, 20px);
}

.spec_td_files > div > *
{
    min-height        : 50px !important;
    width             : 100%;
    margin            : 0 !important;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    text-align        : center;
}

.spec_td_files > div > * img
{
    -webkit-transition : 250ms;
    -o-transition      : 250ms;
    transition         : 250ms;
}

.spec_td_actions, .spec_td_actions > div
{
    padding : 0 !important;
}

.spec_td_actions > div
{
    aspect-ratio : 1/1;
    width        : 100%;
    display      : -ms-grid;
    display      : grid;
    place-items  : center;
}

#product-spec .slider
{
    width : 100% !important;
}

[id^=account].container > .row
{
    --column_right : calc(5 * var(--m-gap-56));
    margin         : 0;
    display        : -ms-grid;
    display        : grid;
    grid-gap       : var(--m-gap-50) var(--m-gap-50);
}

[id^=account].container > .row > *
{
    width   : unset !important;
    margin  : 0;
    padding : 0;
}

aside#column-right
{
    margin-top         : calc(-1 * var(--m-gap-50) / 4);
    text-align         : unset;
    -webkit-box-shadow : none;
    box-shadow         : none;
}

[data-list=price]
{
    display               : -ms-grid;
    display               : grid;
    grid-gap              : var(--l-gap-08, 8px) var(--l-gap-16, 16px);
    -webkit-box-align     : center;
    -ms-flex-align        : center;
    align-items           : center;
    grid-auto-rows        : minmax(16px, min-content);
    grid-template-rows    :repeat(3, minmax(16px, max-content));
    grid-template-columns :minmax(135px, max-content) fit-content(80%);
}

[data-li=price]
{
    -ms-grid-row : 1;
    grid-row     : 1;
    width        : -webkit-fit-content;
    width        : -moz-fit-content;
    width        : fit-content;
}

[data-li=images]
{
    -ms-grid-column : 2;
    grid-column     : 2;
    gap             : var(--l-gap-08, 6px) var(--l-gap-16, 14px);
}

@media (max-width : 1020px)
{
    [data-li=images]
    {
        grid-row              : 1/span 3;
        display               : grid;
        grid-auto-flow        : column;
        grid-template-columns : 100%;
        grid-template-rows    : repeat(3, max-content);
        place-items           : start center;
    }
}

@media (min-width : 1020.4px)
{
    [data-li=price]
    {
        grid-column : 1/-1;
    }
    
    [data-li=images]
    {
        grid-row    : 1/span 3;
        display     : -webkit-box;
        display     : -ms-flexbox;
        display     : flex;
        align-items : center;
    }
}

[id=blog].css-carousel
{
    margin-top : var(--m-gap-18);
}

[id=blog].css-carousel .webi-blog-image
{
    display     : grid;
    line-height : 1;
}

[id=blog].css-carousel .webi-blog-image img
{
    display : flex;
}

.allmb {
    padding: 0;
    overflow: hidden;
    display: grid;
    grid-template:1fr/fit-content(300px) minmax(1px, 1fr);
    grid-gap      : 0;
}

@media screen and (max-width : 766px)
{
    .allmb
    {
        grid-template :auto auto/100%;
    }
}

.allmb > .row > *
{
    padding : 0;
    margin  : 0;
    width  : auto;
}

.allmb .webi-blog-image
{
    margin: var(--s-gap-08);
    overflow : hidden;
    
}

@media screen and(min-width : 766px)
{
    .allmb .webi-blog-image
    {
        margin-right : 0;
    }
}

.allmb .webi-blog-image img
{
    transition : 350ms;
}

.allmb:not(:hover) .imgblog img
{
    transform : scale(1.17);
}

.allmb .allcomment
{
    padding : var(--r-pdblock);
}

.owl-carousel .owl-wrapper
{
    padding-bottom : 20px;
}