/*Intro*/
    .intro-catalog {height:100vh;width:100%;color:var(--color-white);overflow:hidden;position:relative;}
    .intro-catalog .slides {height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1;}
    .intro-catalog .slide {top:0;left:0;right:0;bottom:0;position:absolute; z-index:1; visibility:hidden; backface-visibility:hidden;overflow:auto;transform:translateY(0%)}
    .intro-catalog .slide.active {visibility:visible;}                                    
    .intro-catalog .slide-onTop{z-index:2;visibility: visible;}
    @media (max-width:768px){
        .intro-catalog {height:auto;color:var(--color-black);padding-bottom: 0px !important;}
        .intro-catalog .slides {position:relative;height:32vh;margin-bottom:15px;}
        .intro-catalog .slide img {object-fit:cover;height:100%;}
    }
    .intro-catalog .intro-catalog-btn {position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 5px;}
    .intro-catalog .intro-catalog-btn .item {position:relative;transition: 0.3s;background:rgb(255 255 255 / 50%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);color:var(--color-black);padding:20px;font-weight:400;cursor:pointer;}
    .intro-catalog .intro-catalog-btn .item.active {background:var(--color-accent);transition: 0.3s;}
    .intro-catalog .intro-catalog-btn .item.active .arrow img,
    .intro-catalog .intro-catalog-btn .item:hover .arrow img {transform: rotate(90deg);transition: 0.3s;}

    .intro-catalog .intro-catalog-btn .item p:nth-child(1) {font-size:18px;margin-bottom:0px;font-weight:500;}
    .intro-catalog .intro-catalog-btn .item p:nth-child(2) {margin-bottom:0px;opacity:0.6;font-size: 14px;}
    .intro-catalog .intro-catalog-btn .arrow{width:50px;height:38px;display:flex;background:#fff;align-items:center;justify-content:center;margin-left:auto;}
    .intro-catalog .intro-catalog-btn .arrow img {width:12px;transition: 0.3s;}
    
    @media (max-width:768px){
        .intro-catalog .intro-catalog-btn .item {padding: 15px;}
        .intro-catalog .intro-catalog-btn .item p:nth-child(1) {font-size:16px;line-height:140%;}
        .intro-catalog .intro-catalog-btn .item p:nth-child(2) {font-size: 12px;}
        .intro-catalog .intro-catalog-btn .arrow {position:absolute;bottom:15px;right:15px;width:40px;height:28px;}
    }
    @media (min-width:1900px){
        .intro-catalog .intro-catalog-btn .item p:nth-child(2) {margin-bottom:30px;}
    }
/*Catalog*/
    /*категория*/
    .section-category {display:none;}
    .section-category.active {display:block;}

    .catalog {margin-bottom: 60px;}
	.catalog .category {position:relative;color:var(--color-white);font-weight:200;margin-bottom:15px;}
    .catalog .category:after {background:linear-gradient(149deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.3) 100%);z-index:-1;content:'';position:absolute;height:100%;width:100%;bottom:0;left:0;}
    .catalog .category img {z-index:-2;position:relative;}
    .catalog .category h1, .catalog .category h2 {position:absolute;left:20px;top:20px;margin-bottom:5px;}
    .catalog .category p {position:absolute;right:20px;bottom:20px;font-size:14px;margin-bottom:0px;}
    
    /*товар*/
    .catalog .element {display:grid;gap: 15px;grid-template-columns: 5fr 2fr 2fr 5fr;align-items:center;border-top:1px solid var(--color-brown);padding:15px 0;}
    .catalog .element:last-of-type {border-bottom:1px solid var(--color-brown);margin-bottom:20px;}
    .catalog .element .block {font-size: 14px}
    .catalog .element .block p:nth-child(1) {margin-bottom:0px;opacity:0.6;line-height:160%;}
    .catalog .element .block p:nth-child(2) {margin-bottom:0px;line-height:160%;}

    @media (max-width:768px){
        .catalog {margin-bottom:30px;}
        .catalog .element {align-items: start;grid-template-columns: 6fr 2fr 2fr;row-gap:10px;column-gap:5px;padding:10px 0;}
        .catalog .element .block {font-size: 12px}
        .catalog .element > .block:last-child {grid-column:1 / -1;border-top:1px solid var(--color-brown);padding-top:10px;}
    }
    .next-category {display:flex;justify-content:space-between;border-bottom: 1px solid var(--color-brown); border-top:1px solid var(--color-brown);padding:30px 0;cursor:pointer;}
    .next-category .name p {font-size:18px;margin-bottom:0;}
    .next-category .name span {font-size:14px;opacity:0.6;}
    .next-category .arrow {display:inline-flex;width:80px;height:38px;background:var(--color-accent);align-items:center;justify-content:center;}
    .next-category .arrow:before {height:38px; line-height:35px; content:url(/upload/icon/black/arrow-btn.svg); text-align:center; position:absolute}

    .btn-wrapper a {margin-bottom: 5px;}