.product-page-content {
	overflow: hidden;
}

.product-page-container {
	margin: 20px 0;
	background-color: #fff;
	border-radius: 4px;
	/* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); */
	/* padding: 7px; */
	display: flex;
}

.product-page-sidenav {
	flex: 0 0 200px;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	height: 400px;
	max-height: calc(100vh - 200px);
	position: sticky;
	top: 60px;
}

.product-sidenav-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.product-sidenav-head {
	background-color: var(--theme-primary);
	border-bottom: 1px solid #ddd;
	padding: 7px 10px;
	color: #fff;
}

.product-sidenav-title {
	font-weight: 600;
	font-size: 16px;
}

.product-sidenav-content {
	flex: 1 1 auto;
	height: 0;
}

.product-sidenav-list {
	height: 100%;
	overflow: auto;
}

.product-sidenav-item {
	border-bottom: 1px solid #ddd;
}

.product-sidenav-item-head {
	padding: 7px 10px;
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	border: 0;
	background-color: transparent;
	text-align: left;
}

.product-sidenav-item-head::after {
	position: absolute;
	content: "";
	top: 50%;
	left: auto;
	right: 10px;
	width: 0.7em;
	height: 0.7em;
	border: 2px solid #666;
	border-bottom: 0;
	border-right: 0;
	transition: ease 0.25s transform;
	transform: translate(-50%, -50%) rotate(45deg);
}

.collapsed>.product-sidenav-item-head::after {
	transform: translate(-50%, -50%) rotate(225deg);
}

.product-sidenav-category {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.1;
	margin-bottom: 0.2em;
	padding-right: 1em;
}

.active-category .product-sidenav-category {
	color: var(--theme-primary);
}

.product-sidenav-sub {
	font-weight: 500;
	font-size: 12px;
	color: #666;
}

.product-sidenav-item-body {
	padding: 5px 10px;
	list-style: none;
}

.product-sidenav-item-body li {
	margin-bottom: 7px;
}

.product-sidenav-item-link {
	font-size: 13px;
	color: #333;
	font-weight: 500;
	line-height: 1.2;
	display: block;
}

.product-sidenav-item-body li.active .product-sidenav-item-link {
	color: var(--theme-primary);
}

.product-sidenav-item-link:hover {
	text-decoration: underline;
}

.product-page-content-area {
	flex: 1 1 auto;
	margin-left: 15px;
	/* border: 1px solid #ddd; */
	border-radius: 4px;
	height: calc(100vh - 200px);
	scroll-behavior: smooth;
	/* overflow: auto; */
}

.product-page-content-area:not(.simplebar-dragging) .simplebar-content-wrapper {
	scroll-behavior: smooth;
}

.product-page-content-details {
	display: flex;
	padding: 0;
	/* border-bottom: 1px solid #ddd; */
	position: relative;
	padding-top: 51px;
}

.product-page-image {
	border: 1px solid #ddd;
	padding: 10px;
	flex: 0 0 300px;
	border-radius: 5px;
	height: 300px;
}

.product-page-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-detail-information {
	margin-left: 15px;
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 10px;
}

.product-info-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.product-info-label {
	margin-bottom: 10px;
}

.product-label-title {
	color: #666;
}

.product-label-value {
	font-weight: 600;
}

.product-info-price {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0.6em;
	color: #333;
}

.product-info-price small {
	font-size: 0.8em;
	font-weight: 400;
}

.product-info-data {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.product-info-data td {
	border: 1px solid #dadada;
	padding: 4px 6px;
	width: 50%;
}

.product-description {
	font-weight: 400;
	white-space: pre-line;
	color: #545454;
}

.product-actions {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	width: 100%;
}

.product-description ul,
.product-description ol {
	padding-left: 1.3em;
}

.read-more-link {
	color: var(--theme-primary);
	display: inline-block;
	margin-top: auto;
}

.product-page-content-details .link-btn {
	/* margin-left: auto; */
	/* margin-top: 0; */
	/* position: absolute; */
	/* bottom: 10px; */
	/* right: 0; */
	display: inline-block;
}

.product-search-wrapper {
	padding: 0;
	position: sticky;
	top: 0;
	background-color: #fff;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
	z-index: 1;
}

.product-search-wrapper::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 10px;
	padding: 10px;
	font-size: 20px;
	pointer-events: none;
	color: #666;
	content: "\f52a";
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.product-search-input {
	display: block;
	width: 100%;
	/* border: 1px solid #ddd; */
	border: 0;
	outline: none;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}

.enquire-modal-content {
	/* display: flex; */
	width: 100%;
	font-size: 14px;
}

.enquire-modal-img {
	/* width: 30%; */
}

.enquire-modal-img img {
	width: 100%;
	max-width: 180px;
	margin: auto;
}

.enquire-modal-title {
	font-weight: 600;
	margin-bottom: 0.3em;
	font-size: 1.2em;
	color: #000;
}

.enquire-modal-text {
	/* width: 70%; */
}

.enquire-modal-description ul,
.enquire-modal-description ol {
	list-style-position: inside;
}


.enquiry-modal-input {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 100%;
	font-size: 1em;
}

.enquiry-modal-input:focus {
	box-shadow: none;
}

.enquiry-modal-input[data-required-star]::placeholder::after {
	content: "*";
}

.modal-rounded-btn {
	border-radius: 50px !important;
}

[data-simplebar]:not(.simplebar-dragging) .simplebar-content-wrapper {
	scroll-behavior: smooth;
}

@media (min-width: 768px) {

	.sidenav-dropdown,
	.switch-category-nav {
		display: none;
	}

	.product-results {
		margin-top: -50px;
	}

	.product-page-content-details:last-child {
		padding-bottom: 250px;
	}

}

@media (max-width: 768px) {
	.product-page-content {
		overflow: initial;
	}

	.product-page-container {
		display: block;
		margin: 0 -10px;
		border: 0;
		padding: 0;
		background-color: #eaeaea;
		min-height: calc(100vh - 70px);
	}

	.product-page-sidenav {
		height: auto;
		/* margin-bottom: 10px; */
		overflow: initial;
		top: 70px;
		border-radius: 0;
		border: 0;
		z-index: 5;
	}

	.product-sidenav-wrapper {
		display: none;
	}

	.sidenav-dropdown-content {
		display: none;
	}

	.sidenav-dropdown {
		position: relative;
		font-weight: 500;
	}

	.sidenav-dropdown-btn {
		display: block;
		padding: 11px 15px;
		width: 100%;
		border: 0;
		text-align: left;
		position: relative;
		background-color: var(--theme-primary);
		color: #fff;
		height: 60px;
	}

	.dropdown-title {
		font-weight: 800;
		display: block;
	}

	.sidenav-dropdown-btn::after {
		position: absolute;
		content: "";
		top: 50%;
		left: auto;
		right: 10px;
		width: 0.7em;
		height: 0.7em;
		border: 2px solid #fff;
		border-bottom: 0;
		border-right: 0;
		transition: ease 0.25s transform;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.collapsed>.sidenav-dropdown-btn::after {
		transform: translate(-50%, -50%) rotate(225deg);
	}

	.sidenav-dropdown-content {
		position: absolute;
		top: 100%;
		left: 10px;
		right: 10px;
		background-color: #fff;
		margin-top: 2px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 4px;
		overflow: hidden;
	}

	.sidenav-dropdown-item {
		border-bottom: 1px solid #ddd;
	}

	.sidenav-dropdown-link {
		display: block;
		padding: 7px 10px;
		width: 100%;
	}

	.product-search-wrapper {
		/* top: 130px; */
		z-index: 3;
		padding-bottom: 0;
	}

	.product-search-input {
		font-size: 16px;
		padding: 10px 15px;
	}

	.product-search-wrapper::after {
		bottom: 0;
	}

	.product-page-content-area {
		height: calc(100vh - 170px);
		margin-left: auto;
		display: flex;
		flex-wrap: wrap;
		border-radius: 0;
	}

	.product-results {
		width: 100%;
		padding: 10px;
		/* margin-bottom: 30px; */
		padding-bottom: 0;
	}

	.product-page-content-details {
		width: 100%;
		flex-direction: column;
		padding: 0;
		border-bottom: 0;
		margin-bottom: 10px;
		background-color: #fff;
		border-radius: 5px;
	}

	.product-page-image {
		width: auto;
		flex: none;
		/* margin-bottom: 20px; */
		height: 200px;
		max-width: 100%;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		padding: 0;
		overflow: hidden;
	}

	.product-page-image img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		margin: auto;
	}

	.product-detail-information {
		flex: auto;
		margin-left: 0;
		padding: 10px;
		border: 1px solid #ddd;
		border-top: 0;
		border-radius: 5px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		position: relative;
	}

	.product-info-title {
		font-size: 16px;
	}

	.product-description {
		max-height: 4em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
		width: 100%;
	}

	.product-page-content-details .link-btn {
		right: 10px;
	}

	.switch-category-nav {
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 5;
		background-color: #fff;
		display: flex;
		justify-content: space-around;
		padding: 5px;
		border-top: 1px solid #ddd;
	}

	.category-nav-btn {
		padding: 3px 15px;
		font-weight: 600;
		width: 120px;
		text-decoration: none;
		text-align: center;
		display: flex;
		align-items: center;
		line-height: 1;
	}

	.category-nav-btn i {
		color: var(--theme-primary);
		font-size: 20px;
	}

	.enquire-modal-content {
		font-size: 16px;
	}

	.enquire-modal-description {
		max-height: 4.8em;
		overflow: auto;
	}
}