.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6419 .elementor-element.elementor-element-3bff45a{--display:flex;--overlay-opacity:0.6;--padding-top:7%;--padding-bottom:7%;--padding-left:5%;--padding-right:5%;}.elementor-6419 .elementor-element.elementor-element-3bff45a:not(.elementor-motion-effects-element-type-background), .elementor-6419 .elementor-element.elementor-element-3bff45a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pinballmachinessouthafrica.co.za/wp-content/uploads/2026/06/SEGA-Arcade-Pushing-Points-3.jpeg");background-position:center center;background-size:cover;}.elementor-6419 .elementor-element.elementor-element-3bff45a::before, .elementor-6419 .elementor-element.elementor-element-3bff45a > .elementor-background-video-container::before, .elementor-6419 .elementor-element.elementor-element-3bff45a > .e-con-inner > .elementor-background-video-container::before, .elementor-6419 .elementor-element.elementor-element-3bff45a > .elementor-background-slideshow::before, .elementor-6419 .elementor-element.elementor-element-3bff45a > .e-con-inner > .elementor-background-slideshow::before, .elementor-6419 .elementor-element.elementor-element-3bff45a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-widget-theme-archive-title .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-archive-title .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-6419 .elementor-element.elementor-element-0d0d5bf{text-align:center;}.elementor-6419 .elementor-element.elementor-element-0d0d5bf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-a2533fd );}.elementor-widget-woocommerce-breadcrumb .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-breadcrumb .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6419 .elementor-element.elementor-element-3f596db .woocommerce-breadcrumb{color:var( --e-global-color-a2533fd );text-align:center;}.elementor-6419 .elementor-element.elementor-element-3f596db .woocommerce-breadcrumb > a{color:var( --e-global-color-secondary );}.elementor-6419 .elementor-element.elementor-element-5b4187a{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-6419 .elementor-element.elementor-element-8c98bb5{--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;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6419 .elementor-element.elementor-element-a5666d7{--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;}.elementor-widget-wc-archive-products .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-wc-archive-products .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-6419 .elementor-element.elementor-element-56a4d01.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6419 .elementor-element.elementor-element-56a4d01.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-6419 .elementor-element.elementor-element-223e02a{--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;}@media(min-width:768px){.elementor-6419 .elementor-element.elementor-element-8c98bb5{--width:25%;}.elementor-6419 .elementor-element.elementor-element-a5666d7{--width:75%;}.elementor-6419 .elementor-element.elementor-element-223e02a{--width:25%;}}@media(max-width:1024px){.elementor-6419 .elementor-element.elementor-element-3bff45a{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-6419 .elementor-element.elementor-element-56a4d01.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6419 .elementor-element.elementor-element-3bff45a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:12%;--padding-bottom:12%;--padding-left:5%;--padding-right:5%;}.elementor-6419 .elementor-element.elementor-element-0d0d5bf .elementor-heading-title{font-size:30px;}.elementor-6419 .elementor-element.elementor-element-3f596db .woocommerce-breadcrumb{font-size:13px;}.elementor-6419 .elementor-element.elementor-element-56a4d01.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-56a4d01 *//* ==========================================================================
   COMPLETE BRAND PRODUCT WIDGET & NEW ARRIVALS CUSTOM STYLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Universal Setup & Grid Layout
   -------------------------------------------------------------------------- */
.woocommerce ul.products,
.products-section-container,
ul.products {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* --------------------------------------------------------------------------
   2. Section Header Styling
   -------------------------------------------------------------------------- */
.product-section-subtitle, 
.section-title-tag {
  color: #D97706 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 6px !important;
  display: block !important;
  text-align: center !important;
}

.product-section-title,
.products-heading {
  color: #0F172A !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
  margin: 0 0 12px 0 !important;
}

.product-section-title::after,
.section-underline {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 3px !important;
  background-color: #FFBD59 !important;
  margin: 12px auto 16px auto !important;
  border-radius: 2px !important;
}

/* --------------------------------------------------------------------------
   3. Product Card Styling & Hover Effects
   -------------------------------------------------------------------------- */
ul.products li.product,
.woocommerce ul.products li.product {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03), 0 2px 4px -1px rgba(0, 0, 0, 0.02) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
  box-sizing: border-box !important;
}

ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px) !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

/* Product Images */
ul.products li.product .woocommerce-LoopProduct-link img,
ul.products li.product img,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  margin-bottom: 16px !important;
  transition: transform 0.4s ease !important;
}

ul.products li.product:hover img,
.woocommerce ul.products li.product:hover img {
  transform: scale(1.05) !important;
}

/* --------------------------------------------------------------------------
   4. Dark Product Title Styling
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product a,
ul.products li.product .woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product h2,
ul.products li.product h3,
ul.products li.product .woocommerce-loop-product__title {
  color: #0F172A !important; /* Premium Dark Slate */
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  margin: 10px 0 6px 0 !important;
  padding: 0 !important;
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover h2,
.woocommerce ul.products li.product:hover h3,
ul.products li.product:hover a {
  color: #D97706 !important; /* Hover Accent */
}

/* --------------------------------------------------------------------------
   5. Price Typography (Inline Side-by-Side Tight Alignment)
   -------------------------------------------------------------------------- */
ul.products li.product .price,
.woocommerce ul.products li.product .price {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
  color: #0F172A !important;
  margin: 6px 0 12px 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important; /* Tight controlled gap between regular and sale price */
  line-height: 1.2 !important;
}

/* Original price strike-through styling */
ul.products li.product .price del,
.woocommerce ul.products li.product .price del {
  color: #94A3B8 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 0.75 !important;
  margin: 0 !important;
  display: inline-block !important;
}

/* Sale price styling */
ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  background: transparent !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  margin: 0 !important;
  display: inline-block !important;
}

ul.products li.product .price .amount,
.woocommerce ul.products li.product .price .amount {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  display: inline !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   6. Complete Icon Removal
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product .button::before,
.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.product a.add_to_cart_button::before,
.woocommerce ul.products li.product a.add_to_cart_button::after,
ul.products li.product .button::before,
ul.products li.product .button::after,
ul.products li.product a.add_to_cart_button::before,
ul.products li.product a.add_to_cart_button::after {
  content: "" !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.woocommerce ul.products li.product .button i,
.woocommerce ul.products li.product .button svg,
.woocommerce ul.products li.product .button span.icon,
ul.products li.product .button i,
ul.products li.product .button svg,
ul.products li.product a.add_to_cart_button i,
ul.products li.product a.add_to_cart_button svg {
  display: none !important;
  visibility: hidden !important;
}

/* --------------------------------------------------------------------------
   7. Add to Cart Brand Button
   -------------------------------------------------------------------------- */
ul.products li.product .button,
ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
  background-color: #FFBD59 !important;
  background-image: none !important;
  color: #010101 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  
  /* Adjusted Padding: 8px top/bottom, 16px left/right */
  padding: 8px 16px !important;
  line-height: 1.2 !important;
  
  width: auto !important;
  max-width: fit-content !important;
  margin: 8px auto 0 auto !important;
  border-radius: 5px !important;
  border: none !important;
  
  display: inline-block !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

/* Button Hover State */
ul.products li.product .button:hover,
ul.products li.product a.add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: #FF280D !important; /* Brand Action Red */
  color: #FFFFFF !important;
  box-shadow: 0 4px 10px rgba(255, 40, 13, 0.25) !important;
}

/* --------------------------------------------------------------------------
   8. Responsive Layout
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .woocommerce ul.products,
  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  .woocommerce ul.products,
  ul.products {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */