.elementor-587 .elementor-element.elementor-element-fbeec77{--display:flex;--padding-top:150px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-587 .elementor-element.elementor-element-3e77f03 .elementor-menu-toggle{margin:0 auto;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-587 .elementor-element.elementor-element-fbeec77{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for nav-menu, class: .elementor-element-3e77f03 *//* Adjust breakpoint to match your site's mobile breakpoint */
@media (max-width: 1024px) {
  /* Replace the ID/class to target your specific Nav Menu widget container */
  /* You can right-click → Inspect in browser dev tools to get the exact .elementor-587 .elementor-element.elementor-element-3e77f03 */
  .elementor-widget-nav-menu .elementor-menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px; /* space between label and icon */
  }

  .elementor-widget-nav-menu .elementor-menu-toggle::before {
    content: "Varietal";
    font-size: 15px;
    line-height: 1;
    color: #111; /* adjust for your theme */
    font-weight: 500;
    /* Optional: make it look like a pill/label
    background: #f2f2f2;
    padding: 6px 10px;
    border-radius: 4px;
    */
  }
}




/* Header stays on top */
header, .elementor-location-header, .site-header {
  position: relative;
  z-index: 9999;
}



  /* No wrapping */
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;

  /* If labels can be long, allow horizontal scroll instead of line break */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}/* End custom CSS */