.emt-tabs{width:100%;max-width:100%;box-sizing:border-box}
.emt-tab-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;box-sizing:border-box}
.emt-tab-button{appearance:none;-webkit-appearance:none;border:0;outline:0;cursor:pointer;font:inherit;font-weight:600;line-height:1.2;background:#f1f3f5;color:#3c4653;padding:11px 20px;border-radius:22px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}
.emt-tab-button:hover{filter:brightness(.98)}
.emt-tab-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.emt-tab-button.is-active{background:#20b7de;color:#fff}
.emt-panels{width:100%;min-width:0;box-sizing:border-box}
.emt-panels>[hidden]{display:none!important}
.emt-panels>.e-con{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding-top:18px}

/* Elementor editor: keep the active nested container visibly droppable like native Nested Tabs. */
.elementor-editor-active .emt-panels>.e-con.emt-is-active,
.elementor-editor-active .emt-panels>.e-con:not([hidden]){min-height:120px}

@media (max-width:767px){
  .emt-tabs{overflow:visible}
  .emt-tab-list{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    max-width:100%;
    padding:2px 4px 10px;
    scroll-snap-type:x proximity;
    scroll-padding-inline:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
  }
  .emt-tab-list::-webkit-scrollbar{display:none}
  .emt-tab-button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content;
    max-width:none!important;
    white-space:nowrap;
    scroll-snap-align:start;
    touch-action:pan-x;
  }
  .emt-panels{width:100%;min-width:0;overflow:visible}
  .emt-panels>.e-con{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}
}