
.p-detail{
	.btn, .amount, select{
		height: 50px !important;
	}
	.amount, .select{

	}
	select{
		border-radius: 5px;
		font-size: 16px;;
		width: 50%;
		max-width: none;
		border-width: 2px;
		border-color: silver;
	}
	.p-detail-info:not(.cloned){
		display: none;
	}
	.p-detail-inner-header:not(.cloned){
		display: none;
	}
	.parameter-dependent.default-variant{
		font-size: 16px;;
		display: none;
	}
	.productCardDescr{
		display: inline;
	}
	.p-detail-inner{
		margin-top: 20px;
	}
	.p-info-wrapper{
		display: flex;
		flex-direction: column;
		row-gap: 30px;
		>*{
			margin: 0;
			padding: 0;
		}
		.p-detail-inner-header{
			order: -3;
		}
		.p-detail-info.cloned{
			order: -3;
			margin-top: -20px !important;
		}
		.p-short-description{
			order: -2;
		}
		.availability-value{
			order: 7;
			margin-top: -30px;
		}
		.social-buttons-wrapper{
			order: 15;
		}
		.buy-box{
			order: 5;
			display: flex;
			align-items: center;
			column-gap: 20px;
			justify-content: space-between;
			>*{
				margin: 0;
			}
			.add-to-cart{
				flex: 0 0 calc(50% + 120px);
			}
			.btn{
				flex: 1 1 auto;
				border-radius: 5px;
				background: var(--accent-400, #DCED31);
				color: var(--Neutral-Black, var(--Neutral-950, #232629));
				font-size: var(--font-body-size-l, 18px);
				font-weight: 700;
				border: none;

				&:before{
					content: "\e902";
					font-family: 'icomoon';
				}

			}
		}
		.add-to-cart{
			display: flex;
			column-gap: 10px;
		}
		.quantity{

			border: 1px solid #ccc !important;
			padding-right: 33px;
			padding-left: 33px;
			border-radius: 5px;
			input{

				text-align: center;
				font-size: 16px;
			}
			.increase, .decrease{
				width: 30px;
				height: 30px;
				border: none;
				background-color: transparent;
				&:before{
					font-size: 20px;
					line-height: 20px;
				}
			}
			.increase{
				position: absolute;
				top: 50% ;
				transform: translateY(-50%);
				right: 0;
				left: auto;
				&:before{
					content: "+";
				}
			}
			.decrease{
				position: absolute;
				top: 50% ;
				transform: translateY(-50%);
				left: 0;
				right: auto;
				&:before{
					content: "-";
					transform: scale(1.1);
				}
			}
		}
		.quantity-discounts.visible{
			font-size: 16px;
		}
		.social-buttons-wrapper{
			border-top: 1px solid var(--Neutral-100, #E4E8E9);
			padding-top: 30px !important;
			margin-top: 10px !important;
			.link-icon{
				margin: 0;
				display: flex;
				align-items: center;
				gap: 15px;
				color: var(--Primary-Brand, var(--primary-900, #2A4A83));
				font-size: 14px;
				font-weight: 400;
				line-height: normal;
				&:before{
					margin: 0;
					font-size: 25px !important;
				}

				&.chat{
					&:before{
						content: "\e902";
						font-family: 'icomoon';
					}
				}
			}

		}
		.detail-parameters{
			position: relative;
			margin-top: -15px !important;
			th{
				font-size: 16px;
				font-weight: 700;
			}
		}
		.p-short-description{
			color: var(--Neutral-Dark-Grey, var(--Neutral-700, #485156));
			font-size: 16px;
			padding-bottom: 20px !important;
			margin-top: -10px !important;
		}
		.variant-list.variant-not-chosen-anchor{
			display: flex;
			flex-direction: column;
			row-gap: 10px;
			column-gap: 20px;
			>*{
				margin: 0;
				padding: 0;
			}
			th{

			}
			td{

			}
		}
		.p-detail-inner-header h1{
			color: #000;
			font-size: 36px;
			font-weight: 700;
			margin-bottom: 0;
		}
	}
	@media (max-width: 1199px){
		.p-detail-info:not(.cloned){
			display: flex;
			margin-block: 10px !important;
		}
		.p-detail-inner-header:not(.cloned){
			display: block;
		}
		.p-detail-inner-header.cloned{
			display: none;
		}
		.parameter-dependent.default-variant{
			font-size: 16px;;
			display: none;
		}
		.p-detail-info.cloned{
			display: none;
		}
		.p-image-wrapper{
			margin-bottom: 20px;
		}
		.availability-value{
			order: 5 !important;
			margin-top: 0 !important;
			margin-bottom: -20px !important	;
		}
		.description-inner{
			display: flex;
			flex-direction: column;
			row-gap: 30px;;
		}
	}
	@media (max-width: 768px){
		select{
			width: 100%;
		}

		.buy-box{
			flex-wrap: wrap;

			.p-final-price-wrapper{
				flex: 1 1 auto !important;
			}
			.add-to-cart{
				flex: 1 1 auto !important;
				row-gap: 10px;

			}
		}
	}
}

.p-detail{
	.responsive-nav{
		font-size: 16px;
		font-weight: 700;
	}
	.description-inner{
		font-size: 16px;;
	}
}


.category-top{
	>h4{
		color: #000;
		font-size: var(--font-heading-size-H5, 18px);
		font-style: normal;
		font-weight: 700;
		margin-top: 0;
	}
	.category-title{
		color: #000;
		font-size: var(--font-heading-size-H1, 40px);
		font-weight: 700;
	}
	.category-perex{
		color: #000;
		font-size: var(--font-body-size-s, 14px);
		font-weight: 400;
		width: 70%;
		@media (max-width: 1199px){
			width: 100%;
		}
	}
	ul.subcategories{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 20px;
		margin: 0 0 40px 0;
		>li{
			margin: 0;
			padding: 0;
			width: 100%;
		}
		a{
			border-radius: 6px;
			border: 1px solid var(--Primary-100, #DEEDFB);
			color: var(--Primary-Brand, var(--primary-900, #2A4A83));
			font-family: var(--font-family-body, "Source Sans 3");
			font-size: var(--font-body-size-m, 16px);
			font-style: normal;
			font-weight: 700;
			line-height: var(--font-body-line-height-m, 22px); /* 137.5% */
			&:before{
				font-size: 14px;
			}
		}
		@media (max-width: 1199px){
			grid-template-columns: 1fr 1fr 1fr;
		}
		@media (max-width: 768px){
			grid-template-columns: 1fr 1fr;
		}
	}
	.filters-unveil-button-wrapper{


	}
}

.category-top{
	.products.products-inline.products-top{
		.p{
			border-radius: 6px;
			background: var(--Neutral-50, #F5F6F7);
			padding: 15px;
			width: 100%;
		}
		.p-in{
			padding-left: 15px;
		}
		.name{
			color: var(--Neutral-Black, var(--Neutral-950, #232629));
			font-size: var(--font-body-size-m, 16px);
			font-style: normal;
			font-weight: 700;
		}
		.price{
			color: var(--Primary-Brand, var(--primary-900, #2A4A83));
			font-family: var(--font-family-body, "Source Sans 3");
			font-size: var(--font-body-size-l, 18px);
			font-style: normal;
			font-weight: 700;
		}
	}
}

.category-content-wrapper .category-header{
	justify-content: flex-end;
	background-color: transparent;
	div{
		display: inherit;
	}
	div:not([class]){
		flex: inherit;
		font-size: 12px;
		display: flex;
		column-gap: 5px;

	}
	.filters-unveil-button-wrapper{
		order: -10;
		margin: 0 auto 0 0 ;
		padding: 0;
	}
	label{
		text-decoration: underline;
		padding: 7px !important;
		font-size: 14px;;
	}
	@media (max-width: 768px){
		display: grid;
		grid-template-columns: auto 1fr;
		.filters-unveil-button-wrapper{
			order: -1;
			grid-row: span 2;

		}
		fieldset{
			text-align: right;
		}
		div:not([class]){
			text-align: right;
			justify-content: flex-end;
		}
	}
	@media (max-width: 600px){
		grid-template-columns: 1fr;
		justify-items: center;
		fieldset{
			text-align: left;
		}
		.filters-unveil-button-wrapper{
			order: 10;
			margin: auto ;
			margin-top: 10px;
		}
		div:not([class]){
			text-align: left;
			justify-content: flex-start;
		}
	}
}
.products-block {
	border-top: 1px solid  #E4E8E9;
}
.products-block .product .p{
	.p-in{
		height: 100%;
	}
	.p-in-in{
		display: grid;
		grid-template-rows: 1fr;
		grid-auto-rows: auto;
		column-gap: 10px;
		row-gap: 10px;
		grid-template-columns: 1fr 1fr;
		height: 100%;

	}
	.name, .p-desc{
		grid-column: span 2;
		order: -10;
		height: auto;
		min-height: 0;
		margin: 0;
	}
	.name{
		order: -15;
	}
	.prices{
		order: -5;
		strong{
			color: var(--Primary-Brand, var(--primary-900, #2A4A83));
			font-size: var(--font-body-size-xl, 24px);
			font-style: normal;
			font-weight: 700;
		}
	}
	.p-tools{
		order: -4;
		grid-row: span 2;
		justify-content: flex-end;
		display: flex;
		align-items: center;
	}
	.ratings-wrapper{
		min-height: 0;
		height: auto;
		padding: 0;
		margin-top: -5px;;
	}
	.stars-wrapper{
		order: -12;
		margin-top: -10px;
	}
	.stars-placeholder{
		display: none;
	}
	.availability{
		text-align: left;
	}
	.btn{
		border-radius: 5px;
		background: var(--accent-400, #DCED31);
		color: var(--Neutral-Black, var(--Neutral-950, #232629));
		font-size: var(--font-body-size-l, 18px);
		font-weight: 700;
		border: none;
		padding: 5px 10px;
		width: 100%;
		text-transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		&:after{
			content: "\e910";
			font-family: 'shoptet';
			margin-left: 10px;
			font-size: 10px;
			vertical-align: middle;
		}
		&:hover{
			background: #B5C428;
		}
	}
	.name{
		color: var(--Neutral-Black, var(--Neutral-950, #232629));
		font-size: var(--font-body-size-l, 18px);
		font-weight: 700;
	}
	.p-desc{
		color: var(--Neutral-Dark-Grey, var(--Neutral-700, #485156));
		font-size: var(--font-body-size-s, 14px);
		font-weight: 400;
		margin-bottom: 10px;
	}
	@media (max-width: 550px){
		.p-in-in{
			grid-template-columns: 1fr;
		}
		.name, .p-desc{
			grid-column: span 1;
		}
		.p-tools{
			order: 18;
		}

	}

}


.load-products,
.btn.unveil-button{
	border-radius: 6px;
	min-height: 48px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-transform: none;
	font-weight: 600;
	font-size: 18px;
	padding: 5px 25px;
	font-family: "Source Sans 3";
	letter-spacing: 0.01em;
	text-align: center;
}

a.prev, a.next{
	border-radius: 4px;
	background: var(--primary-900, #2A4A83);
	color: #fff;

}


.p-detai, .product{
	transition: all 0.5s ease;
	opacity: 0;
}
