.bb-product-rating {
	--bb-rating-size: 80px;
	height: calc(var(--bb-rating-size)/5);
	position: relative;
	width: var(--bb-rating-size)
}

.bb-product-rating:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='m8.243 7.34-6.38.925-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499-1.09 6.355-.013.11a1 1 0 0 0 1.464.944l5.706-3 5.693 3 .1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355 4.624-4.5.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926-2.852-5.78a1 1 0 0 0-1.794 0L8.243 7.34z' fill='%23ced4da' stroke='none'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-size: calc(var(--bb-rating-size)/5);
	bottom: 0;
	content: "";
	inset-inline-end: 0;
	inset-inline-start: 0;
	top: 0
}

.bb-product-rating:before,
.bb-product-rating>span {
	display: block;
	height: calc(var(--bb-rating-size)/5);
	position: absolute;
	width: var(--bb-rating-size)
}

.bb-product-rating>span {
	overflow: hidden
}

.bb-product-rating>span:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0h24v24H0z' stroke='none'/%3E%3Cpath d='m8.243 7.34-6.38.925-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499-1.09 6.355-.013.11a1 1 0 0 0 1.464.944l5.706-3 5.693 3 .1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355 4.624-4.5.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926-2.852-5.78a1 1 0 0 0-1.794 0L8.243 7.34z' fill='%23FFB342' stroke='none'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-size: calc(var(--bb-rating-size)/5);
	bottom: 0;
	content: "";
	display: block;
	height: calc(var(--bb-rating-size)/5);
	inset-inline-end: 0;
	inset-inline-start: 0;
	position: absolute;
	top: 0;
	width: var(--bb-rating-size)
}

.bb-product-attribute-swatch {
	margin-bottom: 1rem
}

.bb-product-attribute-swatch-title {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: .5rem
}

.bb-product-attribute-swatch-list {
	-moz-column-gap: .5rem;
	column-gap: .5rem;
	display: flex;
	flex-wrap: wrap;
	padding: 0
}

.bb-product-attribute-swatch-list.text-swatch li {
	list-style: none
}

.bb-product-attribute-swatch-list.text-swatch li input[type=checkbox],
.bb-product-attribute-swatch-list.text-swatch li input[type=radio] {
	display: none
}

.bb-product-attribute-swatch-list.text-swatch li span {
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 5px 15px;
	position: relative;
	transition: .2s
}

.bb-product-attribute-swatch-list.text-swatch li:not(.disabled) input[type=checkbox]:checked~span,
.bb-product-attribute-swatch-list.text-swatch li:not(.disabled) input[type=radio]:checked~span {
	border: 1px solid var(--primary-color)
}

.bb-product-attribute-swatch-list.text-swatch li:not(.disabled) input[type=checkbox]:checked~span:before,
.bb-product-attribute-swatch-list.text-swatch li:not(.disabled) input[type=radio]:checked~span:before {
	border: 16px solid transparent;
	border-bottom: 16px solid var(--primary-color);
	bottom: -1px;
	content: "";
	inset-inline-end: -16px;
	position: absolute
}

.bb-product-attribute-swatch-list.text-swatch li:not(.disabled) input[type=checkbox]:checked~span:after,
.bb-product-attribute-swatch-list.text-swatch li:not(.disabled) input[type=radio]:checked~span:after {
	bottom: 1px;
	color: #fff;
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" stroke-width="2.2" stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>');
	height: 16px;
	inset-inline-end: -6px;
	overflow: hidden;
	position: absolute;
	width: 16px
}

.bb-product-attribute-swatch-list.color-swatch span {
	background-color: #fff;
	height: 100%;
	inset-inline-start: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%);
	transition: all .2s linear 0s;
	width: 100%
}

.bb-product-attribute-swatch-list.visual-swatch {
	list-style: none
}

.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item {
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(1, 15, 28, .2);
	position: relative
}

.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item.active,
.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item:hover {
	box-shadow: 0 1px 2px rgba(1, 15, 28, .2)
}

.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item.active span,
.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item:hover span {
	transform: translate(-50%, -50%) scale(.8);
	-webkit-transform: translate(-50%) scale(.8)
}

.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item:hover .bb-product-attribute-swatch-item-tooltip {
	opacity: 1;
	transform: translate(-50%) translateY(-10px);
	visibility: visible
}

.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item:not(.disabled) input[type=checkbox]:checked~span:before,
.bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item:not(.disabled) input[type=radio]:checked~span:before {
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	bottom: -4px;
	content: "";
	display: block;
	inset-inline-end: -4px;
	inset-inline-start: -4px;
	position: absolute;
	top: -4px
}

.bb-product-attribute-swatch-list.visual-swatch label {
	display: unset
}

.bb-product-attribute-swatch-list.visual-swatch input[type=checkbox],
.bb-product-attribute-swatch-list.visual-swatch input[type=radio] {
	display: none
}

.bb-product-attribute-swatch-list.visual-swatch span {
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 25px;
	position: relative;
	width: 25px
}

.bb-product-attribute-swatch-list.visual-swatch.disabled label {
	position: relative
}

.bb-product-attribute-swatch-list.visual-swatch.disabled label:after,
.bb-product-attribute-swatch-list.visual-swatch.disabled label:before {
	background-color: var(--primary-color);
	content: "";
	height: 90%;
	inset-inline-start: 50%;
	position: absolute;
	top: 50%;
	transform-origin: 50% 50%;
	transition: all .4s ease;
	width: 1px;
	z-index: 20
}

.bb-product-attribute-swatch-list.visual-swatch.disabled label:before {
	transform: translate(-50%, -50%) rotate(45deg)
}

.bb-product-attribute-swatch-list.visual-swatch.disabled label:after {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.bb-product-attribute-swatch-list.visual-swatch.disabled span {
	opacity: .9
}

.bb-product-attribute-swatch-list.visual-swatch.disabled input[type=checkbox]:checked~span:before,
.bb-product-attribute-swatch-list.visual-swatch.disabled input[type=radio]:checked~span:before {
	display: none
}

.bb-product-attribute-swatch-item.disabled {
	pointer-events: none
}

.bb-product-attribute-swatch-item.disabled span {
	color: gray;
	cursor: unset;
	opacity: .7
}

.bb-product-attribute-swatch-item.disabled span:after,
.bb-product-attribute-swatch-item.disabled span:before {
	border-top: 1px dashed #999;
	content: "";
	height: 0;
	inset-inline-start: 0;
	position: absolute;
	top: 50%;
	width: 100%
}

.bb-product-attribute-swatch-item.disabled span:before {
	transform: rotate(45deg)
}

.bb-product-attribute-swatch-item.disabled span:after {
	transform: rotate(-45deg)
}

.bb-product-attribute-swatch-item-tooltip {
	background-color: #000;
	border-radius: 4px;
	bottom: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	inset-inline-start: 50%;
	line-height: 1;
	opacity: 0;
	padding: 4px 6px;
	position: absolute;
	text-align: center;
	transform: translateX(-50%) translateY(2px);
	transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
	visibility: hidden;
	width: -moz-max-content;
	width: max-content
}

.bb-product-attribute-swatch-item-tooltip:before {
	border-inline-end: 6px solid transparent;
	border-inline-start: 6px solid transparent;
	border-top: 6px solid #000;
	bottom: -6px;
	content: "";
	height: 0;
	inset-inline-start: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0
}

.bb-product-gallery {
	align-content: flex-start;
	display: flex;
	flex-flow: row-reverse nowrap
}

.bb-product-gallery img {
	max-width: 100%;
	width: 100%
}

.bb-product-gallery-horizontal {
	display: block
}

.bb-product-gallery-horizontal .bb-product-gallery-images {
	max-width: 100%;
	padding-inline-start: 0
}

.bb-product-gallery-horizontal .slick-arrow {
	inset-inline-start: 84% !important
}

.bb-product-gallery-horizontal .slick-arrow.slick-prev {
	inset-inline-start: 0;
	top: 18px
}

.bb-product-gallery-horizontal .slick-arrow.slick-next {
	bottom: 32px !important;
	transform: none !important
}

@media (min-width:768px) {
	.bb-product-gallery-horizontal .slick-arrow {
		inset-inline-start: 93% !important
	}
}

.bb-product-gallery-horizontal .slick-arrow.slick-prev {
	inset-inline-start: 0 !important;
	top: 18px !important;
	transform: none !important
}

.bb-product-gallery-horizontal .bb-product-gallery-thumbnails {
	max-width: 100%;
	padding: 0 40px
}

.bb-product-gallery-images {
	display: block;
	max-width: calc(100% - 80px);
	padding-inline-start: 10px;
	position: relative;
	width: 100%
}

.bb-product-gallery-images .slick-track iframe {
	aspect-ratio: 16/9;
	width: 100%
}

.bb-product-gallery-images .slick-arrow {
	background-color: hsla(0, 0%, 100%, .5);
	border-radius: 4px;
	color: #000;
	font-size: 18px;
	height: 35px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	visibility: hidden;
	width: 35px;
	z-index: 100
}

.bb-product-gallery-images .slick-arrow svg {
	font-size: 10px;
	inset-inline-start: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.bb-product-gallery-images .slick-arrow:first-child {
	inset-inline-start: 10px
}

.bb-product-gallery-images .slick-arrow:last-child {
	inset-inline-end: 10px
}

.bb-product-gallery-images .slick-arrow:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff
}

.bb-product-gallery-images:hover .slick-arrow {
	opacity: 1;
	visibility: visible
}

.bb-product-gallery-thumbnails {
	max-width: 80px;
	min-width: 80px;
	width: 100%
}

.bb-product-gallery-thumbnails .video-thumbnail {
	position: relative
}

.bb-product-gallery-thumbnails .video-thumbnail:before {
	background-color: rgba(0, 0, 0, .3);
	bottom: 0;
	content: "";
	height: 70px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	z-index: 1
}

.bb-product-gallery-thumbnails .video-thumbnail svg {
	color: #fff;
	height: 1rem;
	inset-inline-start: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-75%, -50%);
	width: 1rem;
	z-index: 1
}

.bb-product-gallery-thumbnails .slick-arrow {
	background: #fff;
	border: none;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
	font-size: 14px;
	height: 34px;
	inset-inline-end: 0;
	inset-inline-start: calc(50% - 17px);
	line-height: 34px;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 34px;
	z-index: 99
}

.bb-product-gallery-thumbnails .slick-arrow.slick-disabled {
	opacity: 0;
	visibility: hidden
}

.bb-product-gallery-thumbnails .slick-arrow.slick-prev {
	top: -12px;
	transform: rotate(90deg)
}

.bb-product-gallery-thumbnails .slick-arrow.slick-next {
	bottom: 0;
	transform: rotate(90deg)
}

.bb-product-gallery-thumbnails .slick-slide {
	margin-bottom: 15px
}

.bb-product-gallery-thumbnails .slick-slide img {
	background-color: #f4f5f7;
	border: 1px solid transparent;
	cursor: pointer;
	height: 70px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 70px
}

.bb-product-gallery-thumbnails .slick-slide.slick-current img {
	border-color: var(--primary-color)
}

@media (max-width:767px) {
	.bb-product-gallery {
		display: block
	}

	.bb-product-gallery-thumbnails {
		max-width: 100%;
		padding: 0 40px
	}

	.bb-product-gallery-thumbnails .slick-arrow {
		inset-inline-start: 88%
	}

	.bb-product-gallery-thumbnails .slick-arrow.slick-prev {
		inset-inline-start: 0;
		top: 18px;
		transform: none
	}

	.bb-product-gallery-thumbnails .slick-arrow.slick-next {
		bottom: 32px !important;
		transform: none
	}

	.bb-product-gallery-images {
		margin-bottom: 1rem;
		max-width: 100%;
		padding-inline-start: 0
	}
}

.bb-product-filter {
	margin-bottom: 30px
}

.bb-product-filter-content:has(.bb-product-filter-items) {
	max-height: 288px;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	scrollbar-width: thin
}

.bb-product-filter-title {
	border-bottom: 1px solid #eee;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 5px
}

.bb-product-filter-items {
	padding-inline-start: 0
}

.bb-product-filter-items li {
	list-style: none;
	position: relative
}

.bb-product-filter-items li:not(:last-child) {
	margin-bottom: 4px
}

.bb-product-filter-items li .bb-product-filter-items {
	display: none;
	margin-top: .25rem;
	padding-inline-start: 1rem
}

.bb-product-filter-items li input {
	display: none
}

.bb-product-filter-items li input:checked~label:before {
	opacity: 1;
	visibility: visible
}

.bb-product-filter-items li label {
	color: #55585b;
	font-size: 16px;
	padding-inline-start: 26px;
	position: relative
}

.bb-product-filter-items li label:hover {
	cursor: pointer
}

.bb-product-filter-items li label:before {
	color: #fff;
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10 -10" /></svg>');
	height: 16px;
	inset-inline-start: 0;
	line-height: 12px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 5px;
	transition: all .2s;
	visibility: hidden;
	width: 16px;
	z-index: 1
}

.bb-product-filter-items li [data-bb-toggle=toggle-product-categories-tree] {
	margin-inline-end: .5rem
}

.bb-product-filter-items li [data-bb-toggle=toggle-product-categories-tree] svg {
	height: 1rem;
	width: 1rem
}

.bb-product-filter-items li [data-bb-toggle=toggle-product-categories-tree].active {
	transform: rotate(90deg)
}

.bb-product-filter-items.filter-visual input:checked~label:before {
	opacity: 1;
	visibility: visible
}

.bb-product-filter-items.filter-visual .bb-product-filter-item span {
	border: 1px solid #f0f0f0;
	border-radius: 50%;
	content: "";
	height: 22px;
	inset-inline-start: 0;
	line-height: 22px;
	position: absolute;
	text-align: center;
	top: 2px;
	transition: all .2s;
	width: 22px;
	z-index: -1
}

.bb-product-filter-items.filter-visual .bb-product-filter-item label {
	padding-inline-start: 30px
}

.bb-product-filter-items.filter-visual .bb-product-filter-item label:before {
	height: 22px;
	width: 22px
}

.bb-product-filter-items.filter-checkbox input:checked~label:after {
	background-color: var(--primary-color);
	border-color: var(--primary-color)
}

.bb-product-filter-items.filter-checkbox input:checked~label:before {
	opacity: 1;
	visibility: visible
}

.bb-product-filter-items.filter-checkbox .bb-product-filter-item label:after {
	border: 2px solid #dadada;
	content: "";
	height: 16px;
	inset-inline-start: 0;
	line-height: 12px;
	position: absolute;
	text-align: center;
	top: 5px;
	transition: all .2s;
	width: 16px;
	z-index: -1
}

.bb-product-filter-item {
	position: relative
}

.bb-product-filter-item button {
	inset-inline-end: 0;
	position: absolute;
	top: 0
}

.bb-product-filter-link {
	align-items: center;
	color: #161616 ;
	display: flex;
	font-size: 16px;
	gap: .5rem;
	position: relative
}

.bb-product-filter-link.active {
	color: var(--primary-color)
}

.bb-product-filter-link img,
.bb-product-filter-link svg {
	height: 1.3rem;
	width: 1.3rem
}

.bb-product-price-filter .ui-widget.ui-widget-content {
	background-color: #ededed;
	border: 0;
	height: 3px
}

.bb-product-price-filter .ui-widget.ui-widget-content .ui-slider-range {
	height: 3px;
	position: absolute
}

.bb-product-price-filter .price-slider {
	margin-bottom: 15px;
	position: relative
}

.bb-product-price-filter .ui-slider-horizontal .ui-slider-range {
	background-color: var(--primary-color)
}

.bb-product-price-filter .ui-slider .ui-slider-handle {
	background-color: var(--primary-color);
	border: 0;
	border-radius: 0;
	cursor: pointer;
	height: 17px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -7px;
	touch-action: none;
	width: 5px;
	z-index: 2
}

.bb-product-price-filter-info .input-range input {
	background-color: transparent;
	border: 0;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	height: auto;
	padding: 0;
	width: auto
}

.bb-product-price-filter-info .input-range-label {
	color: #000;
	font-size: 14px;
	font-weight: 500
}

.bb-product-price-filter-info .tp-shop-widget-filter-btn {
	background-color: #f5f5f5;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 2px 21px
}

.bb-product-price-filter-info .tp-shop-widget-filter-btn:hover {
	background-color: #000;
	color: #fff
}

.bb-filter-offcanvas .bb-shop-sidebar {
	position: sticky;
	top: 120px
}

@media (max-width:991px) {
	.bb-filter-offcanvas .bb-shop-sidebar {
		display: none
	}

	.bb-filter-offcanvas-area {
		background: #fff none repeat scroll 0 0;
		height: 100%;
		inset-inline-start: 0;
		overflow-y: scroll;
		overscroll-behavior-y: contain;
		position: fixed;
		scrollbar-width: none;
		top: 0;
		transform: translateX(calc(-100% - 80px));
		transition: all .3s cubic-bezier(.785, .135, .15, .86) 0s;
		width: 340px;
		z-index: 99999
	}
}

@media (max-width:991px) {
	.bb-filter-offcanvas-area::-webkit-scrollbar {
		display: none
	}

	.bb-filter-offcanvas-area.offcanvas-opened {
		opacity: 1;
		transform: translateX(0)
	}

	.bb-filter-offcanvas-area.offcanvas-opened .tp-shop-sidebar {
		display: block
	}
}

@media (max-width:991px) and (max-width:380px) {
	.bb-filter-offcanvas-area {
		width: 100%
	}
}

@media (max-width:991px) {
	.bb-filter-offcanvas-right {
		inset-inline-end: 0;
		inset-inline-start: auto;
		transform: translateX(calc(100% + 80px))
	}

	.bb-filter-offcanvas-wrapper {
		min-height: 100%;
		padding: 120px 30px 35px;
		position: relative;
		z-index: 1
	}
}

@media (min-width:992px) {
	.bb-filter-offcanvas-close {
		display: none
	}
}

.bb-filter-offcanvas-close-btn {
	align-items: center;
	background: #151515;
	color: hsla(0, 0%, 100%, .7);
	display: flex;
	font-size: 18px;
	gap: .25rem;
	inset-inline-start: 0;
	justify-content: center;
	padding: 25px 30px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.bb-filter-offcanvas-close-btn:hover {
	color: #fff
}

.bb-filter-offcanvas-close-btn svg {
	stroke-width: 2;
	height: 1.25rem;
	width: 1.25rem
}

.bb-form-quick-search {
	position: relative
}

.bb-form-quick-search .bb-quick-search-results {
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	color: var(--bs-emphasis-color);
	opacity: 0;
	position: absolute;
	top: 100%;
	transition: all .4s ease;
	width: 100%;
	z-index: 10
}

.bb-form-quick-search .bb-quick-search-results.show {
	opacity: 1
}

.bb-form-quick-search .bb-quick-search-content {
	max-height: 30rem;
	overflow: auto
}

.bb-form-quick-search .bb-quick-search-item {
	display: flex;
	gap: .75rem;
	padding: .5rem 1.5rem .5rem 1rem;
	width: 100%
}

.bb-form-quick-search .bb-quick-search-item:last-child {
	border-bottom: none
}

.bb-form-quick-search .bb-quick-search-item:hover {
	background-color: #f5f5f5
}

.bb-form-quick-search .bb-quick-search-item-image {
	flex: 0 0 auto;
	width: 15%
}

@media (max-width:768px) {
	.bb-form-quick-search .bb-quick-search-item-image {
		width: 20%
	}

	.bb-form-quick-search .bb-quick-search-item-image img {
		height: auto !important;
		-o-object-fit: contain !important;
		object-fit: contain !important
	}
}

.bb-form-quick-search .bb-quick-search-item-image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.bb-form-quick-search .bb-quick-search-item-info {
	flex: 1 1 auto;
	width: 85%
}

.bb-form-quick-search .bb-quick-search-item-name {
	font-weight: 500;
	overflow: hidden;
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bb-form-quick-search .bb-quick-search-item-rating {
	align-items: center;
	display: flex;
	gap: .25rem
}

.bb-form-quick-search .bb-quick-search-item-rating>span {
	color: #95999d;
	font-size: .75rem
}

.bb-form-quick-search .bb-quick-search-item-price {
	align-items: center;
	display: flex
}

.bb-form-quick-search .bb-quick-search-item-price .new-price {
	font-size: 15px;
	font-weight: 500
}

.bb-form-quick-search .bb-quick-search-item-price .old-price {
	color: #95999d;
	margin-inline-start: .5rem;
	text-decoration: line-through
}

.bb-form-quick-search .bb-quick-search-empty,
.bb-form-quick-search .bb-quick-search-load-more {
	padding: 1rem;
	text-align: center
}

.bb-form-quick-search .bb-quick-search-load-more a {
	font-size: 15px;
	font-weight: 500;
	text-decoration: underline
}

.bb-form-quick-search .bb-quick-search-load-more a:hover {
	color: var(--primary-color)
}

.bb-form-quick-search .bb-quick-search-view-all {
	border-top: 1px solid #eaeaef;
	padding: 1rem;
	text-align: center
}

.bb-form-quick-search .bb-quick-search-view-all a {
	color: var(--primary-color);
	font-size: 15px;
	font-weight: 500
}

.bb-form-quick-search .bb-quick-search-view-all a:hover {
	text-decoration: underline
}

.bb-store-item-content {
	min-height: 165px;
	padding: 1rem 1.5rem
}

.bb-store-item-content p {
	margin-bottom: .35rem
}

.bb-store-item-content p svg {
	height: 1.25rem;
	margin-inline-end: .25rem;
	width: 1.25rem
}

.bb-store-item-footer {
	border-top: 1px solid #eee;
	padding: 15px 20px;
	position: relative
}

.bb-store-item-logo {
	background: #fff;
	border-radius: 40px;
	box-shadow: 0 0 30px -6px #afafaf;
	height: 80px;
	inset-inline-end: 20px;
	padding: 6px;
	position: absolute;
	top: -3.5rem;
	width: 80px
}

.bb-store-item-logo img {
	border-radius: 40px;
	height: 100%;
	width: 100%
}

.bb-store-item-action a {
	align-items: center;
	display: flex;
	gap: .25rem;
	width: -moz-fit-content;
	width: fit-content
}

.bb-store-item-action a svg {
	height: 1.25rem;
	width: 1.25rem
}

.bb-shop-detail .bb-shop-banner {
	align-items: flex-end;
	background-color: var(--primary-color);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 50px 0;
	position: relative
}

.bb-shop-detail .bb-shop-banner-rating {
	align-items: center;
	display: flex;
	gap: .5rem;
	justify-content: center
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-rating {
		justify-content: start
	}
}

.bb-shop-detail .bb-shop-banner-content {
	align-items: start;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	opacity: .95
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-content {
		flex-wrap: nowrap;
		justify-content: start
	}
}

.bb-shop-detail .bb-shop-banner-overlay {
	background-color: rgba(0, 0, 0, .5);
	inset: 0;
	position: absolute
}

.bb-shop-detail .bb-shop-banner-info {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.bb-shop-detail .bb-shop-banner-info p a:hover {
	color: var(--primary-color)
}

.bb-shop-detail .bb-shop-banner-contact {
	align-items: center;
	display: flex;
	flex-direction: column;
	row-gap: .25rem
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-contact {
		align-items: start;
		-moz-column-gap: 1rem;
		column-gap: 1rem;
		flex-direction: row
	}
}

.bb-shop-detail .bb-shop-banner-description {
	padding: 0 1.5rem;
	text-align: center
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-description {
		padding: 0;
		text-align: start
	}
}

.bb-shop-detail .bb-shop-banner-logo {
	background-color: #fff;
	border: 4px solid #fff;
	border-radius: 50%;
	width: 80px
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-logo {
		width: 120px
	}
}

.bb-shop-detail .bb-shop-banner-name {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 1rem;
	text-align: center
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-name {
		margin-top: 0;
		text-align: start
	}
}

.bb-shop-detail .bb-shop-banner-socials {
	display: flex;
	gap: .25rem;
	justify-content: center;
	list-style-type: none
}

@media (min-width:768px) {
	.bb-shop-detail .bb-shop-banner-socials {
		justify-content: start
	}
}

.bb-shop-detail .bb-shop-banner-socials li a {
	align-items: center;
	border-radius: var(--bs-border-radius);
	display: flex;
	justify-content: center;
	padding: .25rem
}

.bb-shop-detail .bb-shop-banner-socials li a:hover {
	background-color: var(--primary-color);
	color: #fff
}

.bb-shop-detail .bb-shop-banner-socials li a svg {
	height: 1.25rem;
	width: 1.25rem
}

.bb-shop-nav-tabs {
	margin-top: 1rem
}

.bb-shop-nav-tabs .nav-link {
	align-items: center;
	border: none;
	color: #000;
	display: flex;
	gap: .25rem
}

.bb-shop-nav-tabs .nav-link:hover {
	border-color: transparent
}

.bb-shop-nav-tabs .nav-link.active {
	border-bottom: 2px solid;
	color: var(--primary-color)
}

.bb-shop-nav-tabs .nav-link svg {
	height: 1.25rem;
	width: 1.25rem
}

.bb-shop-tab-content {
	margin-top: 2rem
}

.bb-customer-profile {
	align-items: start;
	display: flex;
	gap: 1rem
}

@media (max-width:768px) {
	.bb-customer-profile {
		display: block
	}

	.bb-customer-profile-avatar {
		margin-bottom: 20px
	}
}

.bb-customer-profile-avatar {
	flex-shrink: 0;
	height: 80px;
	position: relative;
	width: 80px
}

.bb-customer-profile-avatar img {
	border-radius: 50%;
	height: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 80px
}

.bb-customer-profile-avatar-overlay input {
	display: none
}

.bb-customer-profile-avatar-overlay label {
	align-items: center;
	background-color: var(--primary-color);
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: 8px;
	color: #fff;
	cursor: pointer;
	display: flex;
	height: 30px;
	inset-inline-end: -8px;
	justify-content: center;
	position: absolute;
	width: 30px
}

.bb-customer-profile-avatar-overlay label svg {
	height: 1rem;
	width: 1rem
}

.bb-customer-profile-info h4 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: .5rem
}

.bb-customer-profile-info p {
	margin-bottom: 0
}

.bb-quick-view-gallery-images {
	height: 100%;
	margin: 0;
	position: relative;
	text-align: center;
	width: 100%
}

.bb-quick-view-gallery-images img {
	border-radius: 0;
	display: block;
	margin: auto;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

.bb-quick-view-gallery-images .slick-arrow {
	background-color: transparent;
	border: none !important;
	border-radius: 0;
	color: #222;
	font-size: 0;
	height: 44px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	z-index: 8
}

.bb-quick-view-gallery-images .slick-arrow:hover {
	background-color: rgba(0, 0, 0, .5);
	color: #fff
}

.bb-quick-view-gallery-images .slick-arrow:before {
	font-size: 40px;
	line-height: 1
}

.bb-quick-view-gallery-images .slick-arrow.slick-prev {
	inset-inline-start: 0
}

.bb-quick-view-gallery-images .slick-arrow.slick-prev:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>')
}

.bb-quick-view-gallery-images .slick-arrow.slick-next {
	inset-inline-end: 0
}

.bb-quick-view-gallery-images .slick-arrow.slick-next:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>')
}

.lg .lg-thumb.lg-group {
	margin: 0 auto
}

body:has(.lg-backdrop) .modal {
	z-index: 1000
}

.bb-product-content-tabs {
	gap: 10px;
	justify-content: center
}

.bb-product-content-tabs .nav-link {
	color: var(--primary-color)
}

.bb-product-content-tabs .nav-link.active {
	background-color: var(--primary-color);
	color: #fff
}

.bb-product-content-tabs .nav-item {
	flex: unset
}

.bb-product-content-tabs .nav-item .nav-link {
	display: inline-block;
	width: auto
}

.bb-product-item .wrapper .image {
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
	width: 100%
}

.bb-product-item .wrapper .image img {
	height: auto;
	inset: 0;
	position: absolute;
	transition: .3s ease;
	width: 100%
}

.bb-product-item .wrapper .image img:hover {
	transform: scale(1.2)
}

.bb-product-item .card-body .product-name a {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.bb-quick-view-content .image .wrapper {
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
	width: 100%
}

.bb-quick-view-content .image .wrapper img {
	height: auto;
	inset: 0;
	position: absolute;
	width: 100%
}

.bb-product-quantity {
	background-color: #f3f5f6;
	border-radius: 6px;
	height: 100%
}

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

.bb-product-quantity input[type=number] {
	-moz-appearance: textfield;
	background-color: #f3f5f6;
	min-width: 50px;
	padding: 0;
	text-align: center
}

.bb-product-quantity button,
.bb-product-quantity input {
	border: 0
}

.bb-product-quantity button {
	color: var(--text-color);
	padding-left: 20px;
	padding-right: 20px;
	position: relative
}

.bb-product-quantity button svg {
	height: 16px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 16px
}

.bb-product-quantity button:hover {
	color: #fff
}

.bb-btn-product-actions-icon {
	align-items: center;
	display: flex;
	gap: 5px
}

.bb-btn-product-actions-icon svg {
	flex-shrink: 0;
	height: 20px;
	width: 20px
}

.bb-btn-link-icon svg {
	height: 20px;
	margin-inline-end: 2px;
	margin-bottom: 4px;
	width: 20px
}

.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper {
	align-items: start;
	display: flex;
	gap: 20px;
	margin-bottom: 20px
}

.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-image {
	border-radius: 6px;
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
	width: 150px
}

.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-image img {
	height: auto;
	inset: 0;
	position: absolute;
	width: 100%
}

.bb-quick-search-view-all {
	border-top: 1px solid #eaeaea;
	padding: 10px 20px
}

.bb-quick-search-view-all a {
	color: var(--primary-color)
}

.bb-empty-state .btn-outline-primary {
	border-color: var(--primary-color);
	color: var(--primary-color)
}

.bb-empty-state .btn-outline-primary:hover {
	background-color: var(--primary-color);
	color: #fff
}

.bb-btn-compare,
.bb-btn-wishlist {
	border: 0;
	color: var(--text-color)
}

.bb-btn-compare:hover,
.bb-btn-wishlist:hover {
	color: var(--primary-color)
}

@media screen and (max-width:500px) {
	.bb-btn-product-actions-icon span {
		display: none
	}

	.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-image {
		width: 80px
	}

	.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-info .bb-product-price .bb-product-price-text,
	.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-info .bb-quick-search-item-name {
		font-size: 16px
	}

	.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-info .bb-product-price .bb-product-price-text-old {
		font-size: 12px;
		font-weight: 600
	}

	.bb-quick-search-content .bb-quick-search-list .bb-quick-search-item-wrapper .bb-quick-search-item-info .mb-3 {
		margin-bottom: .5rem
	}
}

.bb-product-price .bb-product-price-text {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 700
}

.bb-product-price .bb-product-price-text-old {
	font-size: 16px;
	font-weight: 600
}

table .cart-header-product {
	min-width: 400px
}

.bb-product-filter-content .bb-product-filter-item .bb-product-filter-link svg {
	height: 20px;
	width: 20px
}

.bb-product-filter-content .bb-product-filter-item button {
	width: auto
}

.bb-product-filter-content .bb-product-filter-item button svg {
	height: 20px;
	width: 20px
}

.loading-spinner {
	align-items: center;
	background: hsla(0, 0%, 100%, .5);
	display: flex;
	height: 100%;
	inset-inline-start: 0;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.loading-spinner:after {
	animation: loading-spinner-rotation .5s linear infinite;
	border-color: var(--primary-color) transparent var(--primary-color) transparent;
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	content: " ";
	display: block;
	height: 40px;
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
	z-index: 1
}

@keyframes loading-spinner-rotation {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

[data-bb-toggle=quick-shop-modal] .btn-close {
	inset-inline-end: 1rem;
	position: absolute;
	top: 1rem;
	z-index: 1
}

@media only screen and (max-width:768px) {

	.bb-ecommerce-table td,
	.bb-ecommerce-table th {
		text-align: center;
		vertical-align: middle
	}

	.bb-ecommerce-table td {
		display: block;
		text-align: right;
		width: 100%
	}

	.bb-ecommerce-table thead {
		display: none
	}

	.bb-ecommerce-table td:before {
		content: attr(data-title) " ";
		float: left;
		font-weight: 700;
		margin-right: 15px;
		text-transform: capitalize
	}
}

.bb-product-video {
	position: relative
}

.bb-product-video .bb-button-trigger-play-video {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 50%;
	left: 50%;
	padding: 15px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s ease;
	z-index: 2
}

.bb-product-video .bb-button-trigger-play-video:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
	touch-action: manipulation
}

.bb-product-video.video-playing .bb-button-trigger-play-video {
	display: none
}

.bb-empty {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 1rem;
	text-align: center
}

@media (min-width:768px) {
	.bb-empty {
		padding: 3rem
	}
}

.bb-empty .bb-empty-img {
	line-height: 1;
	margin: 0 0 2rem
}

.bb-empty .bb-empty-img svg {
	width: 100%
}

.bb-empty .bb-empty-header {
	color: var(--bb-secondary);
	font-size: 4rem;
	font-weight: var(--bb-font-weight-light);
	line-height: 1;
	margin: 0 0 1rem
}

.bb-empty .bb-empty-title {
	font-size: 1.5rem;
	font-weight: var(--bb-font-weight-light);
	line-height: 1.5
}

.bb-empty .bb-empty-subtitle,
.bb-empty .bb-empty-title {
	margin: 0 0 .5rem
}

.bb-empty .bb-empty-action {
	margin-top: 1.5rem
}