/* DATXE SERVICE MENU - CLEAN, SCOPED */
.datxe-service-strip{--datxe-service-per-row:10;--datxe-service-rows:1;--datxe-service-mobile-per-row:4;--datxe-service-mobile-rows:1;--datxe-service-icon-radius:999px;background:#fff;padding:10px 0 12px;overflow:hidden}.datxe-service-strip>.datxe-container,.datxe-service-strip .home__subMenuWrapper{overflow:visible!important}.datxe-service-swiper.datxe-swiper{position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 0 4px;box-sizing:border-box;touch-action:pan-y;cursor:grab}.datxe-service-swiper.datxe-swiper:active{cursor:grabbing}.datxe-service-source{display:none!important}.datxe-service-swiper .swiper-wrapper{display:flex;align-items:stretch;width:100%;box-sizing:border-box}.datxe-service-swiper .swiper-slide.datxe-service-page{width:100%!important;min-width:100%;height:auto;display:block;box-sizing:border-box}.datxe-service-page-grid{width:100%;display:grid;grid-template-columns:repeat(var(--dt-service-per-row-current,var(--datxe-service-per-row,10)),90px);justify-content:space-between;justify-items:center;align-items:start;column-gap:0;row-gap:12px;box-sizing:border-box}.datxe-service-card{width:90px;max-width:90px;min-width:0;text-align:center;box-sizing:border-box}.datxe-service-card a,.datxe-service-card .subMenuSlider__subMenuSliderLink{width:100%;min-width:0;min-height:100px;padding:4px 0 2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;text-decoration:none;color:#111;box-sizing:border-box}.datxe-service-img{flex:0 0 60px;width:60px;height:60px;margin:0 auto 7px;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;border:0;box-shadow:none;border-radius:var(--datxe-service-icon-radius,999px);box-sizing:border-box}.datxe-service-icon-circle .datxe-service-img{border-radius:999px}.datxe-service-icon-square .datxe-service-img{border-radius:var(--datxe-service-icon-radius,14px)}.datxe-service-img:before,.datxe-service-img:after{display:none!important;content:none!important}.datxe-service-img img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border:0;box-shadow:none;border-radius:0;opacity:1;visibility:visible}.datxe-service-card .subMenuSlider__spanText,.datxe-service-card span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:76px;max-width:76px;min-height:34px;max-height:34px;margin:0 auto;overflow:hidden;text-align:center;font-size:12px;font-weight:600;line-height:17px;color:#111;white-space:normal;word-break:normal;overflow-wrap:break-word;letter-spacing:-.2px}.datxe-service-card:hover .datxe-service-img{transform:translateY(-3px) scale(1.05);transition:.18s ease}.datxe-service-card:hover span{color:#ed2028}.datxe-service-swiper .datxe-nav-btn{display:flex;width:30px;height:30px;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.18);background:rgba(255,255,255,.96);color:#333;align-items:center;justify-content:center;position:absolute;top:43%;z-index:50;cursor:pointer;opacity:.96;pointer-events:auto;border:0;margin:0}.datxe-service-swiper .datxe-service-prev{left:8px;transform:translate(0,-50%)}.datxe-service-swiper .datxe-service-next{right:8px;transform:translate(0,-50%)}.datxe-service-swiper .datxe-nav-btn svg{width:14px;height:14px;display:block}.datxe-service-swiper .datxe-nav-btn.swiper-button-disabled{opacity:.18;pointer-events:none}
@media(max-width:991.98px){.datxe-service-strip>.datxe-container{width:100%;max-width:100%;padding-left:8px;padding-right:8px;box-sizing:border-box}.datxe-service-page-grid{grid-template-columns:repeat(var(--dt-service-per-row-current,var(--datxe-service-mobile-per-row,4)),72px);row-gap:10px}.datxe-service-card{width:72px;max-width:72px}.datxe-service-card a,.datxe-service-card .subMenuSlider__subMenuSliderLink{min-height:94px;padding:4px 0 2px}.datxe-service-img{flex-basis:56px;width:56px;height:56px;margin-bottom:6px}.datxe-service-card .subMenuSlider__spanText,.datxe-service-card span{width:68px;max-width:68px;font-size:11px;line-height:15px;min-height:30px;max-height:30px}.datxe-service-swiper .datxe-nav-btn{width:26px;height:26px;top:42%;left:auto}.datxe-service-swiper .datxe-service-prev{left:4px}.datxe-service-swiper .datxe-service-next{right:4px}}
@media(max-width:575px){.datxe-service-page-grid{grid-template-columns:repeat(var(--dt-service-per-row-current,var(--datxe-service-mobile-per-row,4)),68px)}.datxe-service-card{width:68px;max-width:68px}.datxe-service-img{flex-basis:54px;width:54px;height:54px}.datxe-service-card .subMenuSlider__spanText,.datxe-service-card span{width:62px;max-width:62px}.datxe-service-swiper .datxe-nav-btn{width:24px;height:24px}.datxe-service-swiper .datxe-nav-btn svg{width:13px;height:13px}}

/* PATCH V9: datxe_service_menu bám đúng container 1280px như các khối dưới */
.datxe-home .datxe-service-strip,
.datxe-service-strip.home__containerSubBanner{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background:#fff !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
.datxe-home .datxe-service-strip > .datxe-container,
.datxe-service-strip > .datxe-container.home__subMenuWrapper,
.datxe-service-strip .home__subMenuWrapper{
    width:min(1280px, calc(100% - 32px)) !important;
    max-width:1280px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}
.datxe-service-strip .datxe-service-swiper{
    width:100% !important;
    max-width:100% !important;
}
.datxe-service-strip .datxe-service-page-grid{
    width:100% !important;
}
@media(max-width:991.98px){
    .datxe-home .datxe-service-strip,
    .datxe-service-strip.home__containerSubBanner{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .datxe-home .datxe-service-strip > .datxe-container,
    .datxe-service-strip > .datxe-container.home__subMenuWrapper,
    .datxe-service-strip .home__subMenuWrapper{
        width:100% !important;
        max-width:100% !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }
}