/* Rmv bottom line Header */
.home .main-header-bar{
	border-bottom-color:transparent;
}

p.stock.in-stock {
    color: green;
}

p.stock.out-of-stock {
    color: red;
}

.main-header-bar {
		background-color: #fff5f5;
    transition: all .9s ease-in-out;
}

.woocommerce-breadcrumb {
	display:none;
}

.site-primary-footer-wrap {
	box-shadow: inset 5px 13px 8px -10px #ccc, inset 0px -13px 8px -10px #ccc;
}

.shop_table_responsive .coupon  button {
	margin-top:6px;
}

/* Reduce padding sidebar */
.ast-right-sidebar #secondary {
    padding-left: 20px !important;
	margin-top: 66px
}

.poet-heading span strong {
	font-weight: 500 !important;
}

/* Align header sizing */
#topsellingproductstitle {
	  margin-top:50px;
}

.woocommerce .related.products h2, .woocommerce .up-sells h2, .woocommerce .woocommerce-tabs h2 {
    font-size: 1.625rem;
}

/* Astra sticky header */
.home .main-header-bar {
    position: relative;
    top: 0px;
    width: 100%;
}

.home .site-content {
    padding-top: 0px !important;
}

.main-header-bar {
    position: fixed;
    top: 0px;
    width: 100%;
}

/* Fix content padding */
.site-content {
    padding-top: 57px !important;
}

/* Adjust menu colors */
#ast-hf-account-menu li a{
	color: var(--ast-global-color-2);
}

#ast-hf-account-menu li a:hover{
	color: var(--ast-global-color-1);
}

.home #ast-hf-menu-1 li a:hover{
	color: var(--ast-global-color-1);
}

/* Other Stuff */
.size-options {
	margin-bottom: 20px;
}

.woocommerce ul.products li.product.box-shadow-2 {
	background-color: var(--ast-global-color-5) !important;
}

.ast-stock-detail {
	margin:10px 0;
}

.woocommerce div.product .related.products {
	margin-top:60px;
}

.ast-woocommerce-container{
		margin-top:5px;
}

.footer-logo {
		margin-top:-15px;
}

.swiper-slide-image {
		max-width:150px !important;
}

.woocommerce div.product form.cart a.added_to_cart {
    margin: 0 0 0 80px;
}

.couponincluded {
    width: 100%;
    text-align: center;
    margin: auto;
    border: 1px solid #00a963;
    background-color: #d3ffe1;
    margin-bottom: 20px;
	  font-size: 16px;
}

.coupondiscountedamount {
	font-weight:700;
	font-size: 1.5rem;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	margin-top:6px !important;
}

.footer-ssl-security-badges {
	text-align:center
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
	border: 1px solid #FAF4F6;
}

.related .products li{
	width: 47.5% !important;
	margin-right:2% !important;
}	

.similaritems .products li{
	width: 47.5% !important;
	margin-right:2% !important;
}	

.similaritems .similar-items-stock{
	color: #77a464;
}

.display-items-stock {
	color: #77a464;
}

.ast-header-search {
		margin-top:2px;
}
	
.ast-header-woo-cart {
	margin-left:-6px;
	margin-top:6px;
	margin-right:4px
}

.custom-similar-products {
	max-width: 182.47px;
}

.similar-items-add {
	padding:5px !important;
}

#anchorforsimilarproducts {    
margin-bottom: 90px;
margin-top: -66px;
background: white;
}
	
.woocommerce form .button.single_add_to_cart_button {
    margin-left: 14px !important;
}

/* Mobile CSS Updates */
@media (max-width: 922px) {
	
/* Remove magnify icon for product image on mobile */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	display: none;
}

/*Center align Logo on Footer for Mobile & add footer spacing */
.site-footer-primary-section-1  {
		margin: auto !important;
    margin-bottom: 40px !important;
}

.site-footer-primary-section-2{
	   margin-bottom: 40px !important;
}
	
.site-footer-primary-section-3{
	   margin-bottom: 40px !important;
}

/* Removing padding for sidebar on Mobile */
.ast-right-sidebar #secondary {
    padding-left: 0px !important;
}

.related .products li{
	width: 100% !important;	
	margin-right:0px !important
}	
	
.similaritems .products li{
	width: 100% !important;	
	margin-right:0px !important
}	
	
	
.ast-woo-header-cart-info-wrap{
		display:none !important;
}
	
.site-header-section > * {
    padding: 0 5px;
}

.ast-header-search {
		margin-top:2px;
}
	
.ast-header-woo-cart {
	margin-left:-6px;
	margin-top:2px;
	margin-right:4px
}

.main-header-bar-wrap {
    min-height: 67px;
}
	
.site-content {
    padding-top: 0px !important;
}
	
.custom-similar-products {
	max-width: 165px;
}
	
.woof_show_mobile_filter{
		text-align: right;
    margin-bottom: 30px;
}	
	
.woof_meta_mselect_container .chosen-container-multi{
		width:100% !important;
}
	
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

}

/* Fixes to handle Subscriber popup */

@media (max-width: 500px) {
#mp_form_popup1 {
	max-height: 400px !important;
	width: 90% !important;
  min-width: 90% !important;
  margin: auto !important;
	top: 60px !important;
}
	
.subscribe-popup-privacy {
	margin-top:0px !important;
	font-size: 12px !important;
}
	
.mailpoet_has_divider {
	display:none !important;
}
	
.mailpoet_form .mailpoet-heading {
    font-size: 22px !important;
    line-height: 1.4 !important;
    margin: 12.6px 0 !important;
}

	.is-layout-flow {
		flex-basis: 100% !important;
	}
	
	.entry-content {
		text-align:center !important;
	}
	
}

.subscribe-popup-privacy {
	margin-top:-10px;
}

.mailpoet_has_divider {
	margin-top: -20px;
}

.mailpoet_divider {
  border-top-width: 2px !important;
  border-top-color: #b7ad34 !important;
  width: 80% !important;
}

.sidebar-subscribe-header {
	font-size: 1.625rem !important;
	font-weight: 700 !important;
	color: var(--ast-global-color-3) !important;
	font-family: 'Open Sans',sans-serif !important;
	margin:-16px 0 12px 0;
}


.sidebar-subscribe-privacy {
		font-size: 12.5px !important;
}

.woocommerce-Price-amount {
	color:#000;
}

/* footer CSS Fixes */
.footer-divider{border-top: 1px solid #000; margin-top:-15px;
}
.footer-ssl-badges {height:50px; width:170px; margin-top:-10px}

.popularBrandsTable{	display: table;	width: 100%;}
.popularBrandsTableRow {	display: table-row;}
.popularBrandsTableCell {	display: table-cell; padding: 3px 10px;} 
.popularBrandsTableBody {	display: table-row-group;}


.moreoptTable{display: table; width: 100%;}
.moreoptTableRow {display: table-row;}
.moreoptTableCell {	border-bottom: 1px solid #ddbe24;	display: table-cell;	padding: 3px 10px;}
.moreoptTableBody {	display: table-row-group;}
.moreoptTableRow .moreoptTableCell .add_to_cart_inline{border:0px !important;	padding:0px !important;	font-size:15px;	text-align:center;}
.moreoptTableRow .moreoptTableCell .add_to_cart_inline a{font-size:100%; padding: 9px 6px;}


/* More Products Table*/
.moreprodTable{	display: table; width: 100%;}
.moreprodTableRow {display: table-row;}
.moreprodTableCell1 {	display: table-cell;	padding: 7px 3px;	width:12%;	vertical-align:middle}
.moreprodTableCell1 img {	border: 1px solid #eee;}
.moreprodTableCell2 {display: table-cell;	padding: 3px 5px;	width:35%;	vertical-align:middle}
.moreprodTableBody {	display: table-row-group;}


/* Top 10 Posts */
/* Primary Image */
.top-ten-post-image {
	  height: 100%;
    align-items: center;       display: flex !important;
}

.top-ten-post-image figure img {
	box-shadow: 1px 2px 10px rgb(254 117 117 / 25%);
}

/* Scents table */
.top-ten-post-table table {
		max-width: 750px;
    margin: auto;
    margin-bottom: 6px;
}
    
.top-ten-post-table table tbody tr th {
    color: black;
    background: rgb(254 117 117 / 25%);
    line-height: 14px;
}

.top-ten-post-table table tbody tr td {
		text-align: center;
    line-height: 14px;
}

.top-ten-post-table figcaption {
	  margin-bottom: 24px;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

.top-ten-post-table table tr {
		line-height: 14px;
}

/* Custom Product Page */
#cpp-page-content {
		margin-top: 60px;
    margin-bottom: -66px;
}

.cproduct-descriptor{
	display: flex;
  align-content: center;
  flex-direction: column;
}


@media (min-width: 500px) {
	.cproduct-descriptor{
		margin-left:30px;
	}
}
.customproducttype .ast-breadcrumbs-wrapper {
	display:none
}

.customproducttype .entry-header {
	display:none
}

nav.navigation.post-navigation {
    display: none;
}

.widget_products .star-rating {
	  display: none;
}

.cpp_products_priceblock a {
	display: block;
	font-size: 12px;
}

.cpp_moreprodTable {
		width: 100%;
}

.cpp_moreprodTableRow1 {
		max-width: 48%;
		width: 48%;
    display: inline;
    float: left;
		box-shadow: 1px 2px 10px rgb(107 104 104 / 25%);
		margin: 1%;
}

.cpp_moreprodTableRow2 {
		max-width: 48%;
	  width: 48%;
    display: inline;
    float: left;
		box-shadow: 1px 2px 10px rgb(107 104 104 / 25%);
		margin: 1%;
}

.cpp_moreprodTableCell1 {
		max-width: 24%;
    display: inline;
    float: left;
}

.cpp_moreprodTableCell2 a h4 {
	font-size:14px;
}

.cpp_moreprodTableCell1 img {
	border: 1px solid #eee;
}

.cpp_moreprodTableCell2 {
    max-width: 75%;
    float: left;
    padding-left: 20px;
    min-height: 80px;
    align-items: center;
    display: flex;
}
.cpp-more-products-title {
		font-weight: 400;
    margin-bottom: 1em;
    line-height: 1.5;
	  padding-top: 24px;
}

.cpp-comments-widget h3 {
		font-weight: 400;
    margin-bottom: 1em;
    line-height: 1.5;
		font-size:1.8571428571429rem;
		color: var(--ast-global-color-2);
}

.glsr-tag-value {
	    font-size: 16px !important;
}

.cpp-product-data {
	  display:flex;
}

.cpp-hidden {
  display: none;
}

.related-title {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.related-title:before, .related-title:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color:#FFBBBB;
}
.related-title:before {
    margin-left: -50%;
    text-align: right;
}


/* Custom Product Page Product List */

.cpp-products-list-priceblock .added_to_cart {
	display:block;
}

.cpp-pl-buttons-primary-div {
		margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.cpp-filter-option {
	padding:4px 0px !important; 
	width: 80px; 
	background-color: #FFBBBB; 
	color:#000;
	margin: 0px 2px;
}

.cpp-filter-option:hover {
	background-color: rgb(255 112 112); 
}

.cpp-filter-default {
	padding:4px 0px !important;
	width: 80px; 
	background-color: rgb(255 112 112); 
	color:#FFF;
	margin: 0px 0px 0px 2px;
}

.cpp-filter-default:hover {
	background-color: rgb(255 112 112); 
}

.cpp-product-list-ul {
	width:100%; 
	min-height:130px; 
	margin:auto; 
	box-shadow: 1px 2px 10px rgb(107 104 104 / 25%);
}

.cpp-product-list-ul-div1 {
	width:100%; 
	min-height:130px; 
	border: 1px solid #eee; 
	align-items: center; 
	display: flex;
}

.cpp-product-list-ul-div2 {
	max-width:calc(100% - 160px); 
	float:left; 
	display:inline; 
	border-right: 1px solid #eee;
	width: calc(100% - 160px) !important;
}

.cpp-product-list-image {
	max-width:120px; 
	float:left; 
	display:inline; 
	border-right: 1px solid #eee;
}

.cpp-product-list-content {
	width:calc(100% - 140px); 
	float:right;
	padding: 8px 10px 2px 6px;		display:inline
}

.cpp-product-list-content-title {
	margin-bottom:8px; 
	font-size:14px;
	line-height:24px
}

.cpp-products-list-priceblock {
	width:160px; 
	float:right; 
	display:inline; 
	text-align:center;
	margin-top: -14px;
}

.cpp-products-list-price {
	font-size:16px;
	margin:auto;
}

.cpp-products-list-price-addtocart{
	margin:auto;
	width:120px;
	font-size:14px;
}

.cpp-products-list-price-coupontext {
	width: 120px; 
	margin: auto; 
	margin-bottom: 12px; 
	font-size: 11px; 
	margin-top: 0px;
}

.cpp-products-list-price-coupon {
	min-width: 100px; 
	text-align: center;
	border: 1px solid #00a963;
	background-color: #d3ffe1; 
	font-size: 18px; 
	padding: 0px 20px; 
	margin-bottom: 10px;
	font-weight:800;
	color: #000;
}

.cpp-scents-title {
	  text-align: center;
    font-weight: 800;
    font-size: 16px;
    color: black !important;
    margin-bottom: 4px;
    background: white !important;
}

.sidebar-subscribe-header {
	text-align:center !important; 
}

.mailpoet_form_paragraph {
		text-align:center !important; 
}

/* Custom Product Page Product List */
.top-scents-header {
	color: black; 
	background: #FFBBBB; 
	font-size: 15px;
}

.top-scents-rowdata {
	line-height: 14px;
	text-align: center;
	font-size: 14px;
}

/* CPP Similar Scents */
.cpp-similar-scents-title {
	margin-top:-15px; 
	padding-bottom:10px
}

.cpp-similar-scents-list {
	position: relative; 
	border-bottom: 1px solid #e2e2e2;
	line-height: 1.5;
	margin-bottom: 0.25em; 
	padding-bottom:8px;
}

.cpp-similar-scents-div {
	max-width:100%;
	display: flex; 
	align-items: center
}

.cpp-similar-scents-div1 {
	max-width:56px; 
	float:left; 
	display:inline;
}

.cpp-similar-scents-div2 {
	width:calc(100% - 60px);
	float:right; 
	display:inline
}

.cpp-similar-scents-product-title {
	padding-left:15px; 
	display:block; 
	font-size: 14px;
	font-weight: 700; 
	color: #352a2d;
}

.cpp-similar-scents-product-price {
	padding-left:15px;
}

/* CPP MAIN BODY */
.cpp-body-align {
	width:100%; 
	margin-top:-24px;
}

.cpp-body-align-scents {
	width:202.75px; 
	float:left; 
	display:inline;
}

.cpp-body-align-products{
	width:calc(100% - 230px); 
	float:right; 
	display:inline;
}

.glsr-summary-wrap {
  margin-bottom: 20px;
}

.cpp-body-rating {
	text-align: center;
	margin-top: -16px;
}

.cpp-perfumaze-rating {
	margin-top: -24px;
  margin-bottom: 20px;
}

.glsr-summary-text .glsr-tag-value {
	font-size: 14px !important;
}

.glsr-summary-rating {
	align-items: center;
  display: flex !important;
}

.cpp-products-list-price .woocommerce-Price-amount {
	font-weight: 400;
}

.ast-right-sidebar #primary {
    padding-right: 28px !important;
	    margin-top: 80px;
}

#cpp-mobile-only-description {
	display: none;
}

.cpp-product-title {
	display:none;
}

.cpp-brand-name {
	margin-top:10px !important;
	font-size:20px !important; 
}

.cpp-brand-name a {
	margin-top:10px !important;
	font-size:20px !important; 
}

.cpp-product-list-image .cpp-astra-search-icon {
	position: absolute;
  margin-left: -20px;
}


/* Mobile CSS Updates */
@media (max-width: 922px) {

.cpp-product-title {
    display: block;
}
	
.ast-right-sidebar #primary {
    padding-right: 0px !important;
	margin-top: 20px !important;
}
	
#cpp-page-content {
		margin-top: 30px;
    margin-bottom: -24px;
}

.cpp_moreprodTableRow1 {
    min-width: 99%;
    display: flex;
}	
	
.cpp_moreprodTableRow2 {
    min-width: 99%;
    display: flex;
}	

.top-scents {
		display: none;
}	
	
.cpp-body-align-scents {
		width: 100%;
    margin-top: -20px;
}
	
.cpp-body-align-products {
		width: 100%;
}
	
.cpp-product-list-ul-div1 {
		display:block
}
	
.cpp-product-list-ul-div2 {
    min-width: 100%;
    display: block;
		border-bottom: 1px solid #eee;
}
	
.cpp-products-list-priceblock {
    width: 100%;
    float: none;
    display: block;
	  padding-bottom: 12px;
}

.cpp-products-list-price {
    font-size: 20px;
}
	
.cpp-products-list-price-coupontext {
		width: 100%;
	  font-size: 14px;
}
	
.cpp-products-list-price-coupon {
		font-size: 22px;
    padding: 0px 50px;
}
	
.cpp-products-list-price-addtocart {
		font-size: 16px;
    display: inline-block;
    width: 200px;
    padding: 12px 0px !important;
}
	
	
.added_to_cart {
		display:block;
}
	
.footer-widget-area img{
	text-align:center;
	margin:auto;
	float: none !important;
}
	
.related-title{
		display:none;
}
	
.cpp-related-products-widget {
		display:none;
}
	
.wp-block-columns .cproduct-descriptor {
		display:none;
}
	
#cpp-mobile-only-description {
	  display: inline-block;
	    margin-top: 36px;
}
	
}

.lity.lity-opened {
    opacity: 1;
    background: rgb(245 205 250 / 15%);
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 10%) !important;
	background-color: #FFF;
}

.chosen-container {
	border: 1px solid #cecccc;
}

.top-ten-post-image img {
    box-shadow: 1px 2px 10px rgb(254 117 117 / 25%);
}

/* Ratings widget */
.perfumaze-rating {
    display: inline-block;
    border: 0;
    color: #faca15; 
		margin: auto;
}
/* Hide radio */
.perfumaze-rating > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.perfumaze-rating > label {
    float: right;
}
/* The star of the show */
.perfumaze-rating > label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}

/* Half star trick */
.perfumaze-rating .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}

.perfumaze-rating .inactive {
  color: #e2e2e2;
  top: 0;
  left: 0;
  -webkit-text-stroke: initial;
  overflow: hidden;
}

.cproduct-descriptor h1{
	font-weight: 500;
	font-size: 48px;
}

.cpp-wrapper {
   min-height:300px;
	display: flex;
   align-items: center;
   justify-content: center;
   gap: 30px;
}

.cpp-image,
.cpp-description {
  flex: 1;
}


.cpp-image{
    max-width: 29%;
    float:left;
	display: flex;
    align-items: center;
}

.cpp-description{
    width:69%;
    float:right;
	margin-left: 30px;
	display: flex;
    flex-direction: column;
    justify-content: center; 
}

.cpp-description p,
.cpp-description a {
    font-size: 15px;
}

.desktop-cpp-brand a {

}


.desktop-cpp-title{
	font-weight: 500;
	font-size: 36px;
	margin-bottom: 4px;
}
	
.desktop-cpp-brand {
	font-weight:500;font-size: 18px;
}

.desktop-cpp-brand a {
	font-weight:500;font-size: 18px;
}
	

.mobile-cpp-description {
	display: none;
}
@media (max-width:768px) {
.cpp-wrapper {
	      flex-direction: column; /* Stack vertically */
    align-items: center;
	gap:0px !important;
}

	.cpp-image {
     width: 90%;
     max-width: 90% !important;
  }
	
	 .cpp-description {
     width: 100%;
     max-width: 100% !important;
		 margin-left: 0px !important;
		 margin: 20px 0;
  }

	.cpp-image img {
    width: 100%; /* Make image responsive */
    height: auto;
  }

  .cpp-stock-placeholder {
  	display: none;
  }


}

/* NEW FEATURES */
/* --- Two-Column Layout CSS --- */

.full-width-post-custom {
	width:100% !important;
	border-right: 0px !important;
}

.product-content-wrapper {
    /* Ensures the wrapper contains the floated children */
    overflow: hidden; 
    margin-top: 20px;
}

.fixed-sidebar-left {
    width: 200px; /* Fixed width as requested */
    float: left; /* Puts it on the left */
    padding-right: 20px; /* Space between columns */
    box-sizing: border-box; /* Includes padding in the 120px width */
    background-color: #f8f8f8; /* Optional: distinguish the sidebar */
    min-height: 400px; /* Ensure it has some height */
}

.fixed-sidebar-left h3 {
	font-size: 22px;
	margin-left: 10px;
}

.products-display-right {
    /* Fills the remaining space. Subtract 120px + padding/margin from total width */
    margin-left: 220px; /* Must be greater than fixed-sidebar-left width to prevent overlap */
    /* If you used display: flex on .product-content-wrapper, you'd use flex-grow: 1; instead of margin-left */
}

/* --- Tab Structure CSS (Basic Styling) --- */

.tab-list {
    list-style: none;
    padding: 0;
    margin: 0 0 9px 0;
    border-bottom: 1px solid #ccc;
    display: flex; /* Makes the tabs line up horizontally */
    flex-wrap: wrap; /* Allows tabs to wrap on smaller screens */
}

.tab-item {
    margin-right: 4 px !important;
}

.tab-link {
    display: block;
    padding: 3px 11px;
    text-decoration: none;
    background-color: #eee;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #333;
}

.tab-link.active {
    background-color: #fff;
    border-color: #ccc;
    color: #000;
    font-weight: bold;
}

.tab-pane {
    display: none; /* Hide all content panes by default */
    padding: 0px;
		border: 0px;
}

.tab-pane ul {
  margin: 0 0 10px 10px;
	list-style-type: none;
}

.tab-pane.active {
    display: block; /* Show the active pane */
}


/* Product Grid Layout */
.product-grid {
    width: 100%;
    margin-top: 20px;
}

.product-row-item {
    /* Uses Flexbox to manage the 3-column structure */
    display: flex;
    flex-wrap: wrap; /* Important for responsiveness */
    gap: 10px; /* Space between product cards */
    margin-bottom: 20px;
}

.product-card {
    /* 🛑 CSS CHANGE: Set the width for 4 columns: (100% / 4) - gap */
    width: calc(25% - 15px); /* Adjusted to ensure 4 fit cleanly. */
    text-align: center;
    padding: 10px;
		border: 0px;
}

.product-image img {
    max-width: 100%;
    height: auto;
    display: block; /* Removes any extra space below the image */
    margin-bottom: 5px;
}

.product-name {
    font-size: 0.9em;
    font-weight: bold;
    color: #333;
}

/* Hide the mobile dropdown by default */
.product-tabs-mobile-container {
    display: none;
    margin-bottom: 10px;
}

/* Hide the mobile dropdown by default */
.product-tabs-mobile-container {
    display: none;
    margin-bottom: 10px;
}

/* On tablets and smaller screens */
@media (max-width: 1024px) {
    /* Adjust the fixed sidebar for tablets */
    .fixed-sidebar-left {
        max-width: 160px; /* New tablet width */
    }
}

/* On mobile phones */
@media (max-width: 768px) {
    /* Hide the original list of tabs */
    .product-tabs {
        display: none;
    }

    /* Show the new dropdown container */
    .product-tabs-mobile-container {
        display: block;
    }

    #product-tabs-dropdown {
        width: 100%;
        padding: 8px;
        font-size: 16px;
    }
    
    /* 🛑 NEW: Hide the sidebar on mobile by default */
.fixed-sidebar-left {
        display: none; 
        width: 100%; 
        max-width: 100%; 
    }
    
    /* 🛑 NEW: Show the product results by default on mobile */
    .products-display-right 	  {
        display: block; 
			  width:100% !important;
				margin-left:10px;
    }
	
	.product-card {
    /* 🛑 CSS CHANGE: Set the width for 4 columns: (100% / 4) - gap */
    width: calc(49% - 15px); /* Adjusted to ensure 4 fit cleanly. */
    text-align: center;
    padding: 10px;
		border: 0px;
	}	
}

/* Spinner */

/* Container to center the spinner */
#french-connection-results {
    position: relative; /* Essential for absolute positioning of the spinner */
    min-height: 100px; /* Ensure the container has enough height to center the spinner */
}

/* SPINNER STYLES */
.ajax-spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;    /* Center vertically */
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
    z-index: 10;
}

.spinner {
    border: 5px solid #f3f3f3; /* Light grey base ring */
    border-top: 5px solid #3498db; /* Blue animated top border */
    border-radius: 50%; /* Makes it a circle */
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite; /* Apply the animation */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pricemarker {
	margin-top:-24px;
}


/* CUSTOM SEARCH PAGE */
/* Container for the 4-column grid */
.custom-search-grid {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 20px; /* Space between rows and columns (adjust as needed) */
    padding: 10px;
}

/* Individual product card styling */
.product-result-card {
    /* 🛑 CRITICAL: Calculate width for 4 columns */
    /* 25% is a quarter. Subtract a small amount to account for the gap */
    width: calc(25% - 15px); 
    
    /* Ensure padding and border don't increase the total width */
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 0; /* Margin is handled by the 'gap' above */
	 border: 1px solid #eee !important;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
}

.product-result-card img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.product-result-card h3 {
	color: var(--ast-global-color-2);
	font-size: 0.9em;
  font-weight: bold;
}

.product-result-card .perfumaze-rating {
	padding: 0px;
}

.product-result-card .price {margin-top: -12px;}


/* Optional: Basic responsiveness for tablets/mobiles */
@media (max-width: 1024px) {
    /* Switch to 3 columns on tablets */
    .product-result-card {
        width: calc(33.333% - 14px); 
    }
}

@media (max-width: 768px) {
    /* Switch to 2 columns on large phones/small tablets */
    .product-result-card {
        width: calc(100% - 14px); 
    }
}


#ast-seach-full-screen-form {
    display: none !important;
}


/* 1. Positioning the Pop-up */
.ast-search-icon {
    position: relative; /* Necessary to position the pop-up relative to the icon */
    z-index: 1000;      /* Ensure the pop-up is on top of other elements */
}

/* 3. Styling the Input Field */
#custom-search-input-header {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
}

/* 4. Responsive adjustments for small screens */
@media (max-width: 768px) {
    #custom-search-popup {
        /* On small screens, make it take up most of the header width */
        min-width: 90vw; 
        right: 5vw; /* Center it roughly by pulling it in from the right */
    }
}

/* Styling for the new search box layout */
.custom-search-form-header {
    display: flex;       /* Use flexbox to align input and button */
    align-items: center; /* Center them vertically */
    border: 1px solid #ddd;
    padding: 2px;        /* Small padding around the input/button group */
}

#custom-search-input-header {
    flex-grow: 1; /* Input takes up all available space */
    border: none; /* Remove border since container has one */
    padding: 8px 10px;
}

#header-search-submit {
    /* Style the submit button */
	  display: block !important; 
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: #333; /* Icon color */
    flex-shrink: 0; /* Prevents the button from shrinking */
}

#header-search-submit:hover {
    color: #000;
}

.custom-search-form input {
	    border: solid 1px #dddddd;
}

.custom-search-form {
		margin-top: 60px !important;
	border: 1px
    /* 1. Centering and Sizing (Modified) */
    max-width: 100%; /* Allows it to span full page width */
    width: 100%;     
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    
    /* 2. BACKGROUND BOX STYLING (Modified) */
    background-color: #fff6f5; /* New light pink background */
    padding: 10px 40px;      /* New top/bottom and side padding */
    border-radius: 0;        /* Remove rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

    /* 3. Flexbox for Internal Alignment */
    display: flex;
    justify-content: center; /* Centers the items horizontally */
    align-items: center;
}

/* Ensure the input takes up space */
#custom-search-input {
    flex-grow: 1; 
    border: 1px solid #e7e2e2; /* Keep border clear */
}

#custom-search-results h5 {
	margin-top: 24px;
}

.custom-pagination a {
    /* Style for all pagination links */
    display: inline-block;
    padding: 8px 15px;
    margin: 0 4px;
    text-decoration: none;
    color: #ff63a8;
    
    /* 🛑 Add Border around each number */
    border: 1px solid #ccc; 
    border-radius: 4px; /* Optional: Slight rounding */
    transition: background-color 0.2s;
}

.custom-pagination a:hover {
    background-color: #f0f0f0;
}

/* 🛑 Highlight and Bold the Active Page Number */
.custom-pagination a.active {
    font-weight: bold; /* Make the number bold */
    color: #ffffff; /* White text for contrast */
    background-color: #ff63a8; /* Dark background for the active page */
    border-color: #ff63a8; /* Match border color */
    cursor: default; /* Change cursor to indicate it's not a clickable link */
}

.custom-pagination {
	    display: flex !important;
    justify-content: center !important;
    align-items: center;
    padding: 10px 0 !important;
		margin-right:40px;
	
}

/* 1. Default Desktop State (Show the text button) */
#custom-search-button {
    /* Ensure the button is sized for text on desktop */
    margin-left: 10px;
    display: block; 
    padding: 8px 15px; 
	  height: 46px;
		width: 140px;
    /* Add your theme's default button background/color here */
    font-size: 1em; /* Standard text size */
}

/* 2. Mobile View: Hide Text and Show Icon */
@media (max-width: 768px) {
    
    /* 🛑 PRIMARY FIX: Set the button to a fixed, square size */
    #custom-search-button {
        width: 40px; 
        height: 40px;
        padding: 0; 
        text-align: center;
        /* HIDE THE ORIGINAL TEXT VIA FONT SIZE */
        font-size: 0; 
        line-height: 0;
        background: none; 
        border-radius: 4px;
        margin-left: 5px;
    }

    #custom-search-button::before {
        content: "🔍"; 
        font-size: 1.5rem; 
        line-height: 20px; 
        display: block;
        width: 100%;
    }
	
	.custom-search-form {
		padding:10px;
		margin-top: 30px !important;
	}
}

/* FIX FOR BLUE BORDER AROUND SEARCH INPUT FIELD IN HEADER */
#custom-search-input-header {
    border: none; 

}

/* 🛑 FIX 1: Remove the default browser outline when the element is focused */
#custom-search-input-header:focus {
    outline: none !important;
}

/* 🛑 FIX 2: Remove the outline for users navigating with a keyboard (more accessible) */
#custom-search-input-header:focus-visible {
    outline: none !important;
}

/* Optional: If the input is wrapped in a div that is showing the blue border */
.custom-search-form-header:focus-within {
    outline: none !important;
    box-shadow: none !important;
}



/* CODE FOR THE CUSTOM FEATURED PRODUCTS ON HOME PAGE */
/* Main Grid Container */
.featured-product-grid {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    gap: 2%;         /* Creates space between cards */
    row-gap: 20px;   /* Creates vertical space between rows */
}

/* Individual Product Card (mostly unchanged) */
.product-card {
    display: flex; 
    flex-direction: column; 
    text-align: center;
    border: 1px solid #eee;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	background-color:#FFF;
}

/* --- Dynamic Column Widths --- */
.featured-product-grid.columns-4 .product-card {
    width: 23.5%; /* (100% - (3 * 2% gap)) / 4 */
}
.featured-product-grid.columns-3 .product-card {
    width: 32%;   /* (100% - (2 * 2% gap)) / 3 */
}
.featured-product-grid.columns-5 .product-card {
    width: 18.4%; /* (100% - (4 * 2% gap)) / 5 */
}
.featured-product-grid.columns-2 .product-card {
    width: 49%;   /* (100% - (1 * 2% gap)) / 2 */
}

/* Other styles remain the same... */
.product-card .product-image img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1; 
    object-fit: contain;
}
.product-card .product-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
    padding-top: 10px;
}
.product-card .product-name {
    font-weight: bold;
    line-height: 1.4em; 
    height: 2.8em;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.product-card .product-name a {
    color: #333;
    text-decoration: none;
}
.product-card .cpp-body-rating {
    margin-bottom: 10px;
}
.product-card .pricemarker {
	margin-top: -24px;
}




/* --- Pagination Styling --- */
.pagination-wrapper {
    margin-top: 40px;
    text-align: center;
}

.page-numbers {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #ff63a8;;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.page-numbers:hover {
    background-color: #f5f5f5;
    color: #23527c;
}

.page-numbers.current {
    background-color: #ff63a8;;
    border-color: #ff63a8;;
    color: #fff;
    cursor: default;
	  font-weight: bold;
}

.page-numbers.dots {
    border: none;
    padding: 8px 5px;
}

/* Hide the default title only on the Brands page */
body.page-id-64873 .entry-title {
    display: none;
}

 label {
    font-size: 14px; /* Smaller stars for the widget */
}
.shared-scents {
    font-size: 0.8em;
    color: #777;
    font-style: italic;
    margin-top: 5px;
}








/* Styling for the main 2-column "More Products" grid */
#cpp-similar-products-main .cpp-similar-products-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
#cpp-similar-products-main .cpp-similar-product-item {
    display: flex;
    flex: 1;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
#cpp-similar-products-main .cpp-similar-product-image {
    flex-shrink: 0;
    width: 120px;
    padding: 10px;
}
#cpp-similar-products-main .cpp-similar-product-image img {
    width: 100%;
    height: auto;
    display: block;
}
#cpp-similar-products-main .cpp-similar-product-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    flex-grow: 1;
}
#cpp-similar-products-main .cpp-similar-product-details h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
}
#cpp-similar-products-main .similar-product-rating,
#cpp-similar-products-main .similar-product-price {
    margin-bottom: 8px;
}
#cpp-similar-products-main .perfumaze-rating {
    margin: 0;
    border: 0;
    padding: 0;
}
#cpp-similar-products-main .similar-product-price {
    padding-top: 6px;
}
#cpp-similar-products-main .perfumaze-rating label::before {
    font-size: 16px;
}


/* Styling for the new "Similar Scents" Sidebar Widget */
#cpp-similar-scents-sidebar ul.product_list_widget {
    list-style: none;
    margin: 0;
    padding: 0;
}
#cpp-similar-scents-sidebar li {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
#cpp-similar-scents-sidebar li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#cpp-similar-scents-sidebar .similar-scent-link {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    color: #333;
}
#cpp-similar-scents-sidebar .similar-scent-image {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    object-fit: contain;
    flex-shrink: 0;
}
#cpp-similar-scents-sidebar .similar-scent-details {
    display: flex;
    flex-direction: column;
}
#cpp-similar-scents-sidebar .similar-scent-name {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3;
}
#cpp-similar-scents-sidebar .similar-scent-rating .perfumaze-rating {
    margin-bottom: 5px;
}
#cpp-similar-scents-sidebar .similar-scent-rating .perfumaze-rating label {
    font-size: 14px; /* Smaller stars for the widget */
}
#cpp-similar-scents-sidebar .shared-scents {
    font-size: 0.8em;
    color: #777;
    font-style: italic;
    margin-top: 5px;
}


#cpp-similar-scents-sidebar .perfumaze-rating label::before {
    font-size: 16px; /* Adjust this value to make the stars smaller or larger */
}

.similar-scent-details .pricemarker {
	margin-top:0px
}

#search-results-container {
	margin-top:24px;
	margin-bottom: 24px;
}

#search-filters-sidebar {
	margin-top:24px;
	margin-bottom: 24px;
}

/*
 * Responsive styles for the featured product grid.
 * This code should be added in addition to your existing grid styles.
 */

/* --- Tablet Styles (screens below 992px) --- */
@media (max-width: 1024px) {
    /*
     * This forces any grid with 3, 4, or 5 columns on desktop
     * to become a 2-column grid on tablets.
     */
	  .featured-product-grid.columns-2 .product-card
    .featured-product-grid.columns-3 .product-card,
    .featured-product-grid.columns-4 .product-card,
    .featured-product-grid.columns-5 .product-card {
        width: calc(50% - 10px); /* Adjusts width for 2 columns with a 20px gap */
    }
}

/* --- Mobile Styles (screens below 767px) --- */
@media (max-width: 768px) {
    /*
     * This forces ANY featured product grid to become a 
     * single-column layout on mobile phones.
     */
    .featured-product-grid .product-card 
	  .featured-product-grid.columns-2 .product-card
    .featured-product-grid.columns-3 .product-card,
    .featured-product-grid.columns-4 .product-card,
    .featured-product-grid.columns-5 .product-card 		{
        width: 100%; /* Each card takes up the full width */
    }
	
	#single-product-popular-products {
		display: none;
	}
	
	/* Target the row container */
    #cpp-similar-products-main .cpp-similar-products-row {
        /* Change the flex direction from horizontal to vertical */
        flex-direction: column;
    }

}

/* Fix for dropdown arrow alignment */
select, .select2-container .select2-selection--single {
	    background-position-x: calc(100% - 10px);
    background-position-y: calc(50%) !important;
}


/* Default desktop popup layout */
#custom-search-popup {
  position: fixed !important;
  top: 70px !important;
    left: 80% !important;
    transform: translateX(-70%) !important;
    z-index: 2147483647 !important;
    width: 400px !important;
    max-width: 400px !important;!important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;
  padding: 4px 4px !important;
}

/* Mobile view: 90% width, centered */
@media (max-width: 920px) {
  #custom-search-popup {
    width: 90% !important;
    max-width: 90% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}


/* visible state controlled by JS show/hide */
.custom-search-popup-hidden { display: none !important; }

.custom-search-form-header {
    position: relative; /* CRITICAL: Sets this as the anchor point for the dropdown */
    z-index: 100;
}







/* Ensure the parent wrapper has positioning */
.woocommerce form .password-input {
    position: relative; /* CRITICAL: Sets the anchor point */
    display: block; 
}

/* 🛑 FIX: Re-establish the necessary icon properties and positioning */
.woocommerce form .show-password-input {
    /* Set basic visibility and styling */
    position: absolute; 
    right: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    /* Ensure content is not stripped */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #333 !important; /* Ensure the icon has a visible color */
    font-size: 1.2em !important; /* Ensure the icon has a visible size */
    cursor: pointer;
}

/* Optional: Add space to the input field so text doesn't overlap */
.woocommerce form .password-input input {
    padding-right: 2.5em !important; 
}
















/* ==================================================================== */
/* === AJAX FILTER SIDEBAR STYLES (The Two-Column Area) === */
/* ==================================================================== */

/* Container for the filter sidebar and results */
.search-page-content-wrapper {
    display: flex;
    gap: 20px;
    padding: 10px 0;
}

/* Filter Sidebar: The left column */
.search-filters-sidebar {
    flex-shrink: 0; 
    width: 250px; /* Fixed desktop width for sidebar */
}

/* Individual Filter Box Wrapper */
.filter-group-wrapper {
    border: 1px solid #ddd;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    background-color: #fcfcfc;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* Filter Section Headers */
.filter-group-wrapper h4 {
    font-size: 1em;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #eee;
}

/* Gender Checkbox Group Styling */
#gender-filter-group {
    margin-bottom: 15px;
}

#gender-filter-group label {
    display: block;
    font-size: 0.95em;
    margin-bottom: 5px;
    cursor: pointer;
}

#gender-filter-group input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.1); /* Slightly larger checkbox */
    vertical-align: middle;
}

/* Select Dropdown Styling (Price Range) */
#price-filter {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* Scent Input Field */
#scent-filter {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

/* Apply Filters Button */
#apply-filters-button {
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
    font-size: 1.05em;
    cursor: pointer;
    background-color: #23527c; /* Different color to distinguish from search button */
    color: #fff;
    border: none;
    border-radius: 4px;
    transition: background-color 0.2s;
}

/* ==================================================================== */
/* === RESPONSIVE & COLLAPSIBLE LOGIC (Mobile/Tablet) === */
/* ==================================================================== */

/* Desktop Default State (Filters always open, header hidden) */
.filter-collapse-header {
    display: none;
}

/* --- Mobile/Tablet Styles --- */
@media (max-width: 1024px) {
    
    /* Revert to single column layout on tablet/mobile */
    .search-page-content-wrapper {
        flex-direction: column;
        padding: 0 15px; /* Add some side padding for small screens */
    }

    /* Sidebar takes full width, allowing collapse */
    .search-filters-sidebar {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /* Hide the text SEARCH button and replace with icon */
    #custom-search-button {
        width: 46px; /* Square size */
        height: 46px;
        padding: 0;
        font-size: 0; /* Hide text */
        line-height: 0;
        margin-left: 5px;
        position: relative;
    }
    
    /* Inject icon content on the button for mobile */
    #custom-search-button::before {
        content: "🔍"; 
        font-size: 1.5rem;
        line-height: 46px; /* Vertically center icon */
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
    }
    
    /* --- Collapsible Header Logic --- */
    .filter-collapse-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        background-color: #f5f5f5;
        border: 1px solid #ddd;
        cursor: pointer;
        font-size: 1.1em;
        margin-bottom: 0;
    }
    
    /* Filter Content: Hidden by default on mobile load */
    #filter-content-wrapper {
        display: none; /* Force it closed unless explicitly opened */
        border: 1px solid #ddd;
        border-top: none;
        padding: 15px;
    }
    
    /* Twisty Icon Styling */
    .twisty-icon {
        transition: transform 0.3s;
        transform: rotate(0deg); /* Default state: right arrow */
        margin-left: 10px;
        font-size: 0.8em;
    }
	
.filter-collapse-header .twisty-icon {
    transition: transform 0.3s;
    transform: rotate(0deg); /* 🛑 REMOVE !important HERE */
    margin-left: 10px;
}

/* 2. Active State (Must have !important to win the conflict) */
.filter-collapse-header.active .twisty-icon {
    transform: rotate(90deg) !important; /* 🛑 CRITICAL FIX: Add !important here */
}

    /* Show content when header is active (JS adds .active) */
    .filter-collapse-header.active + #filter-content-wrapper {
        /* 🛑 CRITICAL: This rule must override the default display: none !important */
       display: block;
    }
	
	 /* Ensure the search page content wrapper is visible (redundant but safe) */
    .search-page-content-wrapper {
        display: flex; 
        flex-direction: column;
    }

}

.cpp-product-list{
	margin-bottom: 20px !important;
}
.cpp-product-list.variant-highlighted {
    border: 2px solid #d9534f; /* A red border */
    box-shadow: 0 0 15px rgba(217, 83, 79, 0.5);
    transition: all 0.3s ease-in-out;
}











/* AI Q&A Feature Styling */
.ai-qa-container {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin-top: 24px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.ai-qa-form {
	margin-bottom: 0px;
}

.ai-qa-container h3 {
    margin-top: 0;
    text-align: center;
    color: #333;
}

.ai-qa-input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.ai-qa-input-wrapper .ai-icon {
    position: absolute;
    left: 15px;
    font-size: 20px;
    color: #888;
}

#ai-qa-input {
    flex-grow: 1;
    padding: 10px 15px 10px 50px; /* Add padding for the icon */
    border: 1px solid #ccc;
    border-radius: 25px 0 0 25px;
    height: 48px;
	background-color: #fff;
	font-size:  14px;
}

#ai-qa-input:focus {
    outline: none;
    border-color: #0073aa;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
	
}


.ai-qa-container button[type="submit"] {
    padding: 10px 20px;
    border: 1px solid #f78da7;
    background-color: #f78da7;
    color: white;
    cursor: pointer;
    border-radius: 0 25px 25px 0;
    height: 48px;
    font-weight: bold;
}
.ai-qa-container button[type="submit"]:hover {
    background-color: #f04c74;
}
.ai-qa-container button[type="submit"]:disabled {
    background-color: #ccc;
    border-color: #bbb;
    cursor: not-allowed;
}


#ai-qa-response {
    margin-top: 20px;
    padding: 15px;
    background-color: #faf1f1;
    border-left: 4px solid #f78da7;
    border-radius: 4px;
}

#ai-qa-response p {
	margin-bottom: 0px !important;
}

#ai-qa-response .ai-error {
    color: #d9534f;
    background-color: #f2dede;
    border-left-color: #d9534f;
}

.ai-loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0085ba;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* jQuery UI Autocomplete Styling */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.ui-menu-item .ui-menu-item-wrapper {
	padding: 8px 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    background: #0085ba !important;
    border-color: #0073aa !important;
    color: #fff !important;
}

/* Saved Q&A Section Styling */
.saved-qa-section {
    margin: 40px 0;
}
.saved-qa-item {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.saved-qa-item:last-child {
    border-bottom: none;
}
.saved-question {
    font-weight: 800;
    color: #333;
    margin-bottom: 8px;
}
.saved-answer {
    color: #555;
    padding-left: 20px;
		margin-bottom: 0px !important
}

/* Styling for the "Show More" button */
#cpp-show-more-btn {
    display: inline-block;
    margin-top: -20px;
    font-weight: bold;
    color: #337ab7;
    text-decoration: underline;
    cursor: pointer;
	float: right;
}


.add_to_cart_button {
	text-decoration: none !important;
}

.astra-search-icon {
	text-decoration: none !important;
}

.cart-container{
	text-decoration: none !important;
}

.similar-product-name a {
	text-decoration: none !important;
}

.mailpoet_text {
	font-family: sans-serif !important;
    font-size: 14px !important;
}


.mailpoet_submit {
	font-family: sans-serif !important;
    font-size: 14px !important;
}

.mailpoet-has-font {
	font-family: sans-serif !important;
}

.sidebar-subscribe-privacy {
	font-size: 11px !important;
	margin-top: -12px !important;
}