.elementor-42976 .elementor-element.elementor-element-bd86593:not(.elementor-motion-effects-element-type-background), .elementor-42976 .elementor-element.elementor-element-bd86593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1EFE8;}.elementor-42976 .elementor-element.elementor-element-bd86593{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-42976 .elementor-element.elementor-element-bd86593 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42976 .elementor-element.elementor-element-b680c4c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-42976 .elementor-element.elementor-element-b680c4c.elementor-wc-products  ul.products{grid-row-gap:40px;}.elementor-42976 .elementor-element.elementor-element-b680c4c.elementor-wc-products ul.products li.product{padding:0px 0px 0px 0px;background-color:var( --e-global-color-69ef1fa8 );border-color:#F1EFE8;}.elementor-42976 .elementor-element.elementor-element-b680c4c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-42976 .elementor-element.elementor-element-6a7cdd5:not(.elementor-motion-effects-element-type-background), .elementor-42976 .elementor-element.elementor-element-6a7cdd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F59C;}.elementor-42976 .elementor-element.elementor-element-6a7cdd5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 0px 0px;}.elementor-42976 .elementor-element.elementor-element-6a7cdd5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42976 .elementor-element.elementor-element-417fe8d:not(.elementor-motion-effects-element-type-background), .elementor-42976 .elementor-element.elementor-element-417fe8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F59C;}.elementor-42976 .elementor-element.elementor-element-417fe8d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 10px 10px;}.elementor-42976 .elementor-element.elementor-element-417fe8d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42976 .elementor-element.elementor-element-b0b31da{text-align:center;font-family:"Nunito Sans", sans-serif;font-weight:400;}.elementor-42976 .elementor-element.elementor-element-96d8968:not(.elementor-motion-effects-element-type-background), .elementor-42976 .elementor-element.elementor-element-96d8968 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1EFE8;}.elementor-42976 .elementor-element.elementor-element-96d8968{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-42976 .elementor-element.elementor-element-96d8968 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-42976 .elementor-element.elementor-element-b680c4c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-42976 .elementor-element.elementor-element-b680c4c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for section, class: .elementor-element-bd86593 *//* ============================================================
   Black Friday page: Elementor Products widget styling
   HOW TO USE
   1. Edit the CONTAINER that holds the Products widget (full width).
      Advanced > CSS Classes: bf-products
   2. Set that container's padding to 0 (Layout) so the cards line up with the headings.
   3. Paste this CSS in Elementor Custom CSS for that container, or in
      Appearance > Customize > Additional CSS, or inside <style> tags in an HTML widget.
   Matches the Accessories cards: white card, amber top edge, 4:3 photo, dark "30% off" tag.
   ============================================================ */

/* Section background and font (Nunito Sans is already loaded by the other sections) */
.bf-products{background:#F1EFE8;padding:0 24px}
.bf-products,.bf-products *{font-family:'Nunito Sans',sans-serif!important}

/* Grid: 3 across on desktop, fewer as the screen narrows */
.bf-products ul.products{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:22px!important;
  max-width:1100px;
  margin:0 auto!important;
  padding:0!important;
  list-style:none!important;
}
.bf-products ul.products::before,
.bf-products ul.products::after{display:none!important}

/* Card */
.bf-products ul.products li.product{
  position:relative;
  float:none!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff;
  border-top:4px solid #C4873A;
  text-align:left;
  display:flex;
  flex-direction:column;
  transition:box-shadow .2s ease;
}
.bf-products ul.products li.product:hover{box-shadow:0 6px 18px rgba(0,0,0,.15)}

/* Links: no underline or colour change in any state */
.bf-products ul.products li.product a,
.bf-products ul.products li.product a:link,
.bf-products ul.products li.product a:visited,
.bf-products ul.products li.product a:hover,
.bf-products ul.products li.product a:active,
.bf-products ul.products li.product a:focus{
  text-decoration:none!important;
  color:#1A1A18!important;
}

/* Photo: every product gets the same 4:3 frame */
.bf-products ul.products li.product img{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3;
  object-fit:cover;
  margin:0!important;
}

/* "30% off" tag over the photo (replaces the default "Sale!" badge) */
.bf-products ul.products li.product .onsale{display:none!important}
.bf-products ul.products li.product::before{
  content:"30% off";
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  background:#1A1A18;
  color:#F1EFE8;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.4;
  text-transform:uppercase;
  padding:4px 10px;
}

/* Title */
.bf-products ul.products li.product .woocommerce-loop-product__title,
.bf-products ul.products li.product h2,
.bf-products ul.products li.product h3{
  margin:0!important;
  padding:20px 22px 6px!important;
  font-size:21px!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:#1A1A18!important;
}

/* Price: regular range crossed out (when WooCommerce shows both), sale range in bold */
.bf-products ul.products li.product .price{
  display:block;
  margin:0!important;
  padding:0 22px 8px;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.4;
}
.bf-products ul.products li.product .price,
.bf-products ul.products li.product .price span{color:#1A1A18!important}
.bf-products ul.products li.product .price ins{display:block;text-decoration:none;background:none}
.bf-products ul.products li.product .price del,
.bf-products ul.products li.product .price del span{
  color:#6b6b66!important;
  font-size:14px!important;
  font-weight:400!important;
  text-decoration:line-through;
  opacity:1;
}
.bf-products ul.products li.product .price del{display:block}

/* "Shop now" text under each card, same as the accessories cards.
   It sits on the card itself, so it shows whatever the widget's inner markup is. */
.bf-products ul.products li.product::after{
  content:"Shop now"!important;
  display:block!important;
  order:99;
  padding:0 22px 24px;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  color:#C4873A;
}

/* Make the whole card clickable (including the "Shop now" text) */
.bf-products ul.products li.product > a:first-of-type::before{
  content:"";
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  z-index:1;
}
.bf-products ul.products li.product::before{pointer-events:none}

/* Button (if the widget shows one): plain amber text link */
.bf-products ul.products li.product .button,
.bf-products ul.products li.product .added_to_cart{
  align-self:flex-start;
  margin:-8px 0 0!important;
  padding:0 22px 24px!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#C4873A!important;
  font-size:14px!important;
  font-weight:700!important;
  text-transform:none!important;
}

/* Hide star ratings if present */
.bf-products ul.products li.product .star-rating{display:none!important}/* End custom CSS */