@import url('./reset.css');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap');
* {
	font-family: 'Raleway', sans-serif;
	box-sizing: border-box;
	list-style-type: none;
	font-variant-numeric: lining-nums;
}
button {
	cursor: pointer;
	padding: 0;
	border: none;
	font: inherit;
	color: inherit;
	background-color: transparent;
}
.rotate {
	transform: rotate(180deg);
}
.container {
	max-width: 1040px;
	margin: 0 auto;
	margin-top: 30px;
}

/* width */
::-webkit-scrollbar {
	width: 9px;
	background: #989898;
	border: 1px solid #989898;
	border-radius: 3px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #fff;
	border: 1px solid #989898;
	border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* Navigation-block */
.navigation-block {
	display: flex;
	align-items: center;
	column-gap: 20px;
}
.navigation-block span {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #383838;
}
.navigation-block p {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #989898;
}
/* main-block */
.main-block {
	margin-top: 40px;
	display: flex;
	column-gap: 100px;
}
/*review-block__image */
.review-block__image {
	position: relative;
	max-width: 441px;
}
.review-block__image img:first-child {
	filter: drop-shadow(3px 3px 25px rgba(65, 55, 55, 0.17));
	border-radius: 15px;
}
.review-block__image-alternatives {
	position: absolute;
	right: 5px;
	top: 5px;
	display: flex;
	flex-direction: column;
	column-gap: 5px;
}
.review-block__image-alternatives img {
	filter: drop-shadow(3px 3px 25px rgba(65, 55, 55, 0.17));
	border-radius: 10px;
}
.review-block__image-alternatives button:focus {
	border: 2px solid #db4444;
	border-radius: 12px;
}
/* more-btn */
.more-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}
.more-btn button {
	background: #ffffff;
	box-shadow: 3px 3px 25px rgba(65, 55, 55, 0.17);
	backdrop-filter: blur(6px);
	border-radius: 10px;
	border: none;
	width: 440px;
	height: 50px;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	color: #db4444;
}

/* review-block__colors */
.review-block__colors {
	max-width: 441px;
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 10px;
}
.review-block__colors-item {
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 10px;
}
.review-block__colors-item:focus {
	outline: 2px solid #383838;
	border: 2px solid #fff;
}
.review-block__colors-item-1 {
	background: #efefef;
}
.review-block__colors-item-2 {
	background: #1c1d22;
}
.review-block__colors-item-3 {
	background: #2e62a1;
}
.review-block__colors-item-4 {
	background: #0d0c2c;
}
.review-block__colors-item-5 {
	background: #a43349;
}
.review-block__colors-item-6 {
	background: #a8357b;
}
.review-block__colors-item-7 {
	background: #352c4d;
}
.review-block__colors-item-8 {
	background: #c12435;
}
.review-block__colors-item-9 {
	background: #009143;
}
.review-block__colors-item-10 {
	background: #b2b3b5;
}
.review-block__colors-item-11 {
	background: #54ad81;
}
.review-block__colors-item-12 {
	background: #0084b4;
}

/* product-description */
.product-description h1 {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	font-size: 33px;
	line-height: 39px;
	color: #383838;
}
.product-description p {
	margin-top: 10px;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: #383838;
}
.product-description__size {
	margin-top: 25px;
	max-width: 358px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 23px;
	row-gap: 20px;
}
.product-description__size button {
	width: 72px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #db4444;
	background: #ffffff;
	border-radius: 10px;
	/* text */
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
	color: #db4444;
}
.product-description__size button:focus {
	background: #db4444;
	color: #ffffff;
}
.product-description__size-button-no-active {
	background: #e4e4e4 !important;
	color: #ffffff !important;
	border: unset !important;
}
.product-description__availability {
	margin-top: 20px !important;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 16px !important;
	color: #32b36a !important;
}
.product-description__price {
	margin-top: 36px !important;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 33px !important;
	line-height: 39px !important;
	color: #383838 !important;
}
.product-description__button {
	border: none;
	margin-top: 26px;
	width: 262px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 17px;
	background: #db4444;
	border-radius: 10px;
	/* text */
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
	line-height: 32px;
	color: #ffffff;
}
/* product-description__characteristic-btn-block */
.product-description__characteristic-btn-block {
	margin-top: 50px;
	display: flex;
}
.product-description-btn {
	width: 194px;
	height: 60px;
	background: #ffffff;
	border: 1px solid #383838;
	border-radius: 10px;
	/* text */
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
	color: #383838;
}

.product-characteristics-btn {
	width: 282px;
	height: 60px;
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
	color: #383838;
	border: 1px solid #383838;
	border-radius: 10px;
	/* text */
}
.active-btn {
	background: #383838;
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	color: #ffffff;
}
.description__characteristics {
	margin-top: 6px;
	display: flex;
}
.description__characteristics p {
	margin-left: 30px;
}
.description__characteristics-first {
	max-width: 194px;
	border-bottom-left-radius: 10px;
	border-left: 1px solid #383838;
	border-right: 1px solid #383838;
	margin-top: -14px;
}
/*	Color show more */
.show-more-colors {
	display: none;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 10px;
}
.show-more-colors-active {
	display: flex;
}
.description__characteristics-first div {
	width: 194px;
	height: 59px;
	border-bottom: 1px solid #383838;
}
.description__characteristics-first p {
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	color: #383838;
}
.description__characteristics-first p:first-child {
	padding-top: 10px;
	padding-bottom: 10px;
}
.description__characteristics-first div:last-child {
	border-bottom-left-radius: 10px;
}
.description__characteristics-second {
	max-width: 282px;
	border-right: 1px solid #383838;
	border-bottom-right-radius: 10px;
	margin-top: -14px;
}
.description__characteristics-second div {
	border-bottom: 1px solid #383838;
	
	height: 59px;
}
.description__characteristics-second div:last-child {
	border-bottom-right-radius: 10px;
}
.description__characteristics-second p:first-child {
	padding-top: 10px;
	padding-bottom: 10px;
}
.description__characteristics-second p {
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: #383838;
}
.description__exposition {
	margin-top: -6px;
	max-width: 476px;
	padding: 30px;
	border-left: 1px solid #383838;
	border-right: 1px solid #383838;
	border-bottom: 1px solid #383838;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.description__exposition p {
	max-width: 415px;
	margin-top: unset;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: #383838;
}
.main-block-mobile {
	display: none;
}

@media (max-width: 700px) {
	.main-block-mobile {
		display: flex;
	}
	.main-block-pc {
		display: none;
	}
	.product-description {
		margin-top: 25px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	/* main-block */
	.main-block {
		flex-direction: column;
		max-width: 600px;
		align-items: center;
	}

	.container {
		max-width: 600px;
	}
	.product-description__availability {
		margin-bottom: 10px;
	}
}

/**/

  .size-boxproduct-description__size-button-no-active {
        background: #e4e4e4 !important;
        color: #ffffff !important;
        border: unset !important;
    }
    .size-active{
        background: #db4444 !important;
        color: #ffffff !important;
    }

    .product-description__button[disabled=disabled]{
        background-color: #f9abab;
    }
    .product-description__button[disabled=disabled]:hover, .product-description__size-button-no-active:hover{
        cursor:not-allowed;
    }
    p.product-description__availability.not-avalable{
        color:red !important;
    }

    img.sku{
        max-width: 50px;
    }
    .activeColor{
        outline: 2px solid #383838;

        width: 50px;
        height: 50px;
        border-radius: 10px;
    }
    .review-block__colors-item:focus{
        border:none;
    }
    .more-btn{
        margin-top:15px;
    }
    .review-block__image img:first-child{
        border-radius: 10px;
    }
    .main-img{
        width: -webkit-fill-available;
        min-width: auto;

    }

    .description__exposition{
        max-width:99%;
    }

    .product-description-btn, .description__characteristics-first, .description__characteristics-first div{

        max-width: 350px;
        min-width:150px;
        width:100%;

    }

    .product-characteristics-btn, .description__characteristics-second, .description__characteristics-second div{
        max-width: 350px;
        min-width: 200px;
        width:100%;
    }
    .product-characteristics-btn{
        margin-right: 5px;
    }
    .product-description__characteristics{
        width:100%
    }
    .main-img{
       min-width:400px;
    }
    .main-block-new{

        display: flex;
        margin-top: 40px;
    }
    .review-block{
        max-width: 43%;
        margin-right: 9%;

    }
    .product-description{
        width: 48%;

    }
    @media (max-width: 1040px) {
        .review-block{
            max-width: 48%;
            margin-right: 5%;

        }
        .product-description{
            width: 48%;

        }
    }
    @media (max-width: 850px) {
        .main-img{
            min-width:340px;
        }
    }
    @media (max-width: 850px) {
        .review-block{
            max-width: 49%;
            margin-right: 2%;

        }
        .product-description{
            width: 49%;

        }
    }
    @media (max-width: 700px) {
        .main-block-new{
            /*   display: none;*/
        }
        .product-description{
            width: 100%;

        }
        .product-description__size{
            max-width: 100%;
        }
        .review-block__image {

            max-width: 100%;
            width: 100%;
        }
        .review-block__colors {
            max-width: 100%;

        }
        .more-btn{
            margin: auto;
            max-width: 100%;
            width:100%;
            margin-top: 30px;
            margin-left:0px !important;
        }
        .more-btn button.show-more-colors-but{
            max-width: 100%;
            width: 100%;
        }
        div.more-btn{
            margin-left:100px;
        }

        .main-block-new{
            display: block;
        }
        .review-block{
            max-width: 100%;
            width:100%;
        }
        .hide-if-mob{
            display: none;
        }
        .product-description{
            margin-top: 0px;
        }
        .product-description__button {

            margin-right: 20px;

        }
        .product-description__price{

        }
        #desctop-buy-block{
            width: 100%;
            display: flex;
            margin-left: 10px;
        }
        #ajax-body{
            width: 100%;
        }
      
            .product-description h1{
                margin-bottom:20px
            }
            #size-block{
                display:block;
            }
       
    }
    
    /* product body */
     .table_sizez{
            margin-top:30px;
        }
        .product-block-note h3{
            margin-bottom: 15px;
        }
        .product-block-note tr th{
            padding: 8px 7px;
            background-color: #f2f4f3;
            border: 1px solid #f2f4f3;
        }
        .product-block-note tr td{
             padding: 8px 10px 8px;
             font-size: 14px;
        }
        th.size_icon{
            padding: 4px !important;
        }
        .table_sizez{
            width: 100%;
           
        }
        .description_after_details{
            margin-top: 20px;
        }
        .product-block-note {
            border-radius: 10px;
         
            margin-top: 20px;
             overflow-x: auto;
        }
           @media (max-width: 700px){
            #desctop-buy-block {
                justify-content: space-between;
            }
        }
       @media (max-width: 455px){
           .product-description__button{
               width:242px;
               margin-right: 3px;
           }
           #desctop-buy-block{
                margin-left: 0px;
           }
           .product-description__price span{
               font-size: 30px;
              
           }
        }
         @media (max-width: 420px){
           .product-description__button{
               width:222px;
               margin-right: 0px;
               font-size: 24px;
           }
           #desctop-buy-block{
                margin-left: 0px;
           }
           .product-description__price span{
               font-size: 27px;
              
           }
        }
        @media (max-width: 380px){
           .product-description__button{
               width:202px;
               margin-right: 0px;
               font-size: 22px;
           }
           #desctop-buy-block{
                margin-left: 0px;
           }
           .product-description__price span{
               font-size: 25px;
              
           }
        }