:root {
    --size-content:1420px;
    --cl-header:#f7f7f8;
    --cl-orange:#ec771a;
    
    --cl-link:#ec771a;
    --cl-link-hover:#777;
}

*{
    //outline:1px solid red;
    box-sizing: border-box;
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../../../../../fonts/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;}

@font-face {
  font-family: "Roboto-Thin";
  src: url("../../../../../fonts/Roboto-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../../../../../fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;}

html{
    height: 100%;}

body{
    width:100%;
    font-family: "Roboto-Regular";
    min-width:360px;
    display:flex;
    flex-direction:column;
    min-height: 100%;
    background:#f7f7f8;}

* {
    box-sizing: border-box;
    transition: all .5s;}
a{
    transition: all .5s;
    color:var(--cl-orange);
    text-decoration:none;}

a:hover{
    color:var(--cl-link-hover);}

main p{
    line-height: 1.2;
    margin:10px 0;}

h1,
.h1{
    font-family: "Roboto-Thin";
    text-shadow: .1px .1px #000;
    font-size:20pt;
    padding: 0;
    line-height: 1.2;
    margin:10px 0 20px;
    text-transform: uppercase;
    color:#000;}

header {
    
    width:100%;
    background:var(--cl-header);
    flex:1 0 auto;
    padding: 0 20px;}

header > div{  
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

.header > div .header > div {
    width:100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;}

.header > div .logo{
    padding:25px 0 15px;
    width:40%;
    min-width:290px;}

    @media screen and (max-width: 1400px){
        .header > div .logo{
            width:35%;}
}
    @media screen and (max-width: 620px){
        .header > div .logo{
            width:100%;
            min-width:auto;}
}

header .logo img{
    max-width:100%;}

.header > div .times,
.header > div .adres,
.header > div .phone{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:20px 0 0 60px;
    text-align:left;
    line-height:1.3;
    font-size:13.5pt;
    text-shadow:.2px .2px 0 #222;
    font-family: "Roboto-Thin";
    color:#000;
    width:20%;
    order:1;}

    @media screen and (max-width: 1400px){
        .header > div .times,
        .header > div .adres,
        .header > div .phone{
            width:auto;}
}

.header > div .times{
    position: relative;}

    @media screen and (max-width: 900px){
        .header > div .times{
            width:100%;
            order:2;
            text-align:right;
            padding:5px 0;
            font-size:12pt;}
}

.header > div .times br{}

    @media screen and (max-width: 900px){
        .header > div .times br{
            display:none;}
}

.header > div .times:before{
    position: absolute;
    content: "";
    width:45px;
    height:45px;
    display:block;
    background-image: url(../../../../../images/new-style/icons_dsk.svg);
    background-size: 45px;
    background-repeat: no-repeat;
    left:5px;
    top:40px;
    background-position: 0px -90px;}

.header > div .adres{
    position: relative;}
    
    @media screen and (max-width: 1200px){
        .header > div .adres{
            width:100%;
            order:3;
            padding:0;
            text-align:right;}
}
    
    @media screen and (max-width: 900px){
        .header > div .adres{
            font-size:12pt;}
}

.header > div .adres:before{
    position: absolute;
    content: "";
    width:45px;
    height:45px;
    display:block;
    background-image: url(../../../../../images/new-style/icons_dsk.svg);
    background-size: 45px;
    background-repeat: no-repeat;
    left:5px;
    top:40px;}

.header > div .adres br{}

    @media screen and (max-width: 1200px){
        .header > div .adres br{
        display:none;}
}

.header > div .phone{
    position: relative;
    text-align:right;}

    @media screen and (max-width: 620px){
        .header > div .phone{
            width:100%;}
}

.header > div .phone:before{
    position: absolute;
    content: "";
    width:45px;
    height:45px;
    display:block;
    background-image: url(../../../../../images/new-style/icons_dsk.svg);
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: 0px -45px;
    left:13px;
    top:40px;}


.header > div .phone a{
    font-size:18pt;
    margin:0;
    display:table;
    color:#000;
    font-family: "Roboto-Regular";}

    @media screen and (max-width: 1200px){
        .header > div .phone a{
           font-size:15pt;}
}

.header > div .phone a:hover{
        color:var(--cl-orange);}

    @media screen and (max-width:1200px){
        .header > div .adres:before{
            display:none;}
}

    @media screen and (max-width:900px){
        .header > div .times:before{
            display:none;}
}

    @media screen and (max-width:620px){
        .header > div .phone:before{
            display:none;}
}


.menu{
    width:100%;
    font-size: 14pt;
    max-width: var(--size-content);
    margin:0 auto;
    border-bottom: 1px solid #999;}

.menu h3{
    display:none;}

.menu ul{

    display:flex;
    flex-wrap:wrap;
    gap:20px;}

.menu ul li a{
    display:block;
    padding:15px 0 13px;
    color:#222;
    text-shadow:.2px .2px 0 #222;
    font-family: "Roboto-Thin";}

.menu ul li a:hover{
    color:var(--cl-orange)}

main{
    width: 100%;
    min-width:320px;
    flex:1 0 auto;
    margin:0 auto;
    padding:0px 20px;}

main .com-content-article {
    padding:20px;
    margin:15px auto;
    max-width:var(--size-content);
    background:#fff;}

.moduletable.slider {
    width:100%;
    padding:0 20px;
    position:relative;
    display:block;
    margin:5px auto;}

.slider .slider {
    margin:0 auto;
    max-width:var(--size-content);
    display:block;
    position: relative;}



.nspImage{
    width:100% !important;
    height:auto !important;
    object-fit:cover;
    object-position:left;
    min-height:300px;}

.moduletable.slider h4{
    font-family: "Roboto-Bold";
    position:absolute;
    width:35%;
    color:#fff;
    font-size:50pt;
    top:20%;
    left:5%;
    padding:0;
    line-height:1.1;
    text-transform: uppercase;
    z-index:2;
    text-shadow:2px 2px 5px #000;
}

    @media screen and (max-width:1300px){
        .moduletable.slider h4{
            font-size: calc(10pt + 9 * (100vw / 300));}
}



.moduletable.slider .nspArt > p {
    position:absolute;
    width:55%;
    left:5%;
    display:table;
    color:#fff;
    font-size:18pt;
    bottom:20%;
    padding:0;
    line-height:1.1;
    font-size: calc(10pt + 2 * (100vw / 300));
    text-shadow:2px 2px 5px #000;
}

.moduletable.slider .nspArt div {
    width:30%;
    height:100%;
    position: absolute;
    background: rgba(236,119,26,.95);
    padding:40px 30px;
    top:2%;
    right:1%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.moduletable.slider .nspArt div > p{
    color:#fff;
    margin:5% 0;
    line-height:1.2;
    padding:0 0 0 10px;
    font-size: 18pt;}

    @media screen and (max-width:1100px){
        .moduletable.slider .nspArt div > p{
            font-size: calc(9pt + 2 * (100vw / 300));}    
    }
    
    @media screen and (max-width:900px){
        .moduletable.slider .nspArt div > p{
            font-size: calc(7pt + 2 * (100vw / 300));}    
    }
    
    @media screen and (max-width:700px){
        .moduletable.slider .nspArt div {
            padding:40px 10px;}
            
        .moduletable.slider .nspArt div > p{
            font-size: calc(5pt + 2 * (100vw / 300));}    
    }


footer {
    
    flex:0 0 auto;
    width:100%;
    background:#747474;
    padding:0 20px;
    max-height:600px;
    color:#fff;}

footer > div{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:30px 0 20px;}




/* Каталог категорий на главной */

#comjshop{
    width:100%;
    max-width: var(--size-content);
    padding:20px 0;    
    margin:0 auto;
    box-sizing:border-box;}

#comjshop .jshop_list_category {
    min-width:100%;
    margin:20px auto;}

#comjshop .jshop_list_category .row-fluid {
    width:100%;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    gap:25px;}

    @media screen and (max-width: 1200px){
        #comjshop .jshop_list_category .row-fluid {
            gap:calc(60px / 3);}
}
    @media screen and (max-width: 900px){
        #comjshop .jshop_list_category .row-fluid {
            gap:calc(45px / 2);}
}
    @media screen and (max-width: 700px){
        #comjshop .jshop_list_category .row-fluid {
            gap:20px;}
}
    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid {
            gap:10px;}
}

#comjshop .jshop_list_category .row-fluid .category {
    width:calc(100%/5 - 20px);
    border:1px solid #ccc;
    margin:0;
    display: flex;
    flex-direction: column;
    background:#fff;
    position:relative;
    z-index:1;
    transition: all .5s;}

#comjshop .jshop_list_category .row-fluid .category:hover{
    border:1px solid var(--cl-orange);}

    @media screen and (max-width: 1200px){
        #comjshop .jshop_list_category .row-fluid .category {
            width:calc(100%/4 - 15px);}
}
    @media screen and (max-width: 900px){
        #comjshop .jshop_list_category .row-fluid .category {
            width:calc(100%/3 - 15px);}
}
    @media screen and (max-width: 700px){
        #comjshop .jshop_list_category .row-fluid .category {
            width:calc(100%/2 - 10px);}
}
    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid .category {
            width:100%;
            padding:0px; 
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;
            flex-direction: row;}
}

#comjshop .jshop_list_category .row-fluid .category:before{
    content: "";
    display: block;
    width:50px;
    height:40px;
    position:absolute;
    top:-1px;
    right:-1px;
    z-index:1;
    border-right:1px solid var(--cl-orange);
    border-top:1px solid var(--cl-orange);}

#comjshop .jshop_list_category .row-fluid .category:after{
    content: "";
    display: block;
    width:50px;
    height:40px;
    position:absolute;
    bottom:-1px;
    left:-1px;
    z-index:1;
    border-bottom:1px solid var(--cl-orange);
    border-left:1px solid var(--cl-orange);}

#comjshop .jshop_list_category .row-fluid .category .image {
    position:relative;
    z-index:2;
    width:100%;}

    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid .category .image {
            float:left;
            width:20%;}
}

#comjshop .jshop_list_category .row-fluid .category img{
    width:100%;
    padding:8px;}

    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid .category img{
        padding:4px 0 0 10px;}
}

#comjshop .jshop_list_category .row-fluid .category .category_info{
    padding:0;
    flex-grow: 1;
    width:100%;}

    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid .category .category_info{
            width:80%;
            display:flex;
            flex-wrap:wrap;
            float:left;}
}

#comjshop .jshop_list_category .row-fluid .category .category_name {
    line-height:1;
    padding:0;
    margin:0;
    height:100%;
    display:flex;}

    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid .category .category_name {
            line-height:1.3;
            width:100%;
            float:left;}
}

#comjshop .jshop_list_category .row-fluid .category .category_name a{
    text-transform:uppercase;
    position: relative;
    z-index:2;
    padding:8px;
    flex-grow: 1;
    font-size:13pt;
    width:100%;
    display:block;
    color:#000;
    text-align: center;
    line-height: 1.3;}

    @media screen and (max-width: 1200px){
        #comjshop .jshop_list_category .row-fluid .category .category_name a{
            font-size:11pt;}
}
    @media screen and (max-width: 500px){
        #comjshop .jshop_list_category .row-fluid .category .category_name a{
            font-size:12pt;
            min-height:100%;
            padding:12px 20px;
            width:100%;
            display: flex;
            flex-flow: column;
            justify-content:center;}
}

/* Каталог продукции */

#comjshop .list_product .row-fluid {
    width:100%;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    gap:25px;}

    @media screen and (max-width: 1200px){
        #comjshop .list_product .row-fluid {
            gap:calc(60px / 3);}
}
    @media screen and (max-width: 900px){
        #comjshop .list_product .row-fluid {
            gap:calc(45px / 2);}
}
    @media screen and (max-width: 700px){
        #comjshop .list_product .row-fluid {
            gap:20px;}
}
    @media screen and (max-width: 500px){
        #comjshop .list_product .row-fluid {
            gap:10px;}
}

#comjshop .list_product .row-fluid .sblock999{
    width:calc(100%/5 - 20px);
    position: relative;
    border:1px solid #ccc;
    margin:0;
    background:#fff;
    display: flex;
    flex-direction: column;}

#comjshop .list_product .row-fluid .sblock999:hover{
        border:1px solid var(--cl-orange);}

    @media screen and (max-width: 1200px){
        #comjshop .list_product .row-fluid .sblock999{
            width:calc(100%/4 - 15px);}
}
    @media screen and (max-width: 900px){
        #comjshop .list_product .row-fluid .sblock999{
            width:calc(100%/3 - 15px);}
}
    @media screen and (max-width: 700px){
        #comjshop .list_product .row-fluid .sblock999{
            width:calc(100%/2 - 10px);}
}
    @media (max-width: 500px){
        #comjshop .list_product .row-fluid .sblock999{
            width:100%;
            padding:0px; 
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;}
}

#comjshop .list_product .row-fluid .sblock999:before{
    content: "";
    display: block;
    width:50px;
    height:40px;
    position:absolute;
    top:-1px;
    left:-1px;
    z-index:1;
    border-left:1px solid var(--cl-orange);
    border-top:1px solid var(--cl-orange);}

#comjshop .list_product .row-fluid .sblock999:after{
    content: "";
    display: block;
    width:50px;
    height:40px;
    position:absolute;
    bottom:-1px;
    right:-1px;
    z-index:1;
    border-bottom:1px solid var(--cl-orange);
    border-right:1px solid var(--cl-orange);}

#comjshop .list_product .row-fluid .sblock999 .block_product {
    box-shadow: none;
    border:none;
    display: flex;
    flex-grow: 1;
    padding:0;
    margin:0;}

#comjshop .list_product .row-fluid .sblock999 .block_product .product {
    display:flex;
    flex-direction:column;
    flex-grow: 1;}

#comjshop .list_product .row-fluid .sblock999 .block_product .product .image {
    order:1;
    position: relative;
    z-index:2;}

#comjshop .list_product .row-fluid .sblock999 .block_product .product img{
    width:100%;
    padding:8px;}

#comjshop .list_product .row-fluid .sblock999 .block_product .product .name {
    order:2;
    display:flex;
    flex-grow: 2;
    z-index: 2;
    position: relative;}

#comjshop .list_product .row-fluid .sblock999 .block_product .product .oiproduct {
    order:3;
    display:none;}

#comjshop .list_product .row-fluid .sblock999 .block_product .product .name a{
    text-transform:uppercase;
    font-size:13pt;
    padding:8px;
    text-align: center;
    line-height: 1.3;
    padding:10px;
    min-width:100%;
    display:block;
    color:#000;}

    @media screen and (max-width: 1200px){
        #comjshop .list_product .row-fluid .sblock999 .block_product .product .name a{
            font-size:11pt;}
}
    @media screen and (max-width: 500px){
        #comjshop .list_product .row-fluid .sblock999 .block_product .product .name a{
            font-size:12pt;
            min-height:100%;
            padding:12px 20px;
            width:100%;
            display: flex;
            flex-flow: column;
            justify-content:center; }
}

.jshop_prod_description p,
.jshop_prod_description ul li{
    line-height:1.4;
}

.jshop_prod_description ul li{
    padding:0 0 0 30px !important;
    display:table;
    position:relative;
}

.jshop_prod_description ul li:before{
    content:"-";
    position:absolute;
    left:10px;
    top:-8px;
    font-size:20pt;
    color:var(--cl-orange);
    
}


.jshop_prod_description table{
    width:100% !important;}

@media screen and (max-width:620px) {
    .jshop_prod_description table{
        font-size:11pt;
    }
    
     .jshop_prod_description table tr:nth-child(odd) {
        background:#f3f3f3;
    }
    
    .jshop_prod_description table tr td{
        display:block;
        padding:3px 5px;
    }
}

/* Сортировка  */

#comjshop .form_sort_count .control-group{
    display:flex;
    flex-direction:column;
    display:none;}

#comjshop .form_sort_count .controls .input-group #order{
    margin:10px 0;
    display:table;
    padding:7px 20px;
    min-width:200px;
    border:1px solid #ccc;
    outline:0;}

#comjshop .form_sort_count .controls .input-group #order option{
    padding:5px;
    display:block;}


/* Карточка продукции */

#comjshop.productfull  {
    background:#fff;
    margin:15px auto;
    display:table;
    padding:20px;}

#comjshop.productfull .image_middle {
    float:left;
    margin:0 20px 0 0;
    width:35%;}

@media screen and (max-width:620px) {
    #comjshop.productfull .image_middle {
        width:100%;
    }
}

#comjshop.productfull .image_middle img{
    width:100%;
}

#comjshop.productfull .jshop_prod_description table {
    width:100%;
    line-height:1.2;
    margin:10px 0;}

#comjshop.productfull  h1{
    font-size:16pt;
}


#mxcpr{
    display:none;}

/* Преимущества */

.preim {
    width:100%;
    padding:20px 0 0;
    margin:25px 0 0;
}

.preim .custom{
    width:100%;
    max-width: var(--size-content);
    margin: 0 auto;}

.preim .custom table{
    border:none;
    width: 100%;}

.preim .custom table tr{
    display:flex;
    flex-wrap: wrap;
    gap:30px;}

.preim .custom table tr td{
    font-family: "Roboto-Thin";
    width:calc(25% - 30px*3/4);
    border:1px solid #ccc;
    padding:150px 30px 30px;
    font-size: 16pt;
    line-height:1.2;
    text-shadow: .2 .2 0 #000;
    flex-grow: 1;
    font-weight:600;
    position: relative;
    text-transform:uppercase;
    text-align:center;
    border:2px solid var(--cl-orange);
}

.preim .custom table tr td:first-child{
    width:calc(50% - 15px);
    padding:50px 0;
    border:0;
    font-size:40pt;
    text-align:left;
}

.preim .custom table tr td:before{
    position:absolute;
    content:"";
    width:180px;
    height:120px;
    display:block;
    background-image:url(../../../../../images/new-style/icons_dsk_pr.svg);
    background-size:cover;

    top:30px;
    left:calc(50% - 90px)}

.preim .custom table tr td:nth-child(1):before{
    background-image:none;}

.preim .custom table tr td:nth-child(2):before{
    background-position:0 -220px;}

.preim .custom table tr td:nth-child(3):before{
    background-position:0 -757px;}
    
.preim .custom table tr td:nth-child(4):before{
    background-position:0 -40px;} /* */

.preim .custom table tr td:nth-child(5):before{
    background-position:0 -580px;} /* */

.preim .custom table tr td:nth-child(6):before{
    background-position:0 -940px;}
    
.preim .custom table tr td:nth-child(7):before{
    background-position:0 -395px;
} /* */


    @media screen and (max-width:1100px) {
        
        .preim .custom table tr td:first-child{
            font-size:30pt;}
            
        .preim .custom table tr td{
            padding:120px 10px 10px;
            font-size: 14pt;}
            
        .preim .custom table tr td:before{
            width:130px;
            height:100px;
            left:calc(50% - 65px)}
                
        .preim .custom table tr td:nth-child(2):before{
            background-position:0 -160px;}
            
        .preim .custom table tr td:nth-child(3):before{
            background-position:0 -545px;}
            
        .preim .custom table tr td:nth-child(4):before{
            background-position:0 -28px;} /* */

        .preim .custom table tr td:nth-child(5):before{
            background-position:0 -423px;} /* */
            
        .preim .custom table tr td:nth-child(6):before{
            background-position:0 -680px;}
            
        .preim .custom table tr td:nth-child(7):before{
            background-position:0 -285px;} /* */
    }
    
    @media screen and (max-width:900px) {
        
        .preim .custom table tr td:first-child{
            width:100%;
            padding:0;}
            
        .preim .custom table tr td:first-child br{
            display:none;}
            
        .preim .custom table tr td{
            width:calc(33.33% - 30px*2/3);
            font-size:14pt;
            padding:120px 20px 20px;}
    }
    
    @media screen and (max-width:700px) {
        .preim .custom table tr td{
            width:calc(50% - 30px);
            font-size:14pt;
            padding:120px 20px 20px;}
    }
    
    @media screen and (max-width:500px) {
        .preim .custom table tr{
            gap:10px;}
            
        .preim .custom table tr td:first-child{
            font-size:25pt;}
            
        .preim .custom table tr td{
            width:100%;
            font-size:14pt;
            text-align:left;
            padding:20px 20px 20px 100px;}
            
        .preim .custom table tr td:before{
            width:80px;
            height:60px;
            left:10px;
            top:10px;}

        .preim .custom table tr td:nth-child(2):before{
            background-position:0 -98px;}
        
        .preim .custom table tr td:nth-child(3):before{
            background-position:0 -340px;}
        
        .preim .custom table tr td:nth-child(4):before{
            background-position:0 -18px;} /* */
        
        .preim .custom table tr td:nth-child(5):before{
            background-position:0 -260px;} /* */
        
        .preim .custom table tr td:nth-child(6):before{
            background-position:0 -420px;}
            
        .preim .custom table tr td:nth-child(7):before{
            background-position:0 -177px;} /* */
    }
    
    @media screen and (max-width:390px) {
        .preim .custom table tr td:nth-child(2):before{
            background-position:0 -88px;}
        
        .preim .custom table tr td:nth-child(3):before{
            background-position:0 -330px;}
        
        .preim .custom table tr td:nth-child(4):before{
            background-position:0 -8px;} /* */
        
        .preim .custom table tr td:nth-child(5):before{
            background-position:0 -250px;} /* */
        
        .preim .custom table tr td:nth-child(6):before{
            background-position:0 -410px;}
            
        .preim .custom table tr td:nth-child(7):before{
            background-position:0 -167px;} /* */
    }

/***** ***** ***** ***** ! Вы недавно смотрели: */

.see-last {
    width:100%;
    max-width:var(--size-content);
    border-top:1px solid #999;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    font-family: "Roboto-Regular";
    padding-top:20px;}

.see-last h3{
    width:20%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    font-size:24pt;
    line-height: 1.1;
    padding:0 20px 20px;
    text-shadow: .3px .3px 0 #000;
    color:var(--cl-link);
    color:#000;
    font-family: "Roboto-Thin";
    margin:-7px 0 0;}

.see-last .last_seen_products{
    width:80%;
    display:flex;
    flex-wrap:wrap;
    gap:20px;}

.see-last .last_seen_products article{
    width:calc(25% - 20px*3/4);
    border:1px solid #ccc;
    background:#fff;
    padding:15px;}

@media screen and (max-width:1200px){
    .see-last .last_seen_products article{
        width:calc(33.33% - 20px*2/3);}
    
    .see-last .last_seen_products article:nth-child(4){
        display: none;}
}

@media screen and (max-width:900px){
    .see-last .last_seen_products{
        width:70%;}
    
    .see-last .last_seen_products article{
        width:calc(50% - 20px/2);}
    
    .see-last .last_seen_products article:nth-child(3){
        display: none;}

    .see-last h3{
        font-size:20pt;
        
        width:30%;}
}

@media screen and (max-width:600px){
    .see-last .last_seen_products{
        width:50%;}
    
    .see-last .last_seen_products article{
        width:100%;}
    
    .see-last .last_seen_products article:nth-child(2){
        display: none;}

    .see-last h3{
        font-size:18pt;
        width:50%;}
}

.see-last .last_seen_products article:hover{
    border:1px solid var(--cl-link)}

.see-last .last_seen_products article img{
    width:100%;
    height:auto;}

.see-last .last_seen_products article a{
    color:#000;
    text-transform: uppercase;
    line-height: 1.4;}

.see-last .last_seen_products article:hover a{
    text-shadow: .2 .2 0 var(--cl-link);
    color:var(--cl-link);}

/* cookie */

.cookie {
    position:fixed;
    z-index:99999;
    display:table;
    bottom:15px;
    left:30px;
    max-width:400px;
    background:rgb(255,255,255,1);
    -webkit-box-shadow:3px 3px 5px #777;
            box-shadow:3px 3px 5px #777;
    padding:20px 30px;
    line-height:1.2;
    border-radius:5px;
    font-size:11pt}
    
.cookie p{
    margin:10px 0;}
    
.cookie a#cookie-agreement-button{
    display:table;
    padding:8px 30px;
    background:var(--cl-orange);
    color:#fff;
    font-size:13pt;
    border-radius:5px;
    margin:20px 0 0;}
    
.cookie a#cookie-agreement-button:hover{
    background:#000;
}

/* Навигация */

.mod-breadcrumbs__wrapper {
    width: 100%;
    max-width:calc(var(--size-content) + 40px);
    margin:0 auto;
    //border-top:1px solid var(--cl-link);
    padding:10px 20px 0;
    font-size:10pt;
}

.mod-breadcrumbs__wrapper .breadcrumb {
    display:flex;
    flex-wrap:wrap;
    //gap:15px;
}

.mod-breadcrumbs__wrapper li a{
    margin:0 10px 5px 0;
    
}
footer {
    line-height:1.3;
}
.f-contact h3 {
    font-size:20pt;
    margin:10px 0;
}

.f-contact a{
    color:#fff;
    font-size:18pt;
    display:table;
}

.icons {
    display:none;
}