.elementor-3 .elementor-element.elementor-element-73914100{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3 .elementor-element.elementor-element-73914100.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-73914100{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-73914100 *//* =====================================================
   DMSP FILTER — Horizontal scroll (ẩn scrollbar)
===================================================== */
.dmsp-filter .e-con-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 300px;
    margin-bottom: -300px;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: default;
}
.dmsp-filter .e-con-inner::-webkit-scrollbar {
    display: none;
}
.dmsp-filter .elementor-widget-icon-box {
    flex-shrink: 0;
    width: auto;
}
.dmsp-filter .elementor-widget-jet-smart-filters-checkboxes {
    flex: 1;
    min-width: 0;
}
.dmsp-filter .jet-filters-group {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
}
.dmsp-filter .jet-smart-filters-checkboxes {
    flex-shrink: 0;
    width: auto;
    position: relative;
    overflow: visible;
}
.dmsp-filter .jet-filter-items-dropdown {
    position: relative;
    overflow: visible;
}

/* =====================================================
   LABEL — ẩn cho đến khi JS thêm class .loaded
   JS trong setFixedLabels() thêm .loaded sau khi set
   đúng text → tránh nháy từ text mặc định → active
===================================================== */
.dmsp-filter .jet-filter-items-dropdown__label {
    white-space: nowrap;
    padding: 8px 15px;
    cursor: pointer;
    visibility: hidden;
}
.dmsp-filter .jet-filter-items-dropdown__label.loaded {
    visibility: visible;
}

/* =====================================================
   DROPDOWN BODY
   JSF dùng class jet-dropdown-open trên wrapper cha
===================================================== */
.dmsp-filter .jet-filter-items-dropdown__body {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
}
.dmsp-filter .jet-filter-items-dropdown.jet-dropdown-open .jet-filter-items-dropdown__body {
    display: block !important;
}

/* =====================================================
   ẨN REMOVE FILTER KHI MỚI LOAD — tránh nháy
===================================================== */
.dmsp-filter .elementor-widget-jet-smart-filters-remove-filters {
    visibility: hidden;
}
.dmsp-filter .elementor-widget-jet-smart-filters-remove-filters:has(.jet-remove-all-filters:not(.hide)) {
    visibility: visible;
}

/* =====================================================
   Cursor drag scroll
===================================================== */
.dmsp-filter .e-con-inner.can-scroll {
    cursor: grab;
}
.dmsp-filter .e-con-inner.can-scroll.grabbing {
    cursor: grabbing;
    user-select: none;
}
.dmsp-filter .e-con-inner.can-scroll.grabbing * {
    cursor: grabbing !important;
}
.dmsp-filter:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}/* End custom CSS */