.bi-product-detail {margin-top: 20px}
.bi-product-detail-picture {margin-bottom: 20px}
.bi-product-detail-picture-top {width: 100%;border-radius: 6px;border: 1px solid #e8e8e8;background: #f6f6f6;}
.bi-product-detail-picture-top img {max-width: 100%;border-radius: 6px;}

.product-detail-swiper-sub {width: 100%;max-width: 100%;cursor: pointer;margin-top: 15px;}
.product-detail-swiper-sub img {max-width: 100%;border-radius: 6px;border: 1px solid #e8e8e8;}

.bi-product-detail-summary {margin-bottom: 50px}
.bi-product-detail-summary .bi-product-detail-title {font-size: 18px;font-weight: 500;letter-spacing: -0.025em;margin-bottom: 0px;}

.bi-product-detail-middle {display: flex;align-items: center;padding: 14px 0;}
.bi-product-detail-middle .bi-product-detail-brand {border: 1px solid #e8e8e8;border-radius: 6px}
.bi-product-detail-middle .bi-product-detail-brand:hover {border-color: var(--bi-color-primary)}
.bi-product-detail-middle .bi-product-detail-brand img {width: 70px; height: 100%}

.bi-product-detail-middle .bi-product-detail-codes {margin:0 20px;}
.bi-product-detail-middle .bi-product-detail-codes .bi-product-detail-code {font-weight: 600}
.bi-product-detail-middle .bi-product-detail-codes .bi-product-detail-code span {font-weight: 400}

.bi-product-detail-summary .bi-product-detail-price {font-size: 22px;font-weight: 600;color: var(--bi-color-primary);margin-bottom: 10px;border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;}

.variant-section {margin-bottom: 10px;}
.variant-section .variant-section-title {display: flex;align-items: center;font-size: 14px;font-weight: 500;margin-bottom: 10px}
.variant-section .variant-section-title img {width: 15px; height: 100%;margin-left: 10px;margin-top: -1px;}
.variant-section .variant-section-title span{font-size: 13px;font-weight: 400}
.variant-section-content {width: 100%;padding: 10px 30px !important;border: 1px solid #e8e8e8;border-radius: 6px;/*margin-bottom: 20px;*/}
.variant-section-content .variant-zone {cursor: pointer;padding: 15px;height: 32px;box-sizing: border-box;border-radius: 6px;border: 2px solid #e6e6e6;display: flex;align-items: center;justify-content: center;}
.variant-section-content .variant-zone:hover {border-color: var(--bi-color-primary);}

.variant-zone.active{border-color: var(--bi-color-primary)}
.variant-zone.active::after{content: "✓";color: #333;}



.variant-zone .slc-txt{color: #333;font-size: 10px;font-weight: 400;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.variant-section .variant-zone-other {display: flex;align-items: center;}
.variant-section .variant-zone-other .variant-zone-other-choice {border: 1px solid #e8e8e8;border-radius: 6px;padding: 9px;margin-right: 12px;cursor: pointer;}
.variant-zone-other .variant-zone-other-choice:hover {border-color: var(--bi-color-primary);color: var(--bi-color-primary)}
.variant-zone-other .variant-zone-other-choice.active {border-color: var(--bi-color-primary);color: var(--bi-color-primary)}

.bi-product-detail-summary .bi-product-detail-basket-desktop {width: 100%;display: flex;align-items: center;margin-top: 20px;}
.bi-product-detail-basket-desktop .bi-product-detail-basket-desktop-add {width: 100%}
.bi-product-detail-basket-desktop .bi-product-detail-basket-desktop-add button {width: 100%;height: 48px;border: none;border-radius: 8px;background: var(--bi-color-primary);font-size: 16px;font-weight: 600;color: #fff;cursor: pointer;transition: all .3s step-start;overflow: hidden;-webkit-font-smoothing: antialiased;}
.bi-product-detail-basket-desktop .bi-product-detail-basket-desktop-add button:hover {background-color:#d26710}
.bi-product-detail-basket-desktop-favorite {position: relative;min-width: 48px;height: 48px;margin: 0 0 0 15px;border-radius: 50%;border: solid 1px #e8e8e8;background-color: #fff;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.bi-product-detail-basket-desktop-favorite svg {fill: #8c8c8c;}
.bi-product-detail-basket-desktop-favorite.active svg {fill: var(--bi-color-primary);}
.bi-product-detail-basket-desktop-favorite:hover svg {fill: var(--bi-color-primary);}

.bi-product-detail-right-section {width: 100%;}
.bi-product-detail-right-section .right-section-one {border: 1px solid #e8e8e8;border-radius: 6px;padding: 10px;display: flex;align-items: center;margin-bottom: 10px;}
.right-section-one .right-section-one-icon {min-width: 25px;height: 25px;text-align: center;line-height: 1.7;margin-right: 10px;}
.right-section-one-icon img {width: 30px;height: 100%}
.right-section-one-text {width: 100%;font-size: 12px;line-height: 1.3;text-align: center}
.right-section-one-text span {font-weight: 600}
.right-section-two {border: 1px solid #e8e8e8;border-radius: 6px;padding: 10px;text-align: center;}
.right-section-two .right-section-two-zone {display: flex;align-items: center;margin: 20px 0;}
.right-section-two-zone .right-section-two-zone-icon {min-width: 30px;height: 30px;}
.right-section-two-zone-icon img {width: 22px; height: 100%}
.right-section-two-title {width:100%;background: #ebf5ff;padding: 10px;text-align: center;border-radius: 6px;margin-bottom: 25px}
.right-section-two-title .title-text {font-weight: 600}
.right-section-two-title .right-product-star-section {display: flex;align-items: center;justify-content: center;margin:5px 0;}
.right-section-two-button {width: 100%;margin-top: 30px;margin-bottom: -20px;
	}
.right-section-two-button a {padding: 5px 20px;background: #f5f5f5;border: 1px solid #e8e8e8;border-radius: 6px;text-align: center;font-weight: 500;font-size: 12px;}

.bi-product-detail-right-section .right-section-three {border: 1px solid #e8e8e8;border-radius: 6px;padding: 10px;display: flex;align-items: center;margin-bottom: 10px;}
.right-section-three .right-section-three-icon {min-width: 25px;height: 25px;text-align: center;line-height: 1.7;margin-right: 10px;}

.right-section-three-icon img {width: 30px;height: 100%}
.zone-bottom {border-bottom: 1px solid #e8e8e8;}

.bi-product-detail-extra-content {margin-bottom: 20px}
.bi-product-detail-extra-content ul {list-style-type: disc !important;margin: 20px 12px !important;}
.bi-product-detail-extra-content ul li {margin-bottom: 5px !important;}
.bi-product-detail-extra-content ul li span {font-weight: 500;}

.all-features {display: flex;align-items: center;justify-content: center;padding-top: 15px;position: relative;}
.all-features .feature-buttons {display: flex;justify-content: center;align-items: center;position: absolute;z-index: 99;}
.all-features a.button-all-features {border: solid #f5f5f5;background-color: #f5f5f5;cursor: pointer;font-size: 13px;font-weight: 600;transition: all .3s ease;letter-spacing: 1.2px;color: #333;padding: 12px 64px;border-radius: 100px;display: flex;justify-content: center;align-items: center;text-align: center;}
.all-features a.button-all-features:hover {color:#b84f0a!important;border:solid #FEF4EB!important;background-color:#fef4eb!important}
.all-features .line {width: 100%;border: none;border-top: 1px solid #e6e6e6;}

.br-color-primary {border-color: #e8e8e8}
.border-none {border: 0}

.product-editor {border: 1px solid #e8e8e8;border-radius: 6px;padding: 30px}
.product-editor p {margin-bottom: 0;font-size: 13px;letter-spacing: 0;line-height: 2;}

.product-editor h1 {font-size: 20px !important}
.product-editor h2 {font-size: 18px !important}
.product-editor h3 {font-size: 16px !important}

.product-editor img {max-width: 100%;height: 100%;margin: 5px}

.bi-basket-login {
	width: 100%;
	margin-top: -20px;
	padding: 0 15px;
}

.bi-basket-login .bi-basket-login-tab {
	display: flex;
	align-items: center;
	background: #e2e2e2;
	border-radius: 8px;
}

.bi-basket-login .bi-basket-login-tab .bi-basket-login-tab-select {
	border: 1px solid #e2e2e2;
	padding: 15px;
	width: 50%;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	transition: all .2s ease;
}

.bi-basket-login .bi-basket-login-tab .bi-basket-login-tab-select:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.bi-basket-login .bi-basket-login-tab .bi-basket-login-tab-select.active {
	background: #fff;
	color: var(--bi-color-primary);
}

.bi-basket-login .bi-basket-login-content .modal-login-content {
	margin: 20px 0 10px 0px
}

.address-group {
	margin-bottom: 15px;
}
.address-group label {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}

.address-group input {
	width: 100%;
	height: 42px;
	padding: 8px 10px;
	border: solid 1px #e8e8e8;
	border-radius: 6px !important;
	box-sizing: border-box;
	transition: all .3s ease;
	outline: 0;
	background-color: #fbfbfb;
}

.address-group input:focus {
	background-color:#fff;
	border:solid 1px #d2d2d2;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}

.address-group input::placeholder {
  color: #999;
}

.address-group select {
	width: 100%;
	height: 42px;
	padding: 8px 10px;
	border: solid 1px #e8e8e8;
	border-radius: 6px !important;
	box-sizing: border-box;
	transition: all .3s ease;
	outline: 0;
	background-color: #fbfbfb;
	font-size: 13px;
}

.address-group select:focus {
	background-color:#fff;
	border:solid 1px #d2d2d2;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}

.address-group textarea {
	width: 100%;
	height: calc(3em + 4px*3 + 20px);
	padding: 5px 8px;
	border: solid 1px #e8e8e8;
	border-radius: 6px !important;
	box-sizing: border-box;
	transition: all .3s ease;
	outline: 0;
	background-color: #fbfbfb;
	font-size: 13px;
}
.address-group textarea:focus {
	background-color:#fff;
	border:solid 1px #d2d2d2;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}
.address-group textarea::placeholder {
  color: #999;
}

.address-save {width: 100%;margin-top: 25px}
.address-save button {
	border-radius: 6px;
	width: 100%;
	height: 48px;
	font-size: 14px;
}
.address-save button:hover {
	background: var(--bi-color-primary) !important;
	border-color: var(--bi-color-primary) !important;
	opacity: .8;
	transition: 200ms;
}

.modal-header.bi-guest-user {border-bottom: 0}
.modal-header.bi-guest-user .btn-close {z-index: 999}
.modal-header.bi-guest-user .btn-close:focus {
	box-shadow: none !important;
}


.bi-product-list {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}

.bi-product-list .bi-product-image-wrapper {
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}

.bi-product-list .bi-product-image-wrapper img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.bi-product-list .bi-product-content-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	gap: 5px;
	width: 100%;
}

.bi-product-list .bi-product-content-wrapper .bi-product-content-text {
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bi-product-price-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
	color: var(--bi-color-primary);
	margin-bottom: 5px;
}

.bi-product-left-wrapper {
	position:absolute;
	top: 10px;
	left: 5px;
}

.bi-product-left-wrapper .left-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bi-product-left-wrapper .left-container .free-delivery {
	border-radius: 4px;
	background: var(--bi-color-green);
	color: var(--bi-color-white);
	padding: 2px 4px;
	display: flex;
	align-items: center;
	width: 72px;
	font-size: 10px;
	line-height: 11px;
}

.bi-product-left-wrapper .left-container .free-delivery svg {
	margin-right: 6px;
	fill: var(--bi-color-white);
}

.bi-product-right-wrapper {
	position:absolute;
	top: 5px;
	right: 5px;
}

.bi-product-right-wrapper .right-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bi-product-right-wrapper .right-container .favorite {
	position: relative;
	min-width: 36px;
	height: 36px;
	margin: 0 0 0 15px;
	border-radius: 50%;
	border: solid 1px #e8e8e8;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.bi-product-right-wrapper .right-container .favorite:hover {
	fill: var(--bi-color-primary);
}

.bi-product-right-wrapper .right-container .favorite.active {
	fill: var(--bi-color-primary);
}

.bi-card-fixed {display: none;}

@media (max-width: 600px){
	.bi-product-detail-picture-top {text-align: center;}
	.bi-product-detail-picture-top img {width: auto;height: 200px}
	.variant-section-content .variant-zone {font-size: 12px}
	.bi-product-detail-summary .bi-product-detail-basket-desktop {display: none}
	.bi-product-detail-summary .bi-product-detail-price {display: none}
	.bi-product-detail-middle {border-bottom: 1px solid #e6e6e6;margin-bottom: 10px}

	.bi-card-fixed {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0;
		right: 0;
		z-index: 99;
		background: #ffffff;
		min-height: 60px;
		border-top: 1px solid #e2e2e2;
	}

	.bi-card-fixed .bi-cart-add {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 15px;
	}

	.bi-card-fixed .bi-cart-add .bi-cart-add-price {
		color: var(--bi-color-primary);
		font-size: 22px;
		font-weight: 600;
	}

	.bi-card-fixed .bi-cart-add .bi-cart-add-price .free-shipping {
		color: var(--bi-color-green);
		font-size: 12px;
		font-weight: 500;
	}

	.bi-card-fixed .bi-cart-add .btn-addToCart {
		width: 150px;
		height: 40px;
		background: var(--bi-color-primary);
		border:1px solid var(--bi-color-primary);
		border-radius: 6px;
		color: var(--bi-color-white);
	}
}

@media (min-width: 768px) and (max-width: 1024px){
	.bi-product-detail-extra-content,.all-features {display: none}
}

@media (max-width: 1180px){
	.hidden-mobile-tablet {display: none}
}