.service-item span.service-icon img,
.service-item span.service-icon svg {
    max-width: 100%;
}

.tour_item .tour-content .tour-info input {
    width: auto;
    border-radius: 99px !important;
    font-size: 14px;
    border-color: var(--primary-color) !important;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}

.vne_wrap .vne_header .content .vne-menu ul li svg {
    margin-right: 5px;
}

.event-add-to-cart {
    border: 1px solid #F89B1D;
    border-radius: 20px;
    width: 100%;
}

.hotel-ulitis ul {
    flex-wrap: wrap;
}

a.button_style,
.form-select {
    cursor: pointer;
}

.vne-load-more .btn-load-more {
    background: var(--primary-color, #F89B1D);
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 25px;
    font-size: 15px;
    cursor: pointer;
    transition: opacity .2s;
}
.vne-load-more .btn-load-more:hover {
    opacity: .85;
}
.vne-load-more .btn-load-more:disabled {
    opacity: .6;
    cursor: not-allowed;
}
.vne-load-more .btn-load-more i {
    margin-left: 5px;
}

/* Trang chủ - giao diện mobile: ẩn banner + ô tìm kiếm, giữ lại danh mục trở đi */
@media (max-width: 767.98px) {
    body.is-home .sec-banner-search {
        display: none !important;
    }
}

/* ==========================================================================
   BANNER ĐẦU TRANG (.hero_slide) — HIỆN NGAY, KHÔNG CHỜ JAVASCRIPT
   --------------------------------------------------------------------------
   owl.carousel.css để `.owl-carousel { display:none }` tới khi khởi tạo xong, mà
   jQuery + owl.carousel.min.js + main.js đều nằm cuối body → banner đầu trang chỉ
   hiện sau khi tải và chạy xong chỗ JS đó (LCP chậm, layout nhảy).

   Chưa khởi tạo thì hiện sẵn SLIDE ĐẦU (các slide sau ẩn để không xổ dọc); owl
   chạy xong sẽ thêm .owl-loaded và quy tắc này tự hết hiệu lực. Banner 1 slide thì
   main.js không khởi tạo owl nữa → slide đầu hiện luôn nhờ quy tắc này.
   ========================================================================== */
.hero_slide:not(.owl-loaded) {
    display: block;
}

.hero_slide:not(.owl-loaded) > .slide-item + .slide-item {
    display: none;
}

/* owl ép mọi ảnh trong slide `display:block; width:100%` (.owl-carousel .owl-item img) —
   banner không chạy owl (1 slide / chưa khởi tạo) cũng phải y như vậy, không lệch vài px. */
.hero_slide:not(.owl-loaded) > .slide-item img {
    display: block;
    width: 100%;
}