.custom-product-wrap {
	display:flex;
	gap:32px;
}

.custom-product-content ul {
	display:flex;
	flex-wrap:wrap;
}

.custom-product-content ul::before,
.custom-product-content ul::after {
	display:none !important;
}

.custom-product-content .custom-product-item {
	width:282px;
}

.custom-product-sidebar-mobile {
	display:none;
}

.sidebar-mobile-item {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	color: #0c2636;
	display:flex;
	align-items:center;
	gap:8px;
}

.sidebar-mobile-filter-icon {
	display:block;
	width:20px;
	height:17px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66602 4H4.99936' stroke='%23009CD9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.332 4H18.332' stroke='%23009CD9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M7.49935 6.33463C8.78801 6.33463 9.83268 5.28996 9.83268 4.0013C9.83268 2.71264 8.78801 1.66797 7.49935 1.66797C6.21068 1.66797 5.16602 2.71264 5.16602 4.0013C5.16602 5.28996 6.21068 6.33463 7.49935 6.33463Z' stroke='%23009CD9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M18.3333 13.168H15' stroke='%23009CD9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M6.66602 13.168H1.66602' stroke='%23009CD9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M10.166 13.1692C10.166 14.4579 11.2107 15.5026 12.4994 15.5026C13.788 15.5026 14.8327 14.4579 14.8327 13.1692C14.8327 11.8806 13.788 10.8359 12.4994 10.8359C11.2107 10.8359 10.166 11.8806 10.166 13.1692Z' stroke='%23009CD9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}


.filter-panel {
    position: fixed;
	left:0;
    bottom: -600px;
    width: 100%;
    min-height: 508px;
    background-color: #f3f4f6;
    z-index: 12;
    transition: bottom 0.3s ease;
	border-radius: 32px 32px 0 0;
	display:flex;
	justify-content:center;
	padding:24px 14px 32px 14px;
}

.filter-panel .my-filters {
	width:100%;
}

.filter-panel .reset-filters {
	background: #fff;
}

.overlay-blur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	backdrop-filter: blur(32px);
	background: rgba(12, 38, 54, 0.35);
    display: none;
    z-index: 11;
}

.filter-close-button {
	width:42px;
	height:42px;
	background:#f3f4f6;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:-64px;
	right:14px;
}

.filter-close-button span {
	display:block;
	width:30px;
	height:30px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 23.75L6.25 22L13.25 15L6.25 8L8 6.25L15 13.25L22 6.25L23.75 8L16.75 15L23.75 22L22 23.75L15 16.75L8 23.75Z' fill='%230C2636' /%3E%3C/svg%3E");
}

.custom-product-sidebar-banner {
	width:270px;
	min-height:472px;
	background: #f3f4f6;
}

.custom-product-sidebar-banner-wrap {
	padding:16px 16px 24px 16px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:14px;
}

.sidebar-banner-title {
	width:186px;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	text-align: center;
	color: #0c2636;
}

.sidebar-banner-des {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	color: #0c2636;
}

.sidebar-banner-btn a {
	text-decoration:none;
	border-radius: 6px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	width: 186px;
	height: 38px;
	background: linear-gradient(90deg, #eb5757 0%, #fbb318 100%);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
}

.sidebar-banner-btn a span {
	display:block;
	width:13px;
	height:14px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.02902L14 8.00001M14 8.00001L7.5126 15M14 8.00001L7.5126 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.custom-product-sidebar-banner img {
	width:100%;
	height:248px;
}

.custom-product-footer-banner {
	width:100%;
	min-height:523px;
	background: #f3f4f6;
	margin-top:86px;
}

.custom-product-footer-banner {
	display:flex;
	align-items:center;
}

.custom-product-footer-banner-wrap {
	width:438px;
	display:flex;
	flex-direction:column;
	gap:30px;
	margin-left:81px;
}

.custom-product-footer-banner-img {
	width:570px;
}

.custom-product-footer-banner-img img {
	width:100%;
	height:100%;
}

.custom-product-footer-banner-title {
	font-weight: 700;
	font-size: 28px;
	line-height: 100%;
	color: #0c2636;
}

.custom-product-footer-banner-des {
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	color: #0c2636;
}

.custom-product-footer-banner-btn a {
	text-decoration:none;
	border-radius: 6px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	width: 186px;
	height: 38px;
	background: linear-gradient(90deg, #eb5757 0%, #fbb318 100%);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;	
}

.custom-product-footer-banner-btn a span {
	display:block;
	width:13px;
	height:14px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.02902L14 8.00001M14 8.00001L7.5126 15M14 8.00001L7.5126 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.shop-why-us {
	padding-top:86px;
}

.shop-why-us h2 {
	padding-bottom:32px;
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #0c2636;
}

@media (max-width: 768px) {
	.custom-product-wrap {
		flex-direction:column;
	}
	
	.custom-product-content .custom-product-item {
		width:clamp(150px, -10.00px + 50.00vw, 205px);
	}
	
	.custom-product-sidebar,
	.custom-product-footer-banner,
	.custom-product-sidebar-banner {
		display:none;
	}
	
	.custom-product-sidebar-mobile {
		display:block;
	}
	
	.shop-why-us-list {
		flex-wrap:nowrap !important;
		overflow:auto;
		gap:4px !important;
	}
	
	.shop-why-us-item {
		flex:1 0 360px;
	}
}