.elementor-509 .elementor-element.elementor-element-9011284{--display:flex;}.elementor-widget-theme-archive-title .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-509 .elementor-element.elementor-element-9fd2ebe{text-align:center;}.elementor-509 .elementor-element.elementor-element-9fd2ebe .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{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-509 .elementor-element.elementor-element-6bcd2a5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-509 .elementor-element.elementor-element-6bcd2a5.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-509 .elementor-element.elementor-element-4a59e16{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-509 .elementor-element.elementor-element-4a59e16:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-4a59e16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b53a368 );}.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-509 .elementor-element.elementor-element-a380e8f .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-509 .elementor-element.elementor-element-6bcd2a5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-509 .elementor-element.elementor-element-6bcd2a5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-9011284 *//* =========================================================
   VY - New Arrivals Product Cards (4 by 4)
   ========================================================= */

/* Outer container */
.vy-brew-cards{
  background:#f5f6f8;
  border:1px solid #d9d9d9;
  border-radius:18px;
  padding:26px;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}

/* --- 1) Reset theme Woo defaults that cause gaps --- */
.vy-brew-cards ul.products{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.vy-brew-cards ul.products::before,
.vy-brew-cards ul.products::after,
.vy-brew-cards ul.products li.product::before,
.vy-brew-cards ul.products li.product::after{
  content:none !important;
  display:none !important;
}

/* Some themes insert "clear" elements or hidden li’s that still take a grid cell */
.vy-brew-cards ul.products .clear,
.vy-brew-cards ul.products li.product.first,
.vy-brew-cards ul.products li.product.last{
  clear:none !important;
}

/* Hide any empty/utility list items if theme adds them */
.vy-brew-cards ul.products > li:not(.product){
  display:none !important;
}

/* --- 2) Force proper 4-column layout --- */
.vy-brew-cards ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

/* Kill floats / widths from theme */
.vy-brew-cards ul.products li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:16px 16px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;

  background:#fff;
  border:1.6px solid #2a2a2a;
  border-radius:16px;
  overflow:hidden;
  box-shadow:none;
  transition:transform .25s ease, box-shadow .25s ease;
}

.vy-brew-cards ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}

/* --- 3) Image framed like your screenshot --- */
.vy-brew-cards ul.products li.product a:first-child{
  display:block;
}

.vy-brew-cards ul.products li.product a img{
  width:100% !important;
  display:block;
  border-radius:14px;
  border:1.3px solid #2a2a2a;
  margin:0 0 14px !important;
}

/* --- 4) Sale badge (perfect round) --- */
.vy-brew-cards span.onsale{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  left:auto !important;

  background:#9a9a00 !important;
  color:#fff !important;

  /* ✅ Force circle */
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  border-radius:50% !important;

  /* ✅ Center the text */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-transform:none !important;

  z-index:9 !important;
}


/* --- 5) Typography --- */
.vy-brew-cards .woocommerce-loop-product__title{
  font-size:20px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  color:#111 !important;
  margin:0 0 10px !important;

  /* Keeps all cards aligned even with long titles */
  min-height:52px;
}

.vy-brew-cards .price{
  font-size:16px !important;
  font-weight:700 !important;
  color:#111 !important;
  margin:0 0 14px !important;
  min-height:22px;
}

.vy-brew-cards .star-rating{
  display:none !important;
}

/* --- 6) Button (red rounded) pinned to bottom --- */
.vy-brew-cards a.button,
.vy-brew-cards .add_to_cart_button{
  margin-top:auto !important;   /* ✅ makes all buttons align */
  align-self:flex-start;

  background:#ff1e00 !important;
  color:#fff !important;
  border:none !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-transform:none !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}

.vy-brew-cards a.button:hover,
.vy-brew-cards .add_to_cart_button:hover{
  background:#e11900 !important;
  color:#fff !important;
}

/* --- 7) Responsive --- */
@media (max-width:1024px){
  .vy-brew-cards ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:767px){
  .vy-brew-cards{
    padding:18px;
  }
  .vy-brew-cards ul.products{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .vy-brew-cards .woocommerce-loop-product__title{
    font-size:18px !important;
    min-height:0;
  }
}

/* Remove "Archive:" and "Category:" prefix */
.vy-clean-archive-title .elementor-heading-title{
  font-size:0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a59e16 *//* =========================================================
   VY - New Arrivals Product Cards (4 by 4)
   ========================================================= */

/* Outer container */
.vy-brew-cards{
  background:#f5f6f8;
  border:1px solid #d9d9d9;
  border-radius:18px;
  padding:26px;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}

/* --- 1) Reset theme Woo defaults that cause gaps --- */
.vy-brew-cards ul.products{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.vy-brew-cards ul.products::before,
.vy-brew-cards ul.products::after,
.vy-brew-cards ul.products li.product::before,
.vy-brew-cards ul.products li.product::after{
  content:none !important;
  display:none !important;
}

/* Some themes insert "clear" elements or hidden li’s that still take a grid cell */
.vy-brew-cards ul.products .clear,
.vy-brew-cards ul.products li.product.first,
.vy-brew-cards ul.products li.product.last{
  clear:none !important;
}

/* Hide any empty/utility list items if theme adds them */
.vy-brew-cards ul.products > li:not(.product){
  display:none !important;
}

/* --- 2) Force proper 4-column layout --- */
.vy-brew-cards ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

/* Kill floats / widths from theme */
.vy-brew-cards ul.products li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:16px 16px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;

  background:#fff;
  border:1.6px solid #2a2a2a;
  border-radius:16px;
  overflow:hidden;
  box-shadow:none;
  transition:transform .25s ease, box-shadow .25s ease;
}

.vy-brew-cards ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 26px rgba(0,0,0,.10);
}

/* --- 3) Image framed like your screenshot --- */
.vy-brew-cards ul.products li.product a:first-child{
  display:block;
}

.vy-brew-cards ul.products li.product a img{
  width:100% !important;
  display:block;
  border-radius:14px;
  border:1.3px solid #2a2a2a;
  margin:0 0 14px !important;
}
/* --- 4) Sale badge (perfect round) --- */
.vy-brew-cards span.onsale{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  left:auto !important;

  background:#9a9a00 !important;
  color:#fff !important;

  /* ✅ Force circle */
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  border-radius:50% !important;

  /* ✅ Center the text */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-transform:none !important;

  z-index:9 !important;
}


/* --- 5) Typography --- */
.vy-brew-cards .woocommerce-loop-product__title{
  font-size:20px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  color:#111 !important;
  margin:0 0 10px !important;

  /* Keeps all cards aligned even with long titles */
  min-height:52px;
}

.vy-brew-cards .price{
  font-size:16px !important;
  font-weight:700 !important;
  color:#111 !important;
  margin:0 0 14px !important;
  min-height:22px;
}

.vy-brew-cards .star-rating{
  display:none !important;
}

/* --- 6) Button (red rounded) pinned to bottom --- */
.vy-brew-cards a.button,
.vy-brew-cards .add_to_cart_button{
  margin-top:auto !important;   /* ✅ makes all buttons align */
  align-self:flex-start;

  background:#ff1e00 !important;
  color:#fff !important;
  border:none !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-transform:none !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}

.vy-brew-cards a.button:hover,
.vy-brew-cards .add_to_cart_button:hover{
  background:#e11900 !important;
  color:#fff !important;
}

/* --- 7) Responsive --- */
@media (max-width:1024px){
  .vy-brew-cards ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:767px){
  .vy-brew-cards{
    padding:18px;
  }
  .vy-brew-cards ul.products{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .vy-brew-cards .woocommerce-loop-product__title{
    font-size:18px !important;
    min-height:0;
  }
}/* End custom CSS */