.blogHomeItem {
		padding: 20px;
		min-height: 230px;
		margin: 10px;
		overflow: hidden;
		background-color: var(--darkenbg) !important;
}

		.blogHomeItem p {
				padding-top: 10px;
		}

		.blogHomeItem h4 {
				font-family: var(--fontFamilyHeaders) !important;
		}

.snippetHomeItem {
		height: auto;
		overflow: hidden;
}

		.snippetHomeItem p {
				padding-top: 10px;
		}

.blogReadMore {
		font-size: calc(var(--base-font-size) * 0.8);
		padding-left: 5px !important;
		color: var(--font) !important;
		text-decoration: underline;
}

.blogPublishDate {
		font-size: calc(var(--base-font-size) * 0.8);
}

.footer-logo a {
		font-weight: bold !important;
		font-size: calc(var(--base-font-size) * 1.5) !important;
}

.footer-section {
		padding-top: 0px !important;
}

.social-links-warp {
		border-bottom: none !important;
}

.sub-menu {
		padding-top: 10px;
		background-color: none;
}

.sub-menu2 {
		padding-left: 10px !important;
}

.page-top-info {
		padding: 30px 0 30px !important;
}

.comparePrice {
		font-weight: normal !important;
		font-size: calc(var(--base-font-size) * 0.8);
		text-decoration: line-through;
}

.variantOption {
		width: auto;
		height: 40px;
		font-size: calc(var(--base-font-size) * 1);
		border-radius: 50px;
		border: none;
		padding: 0 19px;
}

.white-popup {
		position: relative;
		padding: 20px;
		width: auto;
		max-width: 500px;
		margin: 20px auto;
		padding: 40px !important;
		background: var(--bg);
		color: var(--font);
}

.size-col {
		text-align: left !important;
}

		.size-col h4 {
				font-size: 10pt !important;
				font-family: var(--fontFamilyHeaders) !important;
		}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-weight: bold;
		font-size: 10pt !important;
}

::-moz-placeholder { /* Firefox 19+ */
		font-weight: bold;
		font-size: 10pt !important;
}

:-ms-input-placeholder { /* IE 10+ */
		font-weight: bold;
		font-size: 10pt !important;
}

:-moz-placeholder { /* Firefox 18- */
		font-weight: bold;
		font-size: 10pt !important;
}

.required::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-weight: bold;
		font-size: 10pt !important;
}

.required::-moz-placeholder { /* Firefox 19+ */
		font-weight: bold;
		font-size: 10pt !important;
}

.required:-ms-input-placeholder { /* IE 10+ */
		font-weight: bold;
		font-size: 10pt !important;
}

.required:-moz-placeholder { /* Firefox 18- */
		font-weight: bold;
		font-size: 10pt !important;
}

.ui-menu-item div {
		font-size: 10pt !important;
}

.deliveryTimeFram {
		font-size: 10pt !important;
		padding-left: 20px;
}

.shipping-btns {
}

.borderBottom {
		font-size: 11pt !important;
		font-weight: normal;
		margin-bottom: 30px !important;
}

.cf-title {
		margin-bottom: 20px !important;
}

.product-list {
		/*text-align: right !important;*/
}

.navi {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0 !important;
}

.webAddressh {
		opacity: 0 !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-height: 0 !important;
		max-width: 0 !important;
		z-index: -1 !important;
}

.featuredCategoryHolder {
		margin: auto;
		width: 100%;
		height: 300px;
		max-height: 300px;
		background-position: center;
		background-size: cover;
		text-align: center;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

.featuredCategoryName {
		display: block;
		vertical-align: middle !important;
		text-align: center !important;
		width: 100%;
		height: 300px;
		max-height: 300px;
		font-size: 1.5em;
		padding: 10px;
		padding-top: 20% !important;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		cursor: pointer !important;
		font-weight: bold;
}

		.featuredCategoryName b {
				font-weight: normal !important;
				font-size: 0.7em !important;
		}

.featuredCategoryHolder:hover {
		opacity: 0.82;
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.39);
		-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.39);
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.39);
}

		.featuredCategoryHolder:hover .featuredCategoryName {
				opacity: 0.82;
		}

.nonOpaque {
		opacity: 1 !important;
}

.accordion-area {
		margin-top: 20px !important;
}

.socialShare {
		margin-top: 20px !important;
}

.CategoryBeautyBottomTitle {
		width: 100% !important;
		text-align: center;
		font-size: calc(var(--base-font-size) * 1.5) !important;
		font-weight: bold;
}

		.CategoryBeautyBottomTitle div {
				padding: 10px;
		}

.h4ClassForH1 {
		font-size: 1.2em !important;
		text-transform: uppercase !important;
		font-family: var(--fontFamilyHeaders) !important;
}

.panelDescription p {
		line-height: normal !important;
		margin-bottom: 5px !important;
}

.category-menu-small {
		list-style: none;
		text-align: center;
		padding-top: 10px;
}

		.category-menu-small li {
				font-size: 1.0em;
				padding: 5px;
		}

				.category-menu-small li a {
						font-size: 1.0em;
				}

.sub-menu-small {
		list-style: none;
}

		.sub-menu-small li {
				font-size: 1.0em;
		}

				.sub-menu-small li a {
						font-size: 1.0em;
				}


.sub-menu2-small {
		list-style: none;
}

		.sub-menu2-small li {
				font-size: 1.0em;
		}

				.sub-menu2-small li a {
						font-size: 1.0em;
				}

.smallMenu_First {
		font-weight: bold;
}

.smallMenu_Seconds {
		font-size: 0.9em !important;
}

.smallMenu_Third {
		font-size: 0.8em !important;
}

@media only screen and (max-width: 767px) {
		.category-menu-small {
				display: block !important;
		}

		.category-menu {
				display: none;
		}
}

.orderTable {
		width: 100%;
		font-size: calc(var(--base-font-size) * 0.8)
}

		.orderTable tr {
				width: 100%;
				font-size: calc(var(--base-font-size) * 0.8);
				height: 80px;
		}

		.orderTable tbody tr:nth-child(even) {
		}

		.orderTable thead tr {
				padding: 5px;
				height: 30px !important;
		}

				.orderTable thead tr th {
						padding: 10px;
				}

		.orderTable tbody tr td {
				padding: 10px;
		}

.orderDetail {
		padding: 10px;
		font-weight: bold;
}

		.orderDetail:hover {
				font-weight: bold;
				text-decoration: underline;
		}

.main-navbar {
		text-align: center;
		background: var(--menubg) !important;
		color: var(--menufont) !important;
}

.slicknav_btn {
}

.slicknav_nav {
		text-align: left;
}

.main-menu li a {
		text-transform: uppercase;
}

.noticeBar {
		width: 100%;
		min-height: 30px;
		display: none;
		text-align: center;
		padding: 5px;
		color: var(--notifyfont) !important;
		background-color: var(--notifybg) !important;
		font-weight: bold !important;
		font-size: calc(var(--base-font-size) * 1.0) !important;
}

.site-btn {
		transition: all 0.5s ease;
		background: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
}

.hero-slider .owl-item.active .hs-item h2 span {
		text-align: center;
		font-size: 60px;
		padding: 0px !important;
		padding-top: 10px !important;
}

.hero-slider .owl-item.active .hs-item p {
		text-align: center;
		font-size: calc(var(--base-font-size) * 1.5) !important;
		padding: 0px !important;
}

.bodyItem {
		margin-bottom: 0px !important;
		max-width: 97vw;
}

.smContainer .container {
		width: 99vw !important;
		max-width: 99vw !important;
}

.hero-slider .hs-item .offer-card {
		position: relative !important;
		top: 0px !important;
		width: auto !important;
		height: 50px !important;
		width: 200px !important;
}

.hero-slider .hs-item .offer-card {
		border-radius: 0px !important;
		margin: auto !important;
}

		.hero-slider .hs-item .offer-card:after {
				display: none !important;
		}

.offer-card h2 {
		font-size: calc(var(--base-font-size) * 1) !important;
}

.headerBannerRow {
		position: absolute;
		bottom: 0px;
		width: 100vw;
		float: left;
		height: 300px !important;
}

.headerBannerRow2 {
		opacity: 0.5;
		position: absolute;
		bottom: 0px;
		width: 100vw;
		height: 300px !important;
}

.hero-slider .hs-item .container {
		position: absolute;
		bottom: 0px !important;
}

.hero-slider .hs-item h2 {
		margin-bottom: 0px !important;
}


@media only screen and (max-width: 1024px) {
		.hero-slider .owl-item.active .hs-item h2 span {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}

		.hero-slider .owl-item.active .hs-item p {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}
}

@media only screen and (max-width: 500px) {
		.hero-slider .owl-item.active .hs-item h2 span {
				font-size: calc(var(--base-font-size) * 1.5) !important;
		}

		.hero-slider .owl-item.active .hs-item p {
				font-size: calc(var(--base-font-size) * 1) !important;
		}
}

.requiredText {
		font-weight: bold;
		font-size: calc(var(--base-font-size) * 0.8) !important;
		margin: 20px !important;
}

.basicList {
		list-style-type: none !important;
}

.headerBar {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: calc(var(--base-font-size) * 2.2) !important;
		border-bottom: 1px solid var(--font);
		padding: 10px 0;
		font-family: var(--fontFamilyHeaders) !important;
		text-transform: uppercase;
		letter-spacing: 1px;
}

.headerBarButton {
		display: inline-block;
		font-size: calc(var(--base-font-size) * 0.6) !important;
		padding: 6px 14px;
		background-color: var(--buttonbg) !important;
		color: var(--buttonfont) !important;
		border-radius: 3px;
		text-decoration: none;
		transition: background 0.3s ease;
}

		.headerBarButton:hover {
				background-color: var(--buttonfont) !important;
				color: var(--buttonbg) !important;
		}

.footer-widget h2 {
		margin-bottom: 10px !important;
		text-transform: none;
		font-family: var(--fontFamilyHeaders) !important;
}

.subscriberHolderMain {
		padding: 20px;
		max-width: 650px !important;
		margin: auto;
		margin-top: 20px;
}

		.subscriberHolderMain b {
				font-weight: bold !important;
				font-size: calc(var(--base-font-size) * 1);
				display: block;
		}

		.subscriberHolderMain p {
				text-align: center !important;
		}


.footer-widget ul {
		text-align: center !important;
		list-style-type: none !important;
		float: none !important;
		margin: auto;
}

		.footer-widget ul li {
				list-style-type: none;
		}


@media only screen and (max-width: 767px) {
		.plusCode {
				display: none;
		}
}

body {
		background: var(--bg) !important;
		color: var(--font) !important;
}

.header-search-form input {
		border: solid 1px var(--font) !important;
		background: var(--bg) !important;
		color: var(--font) !important;
}

.shopping-card span {
		color: var(--bg);
		background: var(--font);
		font-weight: bold;
}

.main-menu li a {
		color: var(--menufont) !important;
}

a {
		color: var(--font) !important;
}

.main-menu .sub-menu li a {
		background: var(--menubg) !important;
		color: var(--menufont) !important;
}

		.main-menu .sub-menu li a:hover {
		}

.product-item .tag-sale {
		color: var(--notifyfont) !important;
		background: var(--notifybg) !important;
}

.footer-section {
		background: var(--font);
		color: var(--bg);
}

.social-links a {
		margin-right: 60px;
		display: inline-block;
}

		.social-links a:last-child {
				margin-right: 0;
		}

		.social-links a i {
				font-size: calc(var(--base-font-size) * 2.0);
				float: left;
				margin-right: 19px;
				overflow: hidden;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
				color: var(--bg);
		}

		.social-links a span {
				display: inline-block;
				font-size: calc(var(--base-font-size) * 0.8);
				font-weight: 600;
				text-transform: uppercase;
				padding-top: 10px;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
				color: var(--bg);
		}

		.social-links a:hover {
				opacity: 0.7;
		}

.cartUpdateHeader {
		font-size: calc(var(--base-font-size) * 1.5) !important;
		font-weight: bold;
		color: var(--font) !important;
}

.quantitySet {
		color: var(--font) !important;
}

@media (max-width: 575.98px) {
		.headerBar {
				flex-direction: column;
				text-align: center;
				gap: 10px; /* Optional: spacing between header and button */
		}

				.headerBar a {
						width: 100%;
						text-align: center;
						font-size: calc(var(--base-font-size) * 0.5) !important
				}
}

.featuredCategoryHolder {
		position: relative;
		overflow: hidden;
}

		.featuredCategoryHolder img.featuredCategoryImage {
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
		}

.featuredCategoryName {
		position: relative;
		z-index: 2;
}

@media only screen and (max-width: 768px) {
		.slicknav_menu .slicknav_icon-bar {
				background-color: var(--menufont) !important;
		}
		.slicknav_menutxt {
				color: var(--menufont) !important;
		}
		.slicknav_btn {
				background-color: var(--menubg);
				color: var(--menufont);
		}
		.cart-table-warp {
				overflow: hidden !important;
		}

		.cart-table table {
				min-width: auto !important;
				overflow: hidden !important;
		}

		.cart-table-warp table thead {
				display: none;
		}

		.cart-table-warp table tr > td {
				display: block !important;
				width: 100% !important;
		}

		.quantity .pro-qty {
				float: right;
		}

		.quantity {
				display: inline-block !important;
				width: 100% !important;
				padding-right: 5px;
		}

		.cart-table .total-col h4 {
				text-align: right;
				font-weight: bold;
				padding-right: 5px;
		}

		.cart-table .product-col {
				margin-bottom: 0px !important;
		}

				.cart-table .product-col img {
						max-height: 50px;
						width: auto !important;
				}

		.cart-table tr::after {
				content: "";
				display: block;
				height: 1px;
				background-color: var(--notifybg);
				margin: 10px 0;
		}

		.cart-table tr {
				padding-top: 20px !important;
				display: block;
		}

		.cart-table {
				padding: 10px !important;
		}

				.cart-table .total-cost {
						margin: unset !important;
						padding: unset !important;
						padding-right: unset !important;
				}

						.cart-table .total-cost h6 {
								padding: 15px 5px !important;
						}

						.cart-table .size-col h4 {
								width: 100% !important;
								text-align: right;
								padding-right: 5px;
								font-weight: bold;
						}
}