.elementor-45 .elementor-element.elementor-element-8d6cc54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:230px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-8d6cc54:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-8d6cc54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thebettertan.com/wp-content/uploads/2025/08/inner-pages-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-45 .elementor-element.elementor-element-51b1649{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-7373c9a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-032fde2 .elementor-heading-title{font-family:"Gloock", Sans-serif;font-size:48px;font-weight:500;}.elementor-45 .elementor-element.elementor-element-a6c8bf7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-45 .elementor-element.elementor-element-01a2946{text-align:end;}.elementor-45 .elementor-element.elementor-element-01a2946 img{width:45%;}.elementor-45 .elementor-element.elementor-element-060f276{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-a326e22{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-1631788{padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-0401c85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-a32c60a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:40px;}.elementor-45 .elementor-element.elementor-element-a32c60a:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-a32c60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thebettertan.com/wp-content/uploads/2025/08/red-pink-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-45 .elementor-element.elementor-element-5a7abbf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-91fba6d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;border-style:none;}.elementor-45 .elementor-element.elementor-element-91fba6d .elementor-heading-title{font-family:"Gloock", Sans-serif;font-size:28px;font-weight:400;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-e5f97e5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;border-style:none;}.elementor-45 .elementor-element.elementor-element-e5f97e5 .elementor-heading-title{font-family:"Gloock", Sans-serif;font-size:28px;font-weight:400;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-aec1e7b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-05d4549{text-align:start;font-family:"NeueMontreal-Regular", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-29a6290{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-45 .elementor-element.elementor-element-a768e31 .elementor-button{background-color:transparent;font-family:"Neue Montreal Medium", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );background-image:linear-gradient(90deg, var( --e-global-color-f1e8957 ) 0%, var( --e-global-color-f1e8957 ) 100%);border-radius:10px 10px 10px 10px;}.elementor-45 .elementor-element.elementor-element-a768e31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-7373c9a{--width:60%;}.elementor-45 .elementor-element.elementor-element-a6c8bf7{--width:40%;}.elementor-45 .elementor-element.elementor-element-5a7abbf{--width:30%;}.elementor-45 .elementor-element.elementor-element-aec1e7b{--width:50%;}.elementor-45 .elementor-element.elementor-element-29a6290{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-45 .elementor-element.elementor-element-5a7abbf{--width:30%;}.elementor-45 .elementor-element.elementor-element-aec1e7b{--width:36%;}.elementor-45 .elementor-element.elementor-element-29a6290{--width:33.33%;}}@media(max-width:1024px){.elementor-45 .elementor-element.elementor-element-8d6cc54{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-032fde2 .elementor-heading-title{font-size:38px;}.elementor-45 .elementor-element.elementor-element-01a2946 img{width:60%;}.elementor-45 .elementor-element.elementor-element-5a7abbf{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-45 .elementor-element.elementor-element-91fba6d .elementor-heading-title{font-size:28px;}.elementor-45 .elementor-element.elementor-element-e5f97e5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-45 .elementor-element.elementor-element-e5f97e5 .elementor-heading-title{font-size:24px;}.elementor-45 .elementor-element.elementor-element-aec1e7b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-032fde2{text-align:center;}.elementor-45 .elementor-element.elementor-element-032fde2 .elementor-heading-title{font-size:32px;}.elementor-45 .elementor-element.elementor-element-01a2946{text-align:center;}.elementor-45 .elementor-element.elementor-element-01a2946 img{width:45%;}.elementor-45 .elementor-element.elementor-element-060f276{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-a326e22{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-0401c85{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-1631788 *//* === WooCommerce Product Grid (Branded Styling with Neue Montreal) === */

/* Product Card */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 18px;
  margin: 12px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  font-family: 'Neue Montreal Regular', sans-serif;

}

/* Hover Effect */
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  border-color: #6A1B9A; /* purple highlight */
}

/* Product Image */
.woocommerce ul.products li.product img {
  border-radius: 10px;
  transition: transform 0.3s ease;
  max-height: 220px;   /* Reduce image height */
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.05);
}

/* Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 17px;
  font-family: 'Neue Montreal Medium', sans-serif;
  font-weight: 300;
  color: #2C2C2C;
  text-align: center;
  margin: 12px 0 8px 0;
  transition: color 0.3s;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #6A1B9A; /* purple */
}

/* Price */
.woocommerce ul.products li.product .price {
  font-size: 16px;
  font-family: 'Neue Montreal Medium', sans-serif;
  font-weight: 300;
  color: #F39C12; /* orange accent */
  text-align: center;
  display: block;
  margin-bottom: 12px;
}

/* Add to Cart Button */
.woocommerce ul.products li.product .button {
  display: block;
  text-align: center;
  padding: 11px 16px;
  background: linear-gradient(135deg, #6A1B9A, #F39C12);
  color: #fff !important;
  font-family: 'Neue Montreal Medium', sans-serif;
  font-weight: 300;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  border: none;
}
.woocommerce ul.products li.product .button:hover {
  background: linear-gradient(135deg, #F39C12, #6A1B9A);
  color: #fff !important;
  transform: scale(1.05);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
  border: none;
  margin-top: 25px;
  text-align: center;
  font-family: 'Neue Montreal Regular', sans-serif;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: none;
  background: #eee;
  padding: 10px 16px;
  border-radius: 6px;
  margin: 0 4px;
  transition: all 0.3s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #6A1B9A;
  color: #fff;
}

/* ===== Responsive WooCommerce Product Grid ===== */

/* Desktop - 4 in a row */
@media only screen and (min-width: 1025px) {
  .woocommerce ul.products li.product {
    width: 23% !important;  /* 4 per row */
    margin: 1% !important;
  }
}

/* Tablet - 3 in a row */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .woocommerce ul.products li.product {
    width: 30% !important;  /* 3 per row */
    margin: 1.5% !important;
  }
}

/* Mobile - 1 in a row */
@media only screen and (max-width: 767px) {
  .woocommerce ul.products li.product {
    width: 100% !important; /* full width */
    margin: 0 0 20px 0 !important;
  }
}





/* Tablet - 3 in a row (fixed alignment) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* evenly distributes */
  }

  .woocommerce ul.products li.product {
    width: 32% !important;  /* 3 products across */
    margin: 0 0 20px 0 !important; /* consistent spacing below only */
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NeueMontreal-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beta.thebettertan.com/wp-content/uploads/2025/08/NeueMontreal-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Montreal Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beta.thebettertan.com/wp-content/uploads/2025/08/NeueMontreal-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */