/* ALO Giá Rẻ alias of alogiare-service-menu.css; selectors kept backward-compatible. */
/* ALO GIÁ RẺ SERVICE MENU - CLEAN, SCOPED */
.alogiare-service-strip{--alogiare-service-per-row:10;--alogiare-service-rows:1;--alogiare-service-mobile-per-row:4;--alogiare-service-mobile-rows:1;--alogiare-service-icon-radius:999px;background:#fff;padding:10px 0 12px;overflow:hidden}.alogiare-service-strip>.alogiare-container,.alogiare-service-strip .home__subMenuWrapper{overflow:visible!important}.alogiare-service-swiper.alogiare-swiper{position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 0 4px;box-sizing:border-box;touch-action:pan-y;cursor:grab}.alogiare-service-swiper.alogiare-swiper:active{cursor:grabbing}.alogiare-service-source{display:none!important}.alogiare-service-swiper .swiper-wrapper{display:flex;align-items:stretch;width:100%;box-sizing:border-box}.alogiare-service-swiper .swiper-slide.alogiare-service-page{width:100%!important;min-width:100%;height:auto;display:block;box-sizing:border-box}.alogiare-service-page-grid{width:100%;display:grid;grid-template-columns:repeat(var(--dt-service-per-row-current,var(--alogiare-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}.alogiare-service-card{width:90px;max-width:90px;min-width:0;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.alogiare-service-card a,.alogiare-service-card .subMenuSlider__subMenuSliderLink{width:100%;min-width:0;min-height:100px;padding:4px 0 2px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center;text-decoration:none;color:#111;box-sizing:border-box}.alogiare-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(--alogiare-service-icon-radius,999px);box-sizing:border-box}.alogiare-service-icon-circle .alogiare-service-img{border-radius:999px}.alogiare-service-icon-square .alogiare-service-img{border-radius:var(--alogiare-service-icon-radius,14px)}.alogiare-service-img:before,.alogiare-service-img:after{display:none!important;content:none!important}.alogiare-service-img img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;background:transparent;border:0;box-shadow:none;border-radius:0;opacity:1;visibility:visible}.alogiare-service-card .subMenuSlider__spanText,.alogiare-service-card span:not(.alogiare-service-badge):not(.alo-featured-strip-badge):not(.alo-badge-hard){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}.alogiare-service-card:hover .alogiare-service-img{transform:translateY(-3px) scale(1.05);transition:.18s ease}.alogiare-service-card:hover span:not(.alogiare-service-badge):not(.alo-featured-strip-badge):not(.alo-badge-hard){color:#ed2028}.alogiare-service-swiper .alogiare-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}.alogiare-service-swiper .alogiare-service-prev{left:8px;transform:translate(0,-50%)}.alogiare-service-swiper .alogiare-service-next{right:8px;transform:translate(0,-50%)}.alogiare-service-swiper .alogiare-nav-btn svg{width:14px;height:14px;display:block}.alogiare-service-swiper .alogiare-nav-btn.swiper-button-disabled{opacity:.18;pointer-events:none}
@media(max-width:991.98px){.alogiare-service-strip>.alogiare-container{width:100%;max-width:100%;padding-left:8px;padding-right:8px;box-sizing:border-box}.alogiare-service-page-grid{grid-template-columns:repeat(var(--dt-service-per-row-current,var(--alogiare-service-mobile-per-row,4)),72px);row-gap:10px}.alogiare-service-card{width:72px;max-width:72px}.alogiare-service-card a,.alogiare-service-card .subMenuSlider__subMenuSliderLink{min-height:94px;padding:4px 0 2px}.alogiare-service-img{flex:0 0 auto;width:100%;height:auto;aspect-ratio:1/1;margin-bottom:6px}.alogiare-service-card .subMenuSlider__spanText,.alogiare-service-card span:not(.alogiare-service-badge):not(.alo-featured-strip-badge):not(.alo-badge-hard){width:68px;max-width:68px;font-size:11px;line-height:15px;min-height:30px;max-height:30px}.alogiare-service-swiper .alogiare-nav-btn{width:26px;height:26px;top:42%;left:auto}.alogiare-service-swiper .alogiare-service-prev{left:4px}.alogiare-service-swiper .alogiare-service-next{right:4px}}
@media(max-width:575px){.alogiare-service-page-grid{grid-template-columns:repeat(var(--dt-service-per-row-current,var(--alogiare-service-mobile-per-row,4)),68px)}.alogiare-service-card{width:68px;max-width:68px}.alogiare-service-img{flex:0 0 auto;width:100%;height:auto;aspect-ratio:1/1}.alogiare-service-card .subMenuSlider__spanText,.alogiare-service-card span:not(.alogiare-service-badge):not(.alo-featured-strip-badge):not(.alo-badge-hard){width:62px;max-width:62px}.alogiare-service-swiper .alogiare-nav-btn{width:24px;height:24px}.alogiare-service-swiper .alogiare-nav-btn svg{width:13px;height:13px}}

/* PATCH V9: alogiare_service_menu bám đúng container 1280px như các khối dưới */
.alogiare-home .alogiare-service-strip,
.alogiare-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;
}
.alogiare-home .alogiare-service-strip > .alogiare-container,
.alogiare-service-strip > .alogiare-container.home__subMenuWrapper,
.alogiare-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;
}
.alogiare-service-strip .alogiare-service-swiper{
    width:100% !important;
    max-width:100% !important;
}
.alogiare-service-strip .alogiare-service-page-grid{
    width:100% !important;
}
@media(max-width:991.98px){
    .alogiare-home .alogiare-service-strip,
    .alogiare-service-strip.home__containerSubBanner{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .alogiare-home .alogiare-service-strip > .alogiare-container,
    .alogiare-service-strip > .alogiare-container.home__subMenuWrapper,
    .alogiare-service-strip .home__subMenuWrapper{
        width:100% !important;
        max-width:100% !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }
}

.alogiare-service-img>[data-alo-badge-hard="1"],.alogiare-service-img>.alo-badge-hard{position:absolute!important;top:4px!important;right:4px!important;left:auto!important;bottom:auto!important;z-index:2147483647!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:calc(100% - 8px)!important;min-height:18px!important;height:auto!important;margin:0!important;padding:3px 6px!important;border-radius:999px!important;background:var(--alo-strip-badge-bg,#ef4444)!important;color:var(--alo-strip-badge-color,#fff)!important;font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;box-shadow:0 6px 14px rgba(15,23,42,.25)!important;transform:none!important;text-decoration:none!important;font-style:normal!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;-webkit-text-fill-color:var(--alo-strip-badge-color,#fff)!important;clip:auto!important;clip-path:none!important}
