*{
    padding: 0;
    margin: 0;
}
@font-face {
    font-family: "Jost-Regular";
    src: url("../fonts/Jost-Regular.ttf");
}
@font-face {
    font-family: "Jost-Medium";
    src: url("../fonts/Jost-Medium.ttf");
}
@font-face {
    font-family: "Jost-Bold";
    src: url("../fonts/Jost-Bold.ttf");
}

:root {
    --font-regular: "Jost-Regular";
    --font-medium: "Jost-Medium";
    --font-bold: "Jost-Bold";
}

body {
    font-family: var(--font-regular),sans-serif;
    background: #fff;
    color: #1E1E1E;
}
.button{
    font-family: var(--font-medium),sans-serif;
    outline: none;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FF2339;
    /*width: 100%;*/

    font-size: 17px;
    line-height: 118%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
}
.button:hover{
    background: #E22A3C;
}
input{
    outline: none;
    border: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {  display: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a{
    text-decoration: none;
    color: #1E1E1E;
}

#scrollToTop{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    background: #FF2339;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    border: none;
    z-index: 900;
    cursor: pointer;
}
 #scrollToTop:hover{
    background: #E22A3C;
 }
#scrollToTop.show{
    opacity: 1;
    pointer-events: auto;
}
/*header*/

.navigation{
    box-sizing: border-box;
    width: 370px;
    min-height: 100%;
    background: #FF2339;
    padding: 48px 40px 151px 51px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.logo{
    display: inline-block;
    max-height: 42px;
}
.logo img{
    width: 100%;
}
.navigation-top-logo{
    margin-right: -8px;
    margin-bottom: 143px;
}
.navigation-bottom-logo{
    margin-bottom: 39px;
}
.menu{
    margin-bottom: 130px;
}
.menu-items{
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 30px;
}
.menu-item{
    text-align: end;
    max-width: 224px;
}
.menu-item-link{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    text-align: right;
    color: #fff;
    transition: .2s ease all;
    position: relative;
}
.menu-item-link::after{
    display: none;
    content: url("../images/icons/triangle.svg");
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -20px;
}
.menu-item-link:hover::after {
    display: block;
}
.menu-item-link:hover{
    border-bottom: 1px solid #fff;
}
.navigation-top-our-contacts{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 35px;
}
.navigation-top-our-contacts a{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #fff;
}
.navigation-top-our-info{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}
.navigation-top-our-info p{
    font-size: 16px;
    line-height: 112%;
    letter-spacing: 0.02em;
    color: #fff;
}
.navigation-top-our-info p:first-child{
    margin-bottom: 4px;
}
.navigation-bottom-our-info{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 40px;
}
.navigation-bottom-our-info,
.navigation-bottom-our-info a {
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0.02em;
    text-align: right;
    color: #fff;
}

.useful-links{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 40px;
}
.useful-links a{
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0.02em;
    text-align: right;
    color: #fff;
}
.copyright{
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #fff;
    text-align: end;
}


/*main*/

.body-container{
    display: flex;
    position: relative;
}
.main{
    width: calc(100% - 370px);
    padding-bottom: 151px;
}
.container{
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1470px;
    margin: 0 auto;
}

.search{
    width: 100%;
}
.search-form{
    position: relative;
}
.search-form img{
    cursor: pointer;
    position: absolute;
    top: 12.5px;
    right: 22px;
    width: 24.5px;
    height: 24.5px;
}
.search-input{
    padding: 15px 20px 15px 20px;
    background: transparent;
    height: 52px;
    width: 350px;
    border: 1px solid #fff;

    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #fff;
}
.search-input::placeholder{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #fff;
    opacity: 0.2;
}


/*slider*/

.main-slider{
    position: relative;
}
.header{
    position: absolute;
    top: 44px;
    right: 40px;
    z-index: 2;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 84px;
}
.carousel-one-item{
    background-image: url("../images/main-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 500px;
    padding-bottom: 403px;
}
.carousel-one-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    max-width: 740px;
    margin-bottom: 25px;
}
.carousel-one-dot.active{
    background-color: #FF2339;
}
.carousel-one-controls{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    bottom: 35px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    height: 5px;
}
.carousel-one-dots{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 25px;
}
.carousel-one-dot{
    cursor: pointer;
    height: 5px;
    width: 396px;
    box-sizing: border-box;
    background: #fff;
    opacity: 0.77;
}
.carousel-one-button{
    padding-left: 103px;
    padding-right: 103px;
}

.header-actions{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 40px;
}
.header-action{
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-container{
    min-height: 100%;
    position: absolute;
    z-index: 11;
    left: -576px;
    top: 0;
    background: #fff;
    width: 516px;
    padding: 233px 138px 0 33px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: opacity 0.7s ease, visibility 0.7s ease, left 0.7s ease;
}
/*.catalog{*/
/*    overflow: scroll;*/
/*    scrollbar-width: none;*/
/*    height: 100vh;*/
/*}*/
.catalog::-webkit-scrollbar {  display: none; }
.catalog-container.show{
    opacity: 1;
    visibility: visible;
    left: 370px;
}
.catalog-menu{
    margin-bottom: 58px;
}
.catalog-menu-items{
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 30px;
}

.catalog-menu-item-link{
    color: #1E1E1E;
    font-size: 20px;
    line-height: 100%;
}
.catalog-menu-item-link:hover{
    border-bottom: 1px solid #1E1E1E;
}

.catalog-useful-links{
    display: flex;
    flex-direction: column;
}
.catalog-useful-links a{
    transition: .2s ease all;
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 100%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
}
.catalog-useful-links a:hover{
    color: #000;
}
.catalog-useful-links a:first-child{
    margin-bottom: 30px;
}


.h2-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1E1E1E;
}
.big-link{
    font-family: var(--font-medium),sans-serif;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
}
.line-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
}



/*product-card*/

.product-card{
    background: #efefef;
    display: flex;
    flex-direction: column;
}
.product-card-image img{
    min-height: 355px;
    object-fit: cover;
    max-height: 355px;
    width: 100%;
    object-fit: cover;
}
.product-card-content{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.product-card-id{
    font-family: var(--font-medium),sans-serif;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: 0.02em;
}
.product-card-title{
    font-size: 17px;
    line-height: 118%;
    letter-spacing: 0.02em;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-card-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-price{
    font-family: var(--font-medium),sans-serif;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: 0.02em;
}
.product-price .price{
    margin-right: 2px;
}
.product-describe-link{
    font-size: 17px;
    line-height: 118%;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
}
.product-card-button{
    width: 100%;
    margin-top: auto;
}



.carousel-two-controls{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 6px;
    margin-top: 45px;
}
.carousel-two-dots{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 25px;
}
.carousel-two-dot{
    cursor: pointer;
    height: 6px;
    width: 95px;
    box-sizing: border-box;
    background: #EFEFEF;
    opacity: 0.77;
}
.carousel-two-dot.active{
    background-color: #FF2339;
}
.carousel-three-controls{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 6px;
    margin-top: 45px;
}
.carousel-three-dots{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 25px;
}
.carousel-three-dot{
    cursor: pointer;
    height: 6px;
    width: 95px;
    box-sizing: border-box;
    background: #EFEFEF;
    opacity: 0.77;
}
.carousel-three-dot.active{
    background-color: #FF2339;
}
.white-big-link{
    color: #fff !important;
}

.products-item {
    max-width: 475px;
    object-fit: cover;
    position: relative;
}

.products-item:not(.products-item-3, .products-item-1) {
    height: 400px;
}

.products-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products-item-overlay{
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.products-item-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
}
.products-item a{
    display: inline-block;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
    position: relative;
    overflow: hidden;
}
.products-item-watch-link::after{
    content: url("../images/icons/triangle-red.svg");
    position: absolute;
    left: 100px;
    top: 0;
}
.products-item-download-link::after{
    content: url("../images/icons/triangle-red.svg");
    position: absolute;
    left: 130px;
    top: 0;
}
.products-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}
.products-item-3{
    grid-row: span 2;
}
.products-item-1{
    grid-row: span 2;
}
.header-action-favorite,
.header-action-basket{
    position: relative;
}
.header-action-basket-count,
.header-action-favorite-count{
    content: "";
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    right: -25px;
    background: #FF2339;

    font-family: var(--font-medium),sans-serif;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
 }

.search-mobile{
    display: none;
}
.search-mobile-input{
    width: 194px;
    height: 30px;
    box-sizing: border-box;
    padding: 4px 15px;
}
.search-mobile-input::placeholder{
    font-family: var(--font-medium),sans-serif;
    font-size: 10px;
    line-height: 230%;
    letter-spacing: 0.02em;
    color: #fff;
    opacity: 0.2;
}
.search-mobile-input{
    font-family: var(--font-medium),sans-serif;
    font-size: 10px;
    line-height: 230%;
    letter-spacing: 0.02em;
    color: #fff;
}
.search-mobile-img{
    top: 7px !important;
    right: 10px !important;
    width: 16px !important;
    height: 16px !important;
}
#closeNavigation{
    display: none;
}
.menu-item-mobile{
    display: none;
}
.footer{
    display: none;
}
.search-mobile-input-catalog{
    border: 1px solid #9D9D9D;
    color: #9d9d9d;
}
.search-mobile-input-catalog::placeholder{
    color: #9d9d9d;
    opacity: 0.2;
}
.search-mobile-img-catalog{
    filter: invert(94%) brightness(1000%);
}
.header-mobile{
    display: none;
}
.burger{
    cursor: pointer;
}

.lighting-main-screen{
    background-image: url(../images/lighting-main-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 225px;
    padding-bottom: 222px;
}
.main-post-main-screen{
    margin-top: 70px;
    margin-bottom: 70px;
}
.main-h2{
    font-family: var(--font-medium),sans-serif;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1E1E1E;
}
.main-post-main-screen-text{
    font-size: 40px;
    line-height: 115%;
    letter-spacing: 0.02em;
    text-transform: lowercase;
}
.lighting-advantages{
    margin-bottom: 150px;
}
.lighting-advantages-items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 100px;
}
.lighting-advantages-item-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}
.lighting-advantages-item-text{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
}

.lighting-advantages-item > img{
    width: 754px;
    height: auto;
    margin-left: -20px;
}
.lighting-advantages-item-text-first{
    margin-bottom: 20px;
}
.lighting-advantages-item{
    max-width: 617px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lighting-advantages-item-list{
    margin-left: 30px;
}
.lighting-advantages-item-list li{
    text-transform: lowercase;
    list-style: none;
    position: relative;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
}
.lighting-advantages-item-list li::before{
    content: "";
    position: absolute;
    width: 3px;
    border-radius: 50%;
    height: 3px;
    background: #000;
    left: -20px;
    top: 7px;
    /*transform: translate(-50%, 0);*/
}

.types{
    margin-bottom: 165px;
}
.types-items{
    margin-top: 70px;
}
.types-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 76px;
}
.types-item-info{
    width: 50%;
    max-width: 670px;
}
.types-item-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}
.types-item-text{
    max-width: 601px;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
}
.types-item-text-first{
    margin-bottom: 20px;
}
.types-item-1{
    margin-bottom: 20px;
}
.types-item-2{
    margin-bottom: 50px;
}
.types-item-3{
    margin-bottom: 20px;
}
.types-item-4{
    margin-bottom: 120px;
}
.types-item-reverse{
    flex-direction: row-reverse;
}
.types-item-image img{
    max-width: 674px;
    width: 100%;
}
.types-items-2{

    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    justify-items: flex-start;
    row-gap: 140px;
    column-gap: 60px;
}
.types-items-2 .types-item-info{
    width: 100%;
    margin-bottom: 40px;
}
.types-items-2 .types-item-image img{

}
.types-item-col{
    column-gap: unset;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.types-item-col-start{
    align-items: flex-start;
}

.transformation{
    margin-bottom: 240px;
}
.transformation-items{
    margin-top: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 20px;
}
.transformation-item{
    width: 50%;
}
.transformation-item-image{
    margin-bottom: 30px;
}
.transformation-item-image img{
    max-width: 100%;
    max-height: 481px;
}
.transformation-item-title{
    font-family: var(--font-medium),sans-serif;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
}
.transformation-item-text{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
    max-width: 601px;
}


.popular-products{
    padding: 80px 0;
}
.new-products{
    padding-bottom: 80px;
}
.banner-1{
    padding-top: 60px;
    background-image: url("../images/banner-img.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}
.banner-2{
    padding-top: 60px;
    background-image: url("../images/banner-img-2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}
.banner-2 .banner-title{
    padding-bottom: 854px;
}
.banner .container{
    position: relative;
}
.banner-content{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ff6768;
    box-sizing: border-box;
    padding: 115px 89px 115px 124px;
    max-width: 765px;
}
.banner-2  .banner-content{
    background: #efefef;
}
.banner-2 .banner-content-text{
    color: #1E1E1E;
}
.banner-title{
    color: #fff;
    max-width: 700px;
    padding-bottom: 798px;
}
.banner-content-text{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #fff;
}
.banner-content-text:first-child{
    margin-bottom: 17px;
}
.banner-big-link{
    display: inline-block;
    margin-top: 45px;
}
.products-category{
    padding-top: 80px;
    padding-bottom: 100px;
}
.advantages{
    padding-top: 80px;
}

.advantages-items{
    margin-top: 55px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 54px;
}
.advantages-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 55px;
}
.advantage-item-title{
    font-family: var(--font-medium),sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
    margin-bottom: 20px;
}
.advantages-item-text{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
    max-width: 440px;
}
.black-search-input{
    border: 1px solid #9D9D9D;
    color: #9D9D9D;
}
.black-search-input::placeholder{
    color: #9D9D9D;
}
.products-category-page{
    padding-top: 233px;
    padding-bottom: 260px;
}
.products-category-page .products-items:not(:last-child){
    margin-bottom: 20px;
}



/*catalog-page*/

.catalog-page{
    padding-top: 233px;
    padding-bottom: 280px;
}
.catalog-big-link{
    line-height: 140%;
    text-transform: uppercase;
}
.catalog-line-header{
    margin-bottom: 70px;
}
.catalog-items{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px 20px;
}
.catalog-content-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
}
.catalog-content-title{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
}
.catalog-filter{
    display: flex;
    column-gap: 38px;
    align-items: center;
}
.catalog-filter a{
    font-family: var(--font-medium),sans-serif;
    font-size: 17px;
    line-height: 140%;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
}
.catalog-type{
    width: 476px;
}
.catalog-type-title{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
}
.catalog-type-item{
    font-size: 17px;
    line-height: 140%;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
}
.catalog-type-item.active{
    font-family: var(--font-medium),sans-serif;
}
.catalog-type-items{
    display: flex;
    flex-direction: column;
    row-gap: 1px;
}
.catalog-type-line{
    height: 3px;
    background: #ff6768;
    width: 100%;
    margin-bottom: 20px;
}
.catalog-types{
    margin-bottom: 90px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 48px;
    max-width: 978px;
}

/*product-page*/

.product-page{
    padding-top: 154px;
    padding-bottom: 371px;
}
.product-page-header{
    margin-bottom: 70px;
}
.addToFavourites{
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-page-info{
    padding-top: 88px;
}

.product-page-content{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 71px;
}
.product-page-slider{
    width: 412px;
    height: 350px;
}
.product-page-id{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 60px;
}
.product-page-price{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
}

.product-page-maker{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
}
.product-page-info-button{
    padding-left: 93px;
    padding-right: 94px;
    font-size: 17px;
}
.product-page-describe{
    margin-bottom: 81px;
}
.product-page-describe-text{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
}
.product-page-describe-title{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 25px;
}
.product-page-info{
    max-width: 848px;
}
.product-page-info-main{
    margin-bottom: 81px;
}
.product-page-tech-info-title{
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
}
.product-page-tech-info-item{
    background: #efefef;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;

    max-height: 60px;
}

.product-page-tech-info-item-title{
    min-width: 311px;
    max-width: 311px;
    margin-right: 98px;
}

.product-page-big-link{
    display: inline-block;
    margin-bottom: 55px;
}

.product-image-gallery{
    min-width: 548px;
}
.product-image-gallery-main-image{
    box-sizing: border-box;
    background-color: #fff;
    max-width: 548px;
    margin-bottom: 30px;
    display: flex;
    height: 409px;
}
.thumbnail-gallery {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
}
.thumbnail {
    max-width: 176px;
    height: 132px;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
}
.thumbnail:hover{
    cursor: pointer;
}

.thumbnail img{
    width: 100%;
    height: auto;
     object-fit: cover;
}
#main-image{
    width: 100%;
    height: auto;
     object-fit: cover;
}

/*electrical-services*/

.electrical-services{
    padding-top: 233px;
    padding-bottom: 135px;
}
.electrical-services-item-content-first.electrical-services-item-content{
    max-width: 842px;
}
.electrical-services-item-content{
    max-width: 601px;
}
.electrical-services-item-content-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}
.electrical-services-item-content-title span{
    font-family: var(--font-regular),sans-serif;
}
.electrical-services-item-content-title-first{
    margin-bottom: 45px;
}
.electrical-services-item-content-text{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 70px;
}
.electrical-services-item-content-text-first{
    margin-bottom: 100px;
}
.electrical-services-item-content-text p:not(:last-child){
    margin-bottom: 20px;
}
.electrical-services-h2{
    max-width: 464px;
}
.electrical-services-h2 span{
    display: block;
}
.electrical-services-item-content-line{
    width: 100%;
    height: 3px;
    background: #ff6768;
    margin-bottom: 71px;
}
.electrical-services-item-content a{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
}
.price-list{
    margin-top: 20px;
}


/*payment*/

.payment-item-content-title{
    margin-bottom: 45px;
}
.electrical-services-item-content-text-big{
    margin-bottom: 40px !important;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
}
.electrical-services-item-content-text-addition{
    font-family: var(--font-medium),sans-serif;
}
.payment-item-content{
    width: 849px;
}
.electrical-services-item{
    display: flex;
    align-content: center;
    justify-content: flex-start;
    column-gap: 149px;
}
.privacy-item{
    justify-content: space-between;
    display: flex;
    align-content: center;
    column-gap: 20px;
}

/*about*/

.about-main{
    padding-bottom: 314px;
}
.about-main-screen{
    background-image: url("../images/about-main-img.png");
}
.about-one-title{
    max-width: 300px;
}
.about-content-title{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 45px;
}
.about-content{
    max-width: 849px;
    margin: 100px 0 100px auto;
}
.about-content-text{
    max-width: 842px;
}
.about-content-text p a{
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1E1E1E;
}

.about-content-text p{
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0.02em;
}
.about-content-text p:not(:last-child){
    margin-bottom: 25px;
}

/*contacts*/

.contacts-item-content-text{
    margin-bottom: 94px;
    font-size: 20px;
}
.contacts-item-content-text-big{
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 16px !important;
}
.contacts-form-h2{
    margin-bottom: 45px;
}
.contacts-main{
    padding-bottom: 0;
}
.contacts-page{
    padding-top: 233px;
    padding-bottom: 375px;
}
.contacts-form-items{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    max-width: 1221px;
}
.contacts-form-item:first-child{
    display: flex;
    column-gap: 20px;
}
.form-input{
    box-sizing: border-box;
    border: 1px solid #9d9d9d;
    max-height: 52px;
    background: #efefef;
    outline: none;
    padding: 14px;

    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #1E1E1E;
    width: 100%;
}
.form-input::placeholder{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #9d9d9d;
}
.contacts-form-item {
    display: block;
}
.form-textarea{
    display: block;
    text-align: left;
    vertical-align: top;
    line-height: normal;
    max-height: unset;
    height: 242px;
}
.contacts-form-button{
    padding-left: 64px;
    padding-right: 64px;
    margin-top: 45px;
}

.privacy-item-content{
    width: 842px;
}


/*basket-page*/

.basket-page{
    padding-top: 233px;
    padding-bottom: 324px;
}
.h2-basket{
    margin-bottom: 60px;
}
.basket-warning{
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #FF2339;
    margin-bottom: 50px;
}
.basket-button{
    width: 100%;
}
.basket-content{
    margin-bottom: 90px;
}
.basket-page .container:first-child{
    max-width: 1424px;
    margin: 0;
}
.basket-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.basket-item:not(:last-child){
    margin-bottom: 40px;
}
.basket-total{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap:155px;
    font-family: var(--font-medium),sans-serif;
    font-size: 32px;
    line-height: 62%;
    letter-spacing: 0.02em;
    margin-bottom: 90px;
}
.basket-item-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.basket-item-title{
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}
.basket-item-id{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}
.basket-content-names{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: space-between;
}
.basket-content-names p{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}
.basket-item-delete{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
}
/*выравнивание 1*/

.basket-item-image{
    width: 227px;
    margin-right: 126px;
}
.basket-item-image img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.basket-content-name-1{
    width: 227px;
    margin-right: 126px;
}

/*----------*/

/*выравнивание 2*/

.basket-item-info{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    width: 288px;
}

/*----------*/

/*выравнивание 3*/

.basket-item-price{
    width: 110px;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}

/*----------*/

/*выравнивание 4*/
.basket-item-count{
    max-height: 52px;
    text-align: center;
    vertical-align: middle;
    line-height: 52px;
    width: 104px;
    box-sizing: border-box;
    border: 1px solid #9d9d9d;
    background: #efefef;
    padding: 10px;

    font-size: 20px;
    letter-spacing: 0.02em;
}
.basket-content-name-3{
    width: 104px;
}


/*----------*/


/*выравнивание 5*/
.basket-item-totalSum{
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
    width: 104px;
}
.basket-content-name-4{
    width: 104px;
}


/*----------*/
.helpDiv{
    opacity: 0;
}

.basket-item-totalSum-hide{
    display: none;
}
.basket-empty-content{
    max-width: 221px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    padding-bottom: 676px;
}
.basket-empty-text{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-top: 45px;
    margin-bottom: 20px;
}
.basket-empty-link{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    margin-right: 8px;
}


/*order-page*/

.order-page{
    padding-top: 233px;
    padding-bottom: 322px;
}
.form-warning{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin-bottom: 53px;
}
.form-warning span{
    color: #FF2339;
}
.red{
    color: #FF2339;
}
.order-form{
    max-width: 849px;
}
.order-form-items label{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
}
.order-form-items .form-input{
    margin-top: 10px;
    margin-bottom: 20px;
}
.order-warning{
    margin-bottom: 20px;
}
.order-form-button{
    min-width: 350px;
    padding-left: 94px;
    padding-right: 94px;
    font-size: 17px;
    margin-top: 25px;
}
.hidden-textarea{
    display: none;
}
.address-form-textarea{
    height: 110px;
}




/*custom-select*/


.order-form-custom-select {
    margin-top: 10px;
    margin-bottom: 20px;

    position: relative;
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    border: 1px solid #9d9d9d;
    background: #efefef;
    z-index: 1;
}
.order-form-custom-select::before{
    content: url("../images/icons/arrow-down.svg");
    position: absolute;
    right: 14px;
    top: 12px;
}

.select-selected {
    padding: 13px 14px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    max-height: 52px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
}

.select-items {
    position: absolute;
    background-color: white;
    width: 100%;
    z-index: 99;
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #9d9d9d;
}

.select-items div {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.select-items div:hover {
    background-color: #EFEFEF;
}

.select-hide {
    display: none;
}


/* ------------- */


.h2-favourites{
    margin-bottom: 80px;
}

.favourites-empty-content{
    max-width: 300px;
    justify-content: center;
    align-items: center;
}



/*login*/

.login-form-actions{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}
.login-form-actions a{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.registration-link{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    display: block;
    margin-top: 80px;
}
.login-form-button{
    margin-top: 0;
}
.h2-registration,
.registration-warning{
    margin-bottom: 45px;
}
.checkbox-label{
    display: block;
    margin-bottom: 10px;
}
.checkbox-label a{
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.registration-form-actions{
    margin-top: 35px;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    position: relative;
    top: 1px;
    margin-right: 10px;
    height: 16px;
    width: 16px;
}


/*profile*/

.profile-line-header{
    margin-bottom: 70px;
}
.profile-content-image{
    max-width: 198px;
    text-align: center;
}
.profile-content-image img{
    width: 100%;
}
.profile-content{
    max-width: 311px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 64px;
}
.profile-content-title{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.profile-content-text{
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}
.profile-content-link{
    display: block;
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: 0.02em;
    /*text-transform: capitalize;*/
    text-decoration: underline;
    text-decoration-skip-ink: none;
    margin-bottom: 5px;
}
.profile-orders-title{
    margin-bottom: 50px;
}
.profile-order{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #efefef;
    padding: 30px 7px 30px 22px;
    max-height: 110px;
}
.profile-order-left{
    display: flex;
    align-items: center;
    column-gap: 217px;
}
.profile-order:not(:last-child){
    margin-bottom: 1px;
}
.profile-order-info{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    max-width: 140px;
}
.profile-order-info p{
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}
.profile-order-info p:first-child{
    font-family: var(--font-medium),sans-serif;
}
.profile-order-product{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.profile-order-product p{
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}
.profile-order-product p:last-child{
    font-family: var(--font-medium),sans-serif;
}
.profile-order-price{
    font-family: var(--font-medium),sans-serif;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.02em;
}




/*29.01 styles*/

.search-button{
    border: none;
}



.order-page-content{

}
.order-page-content-title{
    font-family: var(--font-medium),sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
    margin-bottom: 32px;
}
.order-page-item{
    background: #efefef;
    padding: 30px 22px;
}
.order-page-item-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
}
.order-page-item-info-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
}

.order-page-item-info-left{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 129px;
}
.order-page-item-info-right{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 129px;
}


.order-page-item-info-id-title {
    margin-bottom: 10px;
    font-family: var(--font-medium),sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
}

.order-page-item-info-id-text {
    font-family: var(--font-regular),sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
}

.order-page-item-info-id {
    text-align: left;
}

.order-page-item-info-name {
    text-align: left;
}

.order-page-item-info-count {
    text-align: center;
    width: 150px;
}

.order-page-item-info-price {
    text-align: center;
    width: 97px;
}

.order-page-item-total{
    font-family: var(--font-medium),sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 167%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
}
.order-page-item-total{
    display: flex;
    justify-content: flex-end;
}

.order-page-item-total-text {
    margin-right: 30px;
}

.order-page-item-total-count {
    text-align: center;
    width: 148px;
    margin-right: 129px;
}

.order-page-item-total-price {
    text-align: center;
    width: 96px;
}



.products-category-items {
    background: rgba(217, 217, 217, 0.44);
    padding: 30px 30px 30px 30px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 70px;
    justify-content: space-between;
}

.products-category-item {
    width: 48%;
}

.products-category-item-title {
    margin-bottom: 30px;
    font-family: var(--font-medium),sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 115%;
    letter-spacing: 0.02em;
    color: #1E1E1E;
}

.products-category-item-list {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: flex-start;
}

.products-category-item-list-link {
    transition: .2s ease all;
    position: relative;
    font-family: var(--font-regular),sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color:#1E1E1E;
}

.products-category-item-list-link:hover::after {
    display: block;
}

.products-category-item-list-link::after {
    transition: .2s ease all;
    display: none;
    content: url(../images/icons/triangle-red.svg);
    position: absolute;
    top: calc(50% - 2.5px);
    transform: translate(-50%, -50%);
    right: -20px;
}

.catalog-page h2 {
    margin-bottom: 60px;
    font-weight: 500;
    text-transform: uppercase;
}

table.wc-block-cart-items .wc-block-cart-items__header th {
    padding-bottom: 60px;
}

table.wc-block-cart-items .wc-block-cart-items__header th span {
    text-align: start;
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

table.wc-block-cart-items .wc-block-cart-items__header th:nth-of-type(3) span {
    text-align: right;
}

.catalog-page .wp-block-heading {
    display: none;
}

.catalog-page .wp-block-product-new {
    display: none;
}

.catalog-page .wc-block-cart-item__image {
    border: 0!important;
    padding-left: 0!important;
}

.catalog-page .wc-block-cart-item__image img {
    width: 227px!important;
    height: 227px;
    object-fit: cover;
}

.catalog-page .wc-block-cart-item__image a {
    display: flex;
    width: fit-content;
}

.catalog-page .wc-block-cart-item__product {
    border: 0!important;
    padding: 40px 20px 40px 40px !important;
}

.catalog-page .wc-block-cart-item__total {
    border: 0!important;
    padding: 40px 0 40px 120px!important;
    margin-bottom: 0!important;
}

.catalog-page .wc-block-cart-items  {
    border: 0!important;
}

.catalog-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    background-color: #EFEFEF;
    border: 1px solid #9D9D9D;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.catalog-page .wc-block-cart .wc-block-cart__totals-title {
    display: none;
}
.catalog-page .wp-block-woocommerce-cart-order-summary-coupon-form-block {
    display: none;
}

.catalog-page .wc-block-components-sidebar .wc-block-components-formatted-money-amount {
    display: block;
    margin-left: 50px;
}

.catalog-page .wc-block-cart .wc-block-components-sidebar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    padding-left: 0;
}

.catalog-page .wc-block-cart__submit {
    width: 100%;
}

.catalog-page .wc-block-cart__submit-button {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF2339;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.catalog-page .wc-block-components-totals-wrapper {
    border: none;
}

.catalog-page .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: none;
}

.shop_table {
    border-spacing: 0 40px;
}

.shop_table .remove {
    color: #FF2339;
    font-size: 20px;
}

.shop_table th {
    padding: 0 20px;
    text-align: start;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.shop_table th:nth-of-type(2) {
    width: 15%;
}

.shop_table th:nth-of-type(3) {
    width: 50%;
}

.shop_table th:nth-of-type(4) {
    width: 15%;
}
.shop_table th:nth-of-type(5) {

}
.shop_table th:nth-of-type(6) {
    width: 15%;
}

.shop_table th:first-of-type {
    padding: 0;
}

.shop_table td {
    padding: 0 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.02em;
}

.shop_table td:first-of-type {
    padding: 0;
}

.shop_table td:nth-of-type(2) {
    width: 15%;
}

.shop_table td:nth-of-type(3) {
    width: 50%;
}

.shop_table td:nth-of-type(4) {
    width: 15%;
}
.shop_table td:nth-of-type(5) {

}

.shop_table td:nth-of-type(6) {
    width: 15%;
}

.shop_table a {
    display: flex;
}

.shop_table img {
    width: 227px;
    height: 227px;
    object-fit: cover;
}

.checkout-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    margin-top: 50px;
    height: 60px;
    transition: 0.3s;
}

.quantity {
    background-color: transparent!important;
}

.quantity .qty {
    background-color: #f1f1f1!important;
}

.quantity button.plus, .quantity button.minus {
    background-color: transparent!important;
    border-color: #1E1E1E;
}

.product-image-gallery-main-image img {
    max-width: 100%;
    object-fit: cover;
    height: 409px;
}

.quantity-selector {
    margin: 20px 0;
}

.quantity-selector label {
    display: block;
    margin-bottom: 10px;
}

.search-results {
    padding: 20px;
}

.search-results-title {
    margin-bottom: 15px;
}

.search-button img {
    position: static;
}

.search-results-group {
    margin-bottom: 20px;
}

.search-results-group:last-child {
    margin-bottom: 0;
}

.order-again a {
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}

.payment-h2 {
    margin-bottom: 0!important;
}
.woocommerce-order-details {
    margin-top: 20px;
}
.woocommerce-order-details__title {
    margin-bottom: 20px!important;
}

.woocommerce-column {
    margin-bottom: 30px;
}
.woocommerce-column h2 {
    margin-bottom: 30px;
}

body.admin-var .navigation {
    top: 20px;
}

.search-item__sku {
    color: #FF2339!important;
}

.wpcf7 form.sent .wpcf7-response-output {
    padding: 0!important;
    border: none!important;
}

.error-message {
    margin: -10px 0 10px 0!important;
}

.order-form-items {
    margin-top: 20px;
}

.popular-products-slider .owl-stage {
    display: flex;
}

.popular-products-slider .product-card {
    height: 100%;
}

.yith-wcwl-add-to-wishlist-button--added svg {
    fill: #FF2339;
}

@media (max-width: 1600px) {

    .shop_table th {
        font-size: 16px;
        line-height: 16px;
    }

    .shop_table td {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 1440px) {
    .shop_table th {
        font-size: 14px;
        line-height: 14px;
    }

    .shop_table td {
        font-size: 14px;
        line-height: 14px;
    }
    .shop_table img {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 1300px) {
    .shop_table td {
        font-size: 12px;
        line-height: 12px;
    }

    .shop_table th {
        font-size: 12px;
        line-height: 12px;
    }
}

@media (max-width: 1024px) {

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

    .shop_table {
        border-spacing: 0;
    }
    .shop_table thead {
        display: none;
    }

    .shop_table .product-remove {
        position: absolute;
        right: 20px;
        top: 0;
    }

    .shop_table img {
        width: 50%;
        height: 50%;
        margin: 0 auto;
    }

    .shop_table .cart_item {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .shop_table td {
        padding-bottom: 10px;
        padding-right: 0;
        padding-left: 0;
    }
    .shop_table td:not(:nth-of-type(2)) {
        display: flex;
        justify-content: center;
    }
    .shop_table td:nth-of-type(2) {
        width: 100%;
        padding-bottom: 20px;
    }

    .shop_table td:nth-of-type(3) {
        width: 100%;
    }
    .shop_table td:nth-of-type(4) {
        width: 100%;
    }
    .shop_table td:nth-of-type(5) {
        width: 100%;
    }
    .shop_table td:nth-of-type(6) {
        width: 100%;
    }
    .shop_table td:nth-of-type(7) {
        width: 100%;
        padding-bottom: 0;
    }
    .catalog-items {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {
    .shop_table td {
        font-size: 10px;
        line-height: 10px;
    }
    .shop_table th {
        font-size: 10px;
        line-height: 10px;
    }
    .order_details {
        border-spacing: 0 10px;
        margin-bottom: 20px;
    }
    .order_details td {
        width: 60%;
        display: table-cell!important;
    }

    .order_details td:nth-of-type(2) {
        width: 40%;
        text-align: right;
    }
    .order_details tfoot td {
        text-align: right;
    }
}