@media (max-width: 768px) {
  div#b2b-notification {
    display: contents;
        z-index: 1;
}
  
 #header .header-nav {
    max-height: 75px;
    border-bottom: #ffffff 5px solid;
}

       #header .top-logo img {
        width: auto;
        max-height: 3.4rem !important;
        padding: 0.2rem;
    }
  
  #search_widget {
    margin-bottom: 0.625rem;
    margin-top: -3.4rem;
    overflow: auto;
    position: absolute;
    margin-left: 3.9rem;
}
  
  #search_widget form input {
    width: 80%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #ffffff;
  }
  
  .header-nav {
    background-color: #fcbae3 !important;
}
  
  #header {
    color: #a5203f !important;
  }
  
  .float-xs-right {
    float: right !important;
    margin-right: 1rem;
}
  
	body .ets_mm_megamenu::before {
    z-index: 999 !important;
}
  
  }

.block-categories .category-sub-menu li[data-depth="0"]>a {
    width: 80%!important;
}


/* ---------- Μεγάλες Οθόνες (Desktop) ---------- */
@media (min-width: 769px) {  /* ή 992px ανάλογα με το breakpoint του theme σας */
  #search_filters_wrapper {
    flex: 0 0 250px;         /* Σταθερό πλάτος */
    max-height: calc(80vh - 100px);  /* Προσαρμοσμένο ύψος */
    overflow-y: auto;        /* Scroll μόνο αν χρειάζεται */
    position: sticky;
    top: 20px;              /* Απόσταση από την κορυφή */
    padding-right: 10px;    /* Αποφυγή κολλήματος περιεχομένου */
  }

  /* Προαιρετικό: Smooth scrollbar */
  #search_filters_wrapper::-webkit-scrollbar {
    width: 8px;
  }
  #search_filters_wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
  }
}

/* ---------- Κινητά (Mobile) ---------- */
@media (max-width: 768px) {  /* Ίδιο breakpoint όπως πάνω */
  #search_filters_wrapper {
    position: static;       /* Απενεργοποίηση sticky */
    max-height: none;       /* Απενεργοποίηση scroll */
    width: 100%;            /* Πλήρες πλάτος */
    margin-bottom: 20px;    /* Απόσταση από τα προϊόντα */
  }



 #category #left-column #search_filters_wrapper
 {
        margin-right: 1px !important;
        margin-left: 1px !important;
    }
}

.map {
    height: 250px !important;
    width: 100% !important;
}