.quick-view-modal .modal-body {

	padding: 12px;

}



.quick-view-modal .modal-xl {

	max-width: 100%;

	margin-left: 12px;

	margin-right: 12px;

}



.quick-view-modal .article-img {

	padding: 32px 24px 0 24px;

}



.quick-view-modal .article-img img {

	width: 100%;

	object-fit: contain;

	max-height: 400px;

}



.quick-article-title h3 {

	font-size: clamp(18px, 2vw, 24px);

}



.quick-article-title button {

	text-wrap: nowrap;

	background-color: transparent;

	transition: color .2s ease

}



.quick-article-title i {

	font-size: 24px;

	transition: color .2s ease

}



.quick-article-title button:hover,

.quick-article-title button:hover i {

	color: var(--primary);

}



.article-price p {

	font-size: clamp(18px, 2vw, 24px);

}



.registered-price {

	width: 100%;

	height: 100%;

}



.registered-price div:nth-child(1) {

	width: 100%;

	border: 1px solid var(--line-color);

	border-right: none;

	padding: 12px 18px;

	padding-right: 40px;

	margin-right: -30px;

}



.registered-price div:nth-child(2) {

	align-content: center;

	border: 1px solid var(--primary);

	background-color: var(--primary);

	clip-path: polygon(calc(0% + 30px) 0%, 100% 0%, 100% 100%, 0% 100%);

	padding: 12px 18px;

	padding-left: 40px;

}





.article-info ul {

	list-style: disc;

	list-style-position: inside;

	width: 100%;

}



.article-info li {

	color: var(--grey-4);

}



.article-info span {

	color: var(--black);

	padding-left: 10px;

}



.quantity-price h5 {

	font-size: clamp(14px, 1.5vw, 16px);

}



.quick-view-add-btn {

	width: 100%;

}



.quick-view-add-btn form > div {

	flex: 1 0 auto;

}



.quick-view-add-btn .form-control {

	padding: 10px 12px;

	height: 100%;

}



.quick-view-add-btn input[type="number"] {

	-webkit-appearance: textfield;

	appearance: textfield;

	-moz-appearance: textfield;

	margin: auto;

}



.quick-view-add-btn .add-btn {

	width: 100%;

	flex: 1 0 auto;

	border-radius: 500px;

	padding: 10px 40px;

	text-transform: capitalize;

}



.detailed-view-link a {

	color: var(--black);

	transition: color .2s ease;

	font-size: 14px;

}



.detailed-view-link a:hover {

	color: var(--primary-active);

}



.detailed-view-link a i {

	color: var(--primary);

	transition: color .2s ease;

}



.detailed-view-link a:hover i {

	color: var(--primary-active);

}



.quick-view-modal .discount-and-favbox {

	position: absolute;

	top: 10px;

	left: 0;

	padding-left: 15px;

	padding-right: 60px;

}



.quick-view-modal .discount-and-favbox .discount {

	position: absolute;

	top: 0;

	left: 10px;

}



.quick-view-modal .wishlist-btn {

	position: absolute;

	top: 0;

	right: 40px;

	background-color: transparent;

	display: flex;

	gap: 10px;

	align-items: center;

}



.quick-view-modal .wishlist-btn span {

	visibility: hidden;

	opacity: 0;

	transition: opacity .2s ease, color .2s ease;

	line-height: 1;

}



.quick-view-modal .wishlist-btn:hover > * {

	color: var(--black);

}



.quick-view-modal .wishlist-btn:hover span {

	visibility: visible;

	opacity: 1;

}



.quick-view-modal .wishlist-btn i {

	font-size: 26px;

	transition: color .2s ease;

}



.quick-view-modal .btn-close {

	position: absolute;

	top: 15px;

	right: 15px;

	padding: 15px;

	z-index: 300;

}



.quick-view-modal .btn-close:focus-visible,

.quick-view-modal .btn-close:focus {

	outline: none;

	border: none;

	box-shadow: none;

}



.quick-view-modal .article-info {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 4px 8px;

}



.quick-view-modal .article-info > div {

	display: flex;

	justify-content: space-between;

	gap: 4px;

}



@media(min-width: 768px) {

	.quick-view-modal .article-info {

		gap: 4px 16px;

	}

}



@media(min-width: 992px) {

	.quick-view-modal .wishlist-btn {

		right: 10px;

	}



	.quick-view-modal .discount-and-favbox .discount {

		left: 10px;

	}

}



@media (min-width: 1200px) {

	.quick-view-modal .article-info {

		gap: 4px 32px;

	}



	.quick-view-modal .wishlist-btn {

		right: 16px;

	}



	.quick-view-modal .discount-and-favbox .discount {

		left: 16px;

	}

}



.quick-view-modal .stock i {

	font-size: 20px;

}



.unit-price-container p {

	font-size: 18px;

}



.quick-view-modal .number-input-wrapper label {

	font-size: 14px;

	color: var(--grey-2);

}



.quick-view-modal .number-input-container {

	padding-top: 2px;

	padding-bottom: 2px;

}



.unit-price-container span {

	font-size: 14px;

	color: var(--grey-2)

}



.unit-price-container p {

	margin-bottom: 5px;

}



.register-and-save {

	background-color: var(--grey-section);

}



.register-and-save .unit-price-discount {

	font-size: 18px;

}



.inventory_tooltip_text {

	display: none;

	position: absolute;

	background-color: var(--invoice-yellow-light);

	padding: 12px;

	bottom: 50px;

	border-radius: 4px;

	width: 300px;

	z-index: 5;

	font-size: 14px;

}



.inventory_tooltip_text::after {

	content: '';

	position: absolute;

	bottom: -15px;

	width: 30px;

	height: 30px;

	left: 48%;

	transform: rotate(45deg) translateX(-50%);

	background-color: var(--invoice-yellow-light);

}



.inventory_tooltip_text.active {

	display: block;

}



table.table {

	background-color: transparent;

	width: 100%

}



table thead tr {

	background-color: var(--grey-3);

}



table thead tr th {

	font-weight: 400;

}



.table>:not(caption) > * > * {

	background-color: transparent;

	padding: 10px;

}



@media (min-width: 540px) {

	.quick-view-modal .article-img img {

		width: 60%;

	}

}



@media (min-width: 768px) {

	.quick-view-add-btn button {

		width: 70%;

	}

	

	.quick-view-modal .modal-xl {

		max-width: 600px;

		margin-left: auto;

		margin-right: auto;

	}



	.quick-view-modal .article-img img {

		width: 70%;

	}

	

	

	.detailed-view-link a {

		font-size: 16px;

	}



	.tooltip_text {

		width: 350px;

	}

}



@media (min-width: 992px) {

	.quick-view-modal .modal-xl {

		max-width: 900px;

	}



	.quick-view-modal .modal-body {

		padding: 24px;

	}



	table.table {

		background-color: transparent;

		width: 80%

	}



	.unit-price-container p {

		font-size: 24px;

	}



	.register-and-save .unit-price-discount {

		font-size: 24px;

	}



	.quick-view-modal .discount-and-favbox {

		padding-left: 20px;

		padding-right: 20px;

		z-index: 10;

	}



	.quick-view-modal .btn-close {

		top: 20px;

		right: 20px;

		padding: 4px;

		z-index: 300;

	}



	.quick-view-modal .discount-and-favbox {

		position: absolute;

		top: 10px;

		left: 0;

		padding-left: 10px;

		padding-right: 10px;

	}



	.unit-price-container p {

		margin-bottom: 0px;

	}



	.quick-view-modal .article-img {

		padding: 80px 24px;

		height: 100%;

	}

}



@media (min-width: 1200px) {

	.quick-view-modal .modal-xl {

		max-width: 1140px;

	}



	.quick-view-modal .article-img {

		padding: 80px 50px;

		height: 100%;

	}



	.quick-view-modal .article-img img {

		width: 100%;

	}



	.quick-view-add-btn > div {

		width: 50%;

	}



	.quick-view-modal .discount-and-favbox {

		position: absolute;

		top: 20px;

		left: 0;

		padding-left: 20px;

		padding-right: 20px;

	}



	.tooltip_text {

		width: 400px;

	}

}



@media (min-width: 1400px) {

	.quick-view-modal .modal-xl {

		max-width: 1313px;

	}



	.grid .quick-view-modal .discount-and-favbox {

		justify-content: space-between !important

	}



	.list .quick-view-modal .discount-and-favbox {

		justify-content: space-between !important

	}

}