.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-408f483:#515151;--e-global-color-3315bc2:#F5F4F0;--e-global-color-655ada5:#303030;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-3315bc2 );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.my-orders-filter-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.order-tab {
  padding: 7px 18px;
  border-radius: 999px;
  border: 1px solid #e0e0e0;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  background: #fff;
}

.order-tab.active {
  background: #111;
  color: #fff;
  border-color: #111;
}

.tab-count {
  background: #555;
  color: #fff;
  font-size: 11px;
  border-radius: 999px;
  padding: 1px 7px;
  margin-left: 5px;
}

.order-tab.active .tab-count {
  background: #fff;
  color: #111;
}
/* Fix for Astra + Elementor product card overflow */
.ast-container,
.ast-site-content-wrap,
#ast-content-area-wrap {
  overflow-x: hidden !important;
}

/* Fix WooCommerce product grid on mobile */
@media (max-width: 767px) {
  .woocommerce ul.products,
  .products.columns-2,
  .products.columns-3,
  .products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 0 10px !important;
    margin: 0 !important;
  }

  .woocommerce ul.products li.product,
  .products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  /* Fix Elementor product widget specifically */
  .elementor-widget-woocommerce-products .products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Fix product images not resizing */
  .woocommerce ul.products li.product img,
  .attachment-woocommerce_thumbnail {
    width: 100% !important;
    height: auto !important;
  }
}

/* Prevent any element from causing horizontal overflow */
.site-content,
.content-area,
#page,
.ast-blog-single-element {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}/* End custom CSS */