/* ALO Danh mục layout fix: bám bố cục ALO Giá Rẻ nhưng giữ dữ liệu/danh mục ALO Giá Rẻ. */
.alo-danhmuc-alogiare-layout{background:#f3f4f6;color:#111827;padding:18px 0 44px;}
.alo-danhmuc-alogiare-layout .ctcat-container{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;}
.alo-danhmuc-alogiare-layout .ctcat-head{background:#fff!important;border:1px solid #ececec!important;border-radius:14px!important;padding:18px 20px 14px!important;margin:0 0 14px!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;}
.alo-danhmuc-alogiare-layout .ctcat-top-ad{margin:0 0 14px!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;border:0!important;min-height:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-top-ad .front-banner,
.alo-danhmuc-alogiare-layout .ctcat-top-ad .front-banner img,
.alo-danhmuc-alogiare-layout .ctcat-top-ad img{width:100%!important;height:auto!important;max-height:120px!important;object-fit:cover!important;border-radius:12px!important;display:block!important;}
.alo-danhmuc-alogiare-layout .ctcat-breadcrumb{display:flex!important;align-items:center!important;gap:7px!important;color:#777!important;font-size:13px!important;margin:0 0 12px!important;}
.alo-danhmuc-alogiare-layout .ctcat-breadcrumb a{color:#6b7280!important;text-decoration:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-breadcrumb span{color:#111!important;font-weight:800!important;}
.alo-danhmuc-alogiare-layout .ctcat-breadcrumb i{font-size:11px!important;color:#aaa!important;}
.alo-danhmuc-alogiare-layout .ctcat-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-title-row h1{font-size:20px!important;line-height:1.35!important;font-weight:850!important;margin:0 0 8px!important;color:#111827!important;letter-spacing:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-title-row p{font-size:14px!important;line-height:1.6!important;color:#4b5563!important;margin:0!important;max-width:840px!important;font-weight:500!important;}
.alo-danhmuc-alogiare-layout .ctcat-inline-search{height:38px!important;display:flex!important;align-items:center!important;gap:8px!important;background:#f3f4f6!important;border-radius:999px!important;padding:0 14px!important;min-width:360px!important;margin-left:auto!important;border:0!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-inline-search i{color:#111827!important;font-size:17px!important;}
.alo-danhmuc-alogiare-layout .ctcat-inline-search input{height:34px!important;border:0!important;background:transparent!important;padding:0!important;min-width:250px!important;box-shadow:none!important;outline:0!important;font-size:15px!important;color:#111827!important;font-weight:500!important;}
.alo-danhmuc-alogiare-layout .ctcat-inline-search input::placeholder{color:#6b7280!important;}
.alo-danhmuc-alogiare-layout .ctcat-filterbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:18px 0 10px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-filter-pill,
.alo-danhmuc-alogiare-layout .ctcat-filter-dd summary,
.alo-danhmuc-alogiare-layout .ctcat-clear{height:36px!important;border:0!important;background:#f3f4f6!important;border-radius:999px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-weight:800!important;color:#111!important;cursor:pointer!important;text-decoration:none!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-filter-pill i{color:var(--alo-ui-global-icon-color,var(--alo-ui-primary-button-bg,#f9b400))!important;}
.alo-danhmuc-alogiare-layout .ctcat-filter-dd{position:relative!important;}
.alo-danhmuc-alogiare-layout .ctcat-filter-dd summary{list-style:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-filter-dd summary::-webkit-details-marker{display:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-filter-dd summary i{color:var(--alo-ui-primary-button-bg,var(--alo-ui-link-color,#f9b400))!important;}
.alo-danhmuc-alogiare-layout .ctcat-dd-panel{position:absolute!important;top:42px!important;left:0!important;z-index:80!important;min-width:220px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 18px 45px rgba(15,23,42,.12)!important;padding:8px!important;display:grid!important;gap:4px!important;}
.alo-danhmuc-alogiare-layout .ctcat-dd-panel a{padding:9px 10px!important;border-radius:9px!important;color:#111!important;text-decoration:none!important;font-weight:700!important;background:transparent!important;}
.alo-danhmuc-alogiare-layout .ctcat-dd-panel a:hover,
.alo-danhmuc-alogiare-layout .ctcat-dd-panel a.active{background:color-mix(in srgb,var(--alo-ui-primary-button-bg,#ffd400) 18%,white)!important;color:#111!important;}
.alo-danhmuc-alogiare-layout .ctcat-price-form{grid-template-columns:1fr!important;}
.alo-danhmuc-alogiare-layout .ctcat-price-form input{height:36px!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:0 11px!important;outline:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-price-form button{height:36px!important;border:0!important;border-radius:10px!important;background:var(--alo-ui-primary-button-bg,#ffd400)!important;color:var(--alo-ui-primary-button-text-color,#111)!important;font-weight:900!important;}
.alo-danhmuc-alogiare-layout .ctcat-category-strip{display:flex!important;gap:12px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding:12px 0 2px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-cat{min-width:86px!important;max-width:105px!important;display:grid!important;justify-items:center!important;align-items:start!important;gap:7px!important;text-align:center!important;text-decoration:none!important;color:#333!important;border-radius:12px!important;padding:8px 6px!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-cat:hover,
.alo-danhmuc-alogiare-layout .ctcat-cat.active{background:color-mix(in srgb,var(--alo-ui-primary-button-bg,#ffd400) 20%,white)!important;color:#111!important;border-color:transparent!important;transform:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-cat__icon{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#f8fafc!important;color:var(--alo-ui-global-icon-color,var(--alo-ui-primary-button-bg,#f59e0b))!important;font-size:23px!important;overflow:hidden!important;}
.alo-danhmuc-alogiare-layout .ctcat-cat.active .ctcat-cat__icon,
.alo-danhmuc-alogiare-layout .ctcat-cat:hover .ctcat-cat__icon{background:#fff!important;color:var(--alo-ui-primary-button-bg,#f59e0b)!important;}
.alo-danhmuc-alogiare-layout .ctcat-cat__icon img{width:100%!important;height:100%!important;object-fit:contain!important;}
.alo-danhmuc-alogiare-layout .ctcat-cat strong{font-size:13px!important;line-height:1.25!important;font-weight:750!important;color:inherit!important;}
.alo-danhmuc-alogiare-layout .ctcat-main-layout{margin-top:14px!important;display:grid!important;grid-template-columns:minmax(0,calc(100% - 400px)) 380px!important;gap:20px!important;align-items:start!important;}
.alo-danhmuc-alogiare-layout .ctcat-list-col{min-width:0!important;background:#fff!important;border:1px solid #ececec!important;border-radius:14px!important;overflow:hidden!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-tabs{height:58px!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;background:#fff!important;padding:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-tabs>a{height:58px!important;padding:0 18px!important;display:flex!important;align-items:center!important;color:#111!important;text-decoration:none!important;font-weight:850!important;border-bottom:3px solid transparent!important;background:#fff!important;border-radius:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-tabs>a.active{border-bottom-color:#111!important;background:#fff!important;}
.alo-danhmuc-alogiare-layout .ctcat-sort-dropdown{margin-left:auto!important;height:58px!important;border-left:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;}
.alo-danhmuc-alogiare-layout .ctcat-sort-menu summary{height:58px!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:8px!important;font-weight:850!important;color:#111!important;background:#fff!important;border:0!important;border-radius:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-sort-menu summary i{color:var(--alo-ui-primary-button-bg,#f59e0b)!important;}
.alo-danhmuc-alogiare-layout .ctcat-list{background:#fff!important;}
.alo-danhmuc-alogiare-layout .ctcat-item{border-bottom:1px solid #eeeeee!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-item:hover{background:#fffdf2!important;}
.alo-danhmuc-alogiare-layout .ctcat-item__shop-cta,
.alo-danhmuc-alogiare-layout .ctcat-item__shop-btn{background:var(--alo-ui-primary-button-bg,#ffd400)!important;color:var(--alo-ui-primary-button-text-color,#111)!important;border-color:var(--alo-ui-primary-button-bg,#ffd400)!important;}
.alo-danhmuc-alogiare-layout .ctcat-rightbar{display:grid!important;gap:14px!important;position:sticky!important;top:88px!important;}
.alo-danhmuc-alogiare-layout .ctcat-sidebar-ad,
.alo-danhmuc-alogiare-layout .ctcat-adbox,
.alo-danhmuc-alogiare-layout .ctcat-sidebox{background:#fff!important;border:1px solid #ececec!important;border-radius:14px!important;padding:16px!important;box-shadow:none!important;overflow:hidden!important;}
.alo-danhmuc-alogiare-layout .ctcat-sidebar-ad .front-banner,
.alo-danhmuc-alogiare-layout .ctcat-sidebar-ad .front-banner img,
.alo-danhmuc-alogiare-layout .ctcat-sidebar-ad img{width:100%!important;height:auto!important;object-fit:cover!important;border-radius:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-sidebox h2{font-size:17px!important;margin:0 0 10px!important;color:#111!important;}
.alo-danhmuc-alogiare-layout .ctcat-side-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 0!important;color:#111!important;text-decoration:none!important;border-bottom:1px solid #f1f1f1!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-side-link:last-child{border-bottom:0!important;}
.alo-danhmuc-alogiare-layout .ctcat-side-link small{background:#f3f4f6!important;border-radius:999px!important;padding:3px 8px!important;color:#64748b!important;font-weight:800!important;}
.alo-danhmuc-alogiare-layout .ctcat-side-link:hover,
.alo-danhmuc-alogiare-layout .ctcat-side-link.active{color:var(--alo-ui-primary-button-bg,#d97706)!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner,
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation,
.alo-danhmuc-alogiare-layout .alo-support-hub{margin:16px 0 0!important;background:#fff!important;border:1px solid #ececec!important;border-radius:14px!important;padding:16px!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner{display:flex!important;align-items:center!important;gap:14px!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner img{width:64px!important;height:64px!important;object-fit:cover!important;border-radius:12px!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner h2,
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation h2{font-size:18px!important;line-height:1.35!important;margin:0 0 4px!important;color:#111!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner p,
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation p{margin:0!important;color:#64748b!important;font-size:14px!important;line-height:1.6!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner>a,
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation__actions a{margin-left:auto!important;background:var(--alo-ui-primary-button-bg,#ffd400)!important;color:var(--alo-ui-primary-button-text-color,#111)!important;text-decoration:none!important;border-radius:999px!important;padding:9px 14px!important;font-weight:900!important;border:0!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner__badge,
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation__badge{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;border-radius:999px!important;background:color-mix(in srgb,var(--alo-ui-primary-button-bg,#ffd400) 16%,white)!important;color:#111!important;font-weight:900!important;font-size:12px!important;padding:6px 10px!important;margin:0 0 8px!important;}
.alo-danhmuc-alogiare-layout .ctcat-owner--money-flow{display:block!important;}
.alo-danhmuc-alogiare-layout .ctcat-money-shop-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important;}
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link{display:flex!important;align-items:center!important;gap:10px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:12px!important;padding:10px!important;text-decoration:none!important;color:#111!important;font-weight:800!important;box-shadow:none!important;}
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link img{width:44px!important;height:44px!important;border-radius:10px!important;object-fit:cover!important;}
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link strong,
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link small,
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link em{display:block!important;line-height:1.25!important;}
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link small{font-size:12px!important;color:#64748b!important;margin-top:3px!important;}
.alo-danhmuc-alogiare-layout .ctcat-money-shop-link em{font-style:normal!important;color:var(--alo-ui-primary-button-bg,#d97706)!important;font-size:12px!important;margin-top:3px!important;}
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation__links>div{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important;}
.alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation__links a{display:flex!important;justify-content:space-between!important;gap:8px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:12px!important;padding:10px!important;text-decoration:none!important;color:#111!important;font-weight:800!important;}
.alo-danhmuc-alogiare-layout .ctcat-empty{padding:40px!important;text-align:center!important;color:#64748b!important;font-weight:800!important;}
.alo-danhmuc-alogiare-layout .ctcat-pagination{display:flex!important;justify-content:center!important;padding:18px!important;background:#fff!important;}

@media(max-width:991px){
    .alo-danhmuc-alogiare-layout{padding-top:10px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-container{width:100%!important;max-width:100%!important;padding:0 10px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-head{border-radius:12px!important;margin:0 0 12px!important;padding:14px 12px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-title-row{display:block!important;}
    .alo-danhmuc-alogiare-layout .ctcat-title-row h1{font-size:18px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-title-row p{font-size:13px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-inline-search{width:100%!important;margin:12px 0 0!important;min-width:0!important;}
    .alo-danhmuc-alogiare-layout .ctcat-inline-search input{width:100%!important;min-width:0!important;}
    .alo-danhmuc-alogiare-layout .ctcat-category-strip{padding-bottom:8px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-main-layout{display:block!important;margin-top:12px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-list-col{border-radius:12px!important;margin:0!important;}
    .alo-danhmuc-alogiare-layout .ctcat-rightbar{display:none!important;}
    .alo-danhmuc-alogiare-layout .ctcat-tabs{overflow-x:auto!important;}
    .alo-danhmuc-alogiare-layout .ctcat-sort-dropdown{min-width:max-content!important;}
    .alo-danhmuc-alogiare-layout .ctcat-money-shop-grid,
    .alo-danhmuc-alogiare-layout .ctcat-hyperlocal-foundation__links>div{grid-template-columns:1fr!important;}
    .alo-danhmuc-alogiare-layout .ctcat-owner{align-items:flex-start!important;}
    .alo-danhmuc-alogiare-layout .ctcat-owner>a{display:none!important;}
}

@media(max-width:520px){
    .alo-danhmuc-alogiare-layout .ctcat-cat{min-width:82px!important;max-width:94px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-cat strong{font-size:12.5px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-tabs>a{padding:0 12px!important;}
}

/* V3: khóa cứng trục container trang /danhmuc về đúng 1280px.
   Lỗi trước: một số CSS Bootstrap/global kéo .ctcat-container về trục rộng hơn 1280.
   Chỉ scope trong .alo-danhmuc-alogiare-layout để không ảnh hưởng trang khác. */
@media (min-width: 992px){
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .w11-pro-container.ctcat-container{
        width: 1280px !important;
        max-width: 1280px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container > .ctcat-head,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container > .ctcat-main-layout,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container > .ctcat-owner,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container > .ctcat-hyperlocal-foundation,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container > .ctcat-suggest-pro,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container > .alo-support-hub{
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-main-layout{
        justify-content: stretch !important;
        align-items: start !important;
    }

    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-list-col,
    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-rightbar{
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

/* V4: tỉ lệ 2 cột desktop bám đúng ALO Giá Rẻ: content 880px + gap 20px + sidebar 380px trong container 1280px. */
@media (min-width: 1200px){
    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-main-layout{
        grid-template-columns: minmax(0, calc(100% - 400px)) 380px !important;
        gap: 20px !important;
    }
    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-list-col{
        width: 100% !important;
        max-width: none !important;
    }
    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-rightbar{
        width: 380px !important;
        max-width: 380px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-main-layout{
        grid-template-columns: minmax(0, calc(100% - 356px)) 340px !important;
        gap: 16px !important;
    }
    html body .ctcat-page.alo-danhmuc-alogiare-layout .ctcat-rightbar{
        width: 340px !important;
        max-width: 340px !important;
    }
}

@media (min-width: 992px) and (max-width: 1311.98px){
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .ctcat-container,
    html body .ctcat-page.alo-danhmuc-alogiare-layout > .w11-pro-container.ctcat-container{
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }
}


/* V6: Dọn cụm gợi ý dưới danh sách tin - gom shop/nổi bật/dịch vụ liên quan vào 1 khối duy nhất. */
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro{
    margin:16px 0 0!important;
    background:#fff!important;
    border:1px solid #ececec!important;
    border-radius:14px!important;
    padding:18px!important;
    box-shadow:none!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__head{
    display:flex!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding-bottom:14px!important;
    margin-bottom:14px!important;
    border-bottom:1px solid #f1f5f9!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__badge{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    width:max-content!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--alo-ui-primary-button-bg,#ffd400) 16%,white)!important;
    color:#111!important;
    font-weight:900!important;
    font-size:12px!important;
    padding:6px 10px!important;
    margin:0 0 8px!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__badge i{color:var(--alo-ui-global-icon-color,var(--alo-ui-primary-button-bg,#f59e0b))!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro h2{
    font-size:20px!important;
    line-height:1.35!important;
    margin:0 0 6px!important;
    color:#111827!important;
    font-weight:850!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro p{
    margin:0!important;
    color:#64748b!important;
    font-size:14px!important;
    line-height:1.6!important;
    max-width:900px!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
    gap:14px!important;
    align-items:start!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__panel,
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured,
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__related,
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__notice{
    background:#f8fafc!important;
    border:1px solid #eef2f7!important;
    border-radius:14px!important;
    padding:14px!important;
    box-shadow:none!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__panel-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__panel-title strong{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#111827!important;
    font-size:15px!important;
    font-weight:900!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__panel-title i{color:var(--alo-ui-global-icon-color,var(--alo-ui-primary-button-bg,#f59e0b))!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__panel-title span{
    color:#64748b!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:999px!important;
    padding:4px 9px!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__providers{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    padding:10px!important;
    color:#111827!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:background .16s ease,border-color .16s ease!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider:hover{
    background:#fffdf2!important;
    border-color:color-mix(in srgb,var(--alo-ui-primary-button-bg,#ffd400) 45%,#e5e7eb)!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider img{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    border-radius:12px!important;
    object-fit:cover!important;
    background:#fff!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider span,
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured span{min-width:0!important;display:block!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.25!important;
    color:#111827!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider small,
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider em{
    display:block!important;
    margin-top:3px!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-style:normal!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider small{color:#64748b!important;font-weight:700!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__provider em{color:var(--alo-ui-primary-button-bg,#d97706)!important;font-weight:900!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__side{
    display:grid!important;
    gap:14px!important;
    min-width:0!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    color:#111827!important;
    text-decoration:none!important;
    background:linear-gradient(180deg,#fff 0%,#fffdf2 100%)!important;
    border-color:color-mix(in srgb,var(--alo-ui-primary-button-bg,#ffd400) 32%,#e5e7eb)!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured img{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
    border-radius:13px!important;
    object-fit:cover!important;
    background:#fff!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured small{
    display:block!important;
    color:var(--alo-ui-primary-button-bg,#d97706)!important;
    font-size:12px!important;
    font-weight:900!important;
    margin-bottom:3px!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured strong{
    display:block!important;
    color:#111827!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__featured em{
    display:block!important;
    margin-top:4px!important;
    color:#64748b!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-style:normal!important;
    font-weight:650!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__links{
    display:grid!important;
    gap:8px!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__links a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    padding:10px 11px!important;
    color:#111827!important;
    text-decoration:none!important;
    font-weight:800!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__links a span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__links a i{color:#94a3b8!important;font-size:12px!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__links a:hover{background:#fffdf2!important;color:var(--alo-ui-primary-button-bg,#d97706)!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__notice strong,
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__notice span{display:block!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__notice strong{color:#111827!important;font-size:15px!important;margin-bottom:4px!important;}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__notice span{color:#64748b!important;font-size:13px!important;line-height:1.5!important;}

@media(max-width:991px){
    .alo-danhmuc-alogiare-layout .ctcat-suggest-pro{padding:14px!important;border-radius:12px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-suggest-pro__head{display:block!important;}
    .alo-danhmuc-alogiare-layout .ctcat-suggest-pro h2{font-size:18px!important;}
    .alo-danhmuc-alogiare-layout .ctcat-suggest-pro__grid{grid-template-columns:1fr!important;}
    .alo-danhmuc-alogiare-layout .ctcat-suggest-pro__providers{grid-template-columns:1fr!important;}
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__grid--single{
    grid-template-columns:1fr!important;
}
.alo-danhmuc-alogiare-layout .ctcat-suggest-pro__grid > .ctcat-suggest-pro__side:first-child{
    grid-column:1 / -1!important;
}

/* PATCH V9: đồng bộ nền xám toàn bộ ô tìm kiếm trang danh mục, không còn mảng trắng bên trong input */
.alo-danhmuc-alogiare-layout .ctcat-title-search,
.alo-danhmuc-alogiare-layout .ctcat-inline-search.ctcat-title-search,
.alo-danhmuc-alogiare-layout .ctcat-inline-search{
    background:#f3f4f6!important;
    border:0!important;
    box-shadow:none!important;
}
.alo-danhmuc-alogiare-layout .ctcat-title-search input,
.alo-danhmuc-alogiare-layout .ctcat-inline-search.ctcat-title-search input,
.alo-danhmuc-alogiare-layout .ctcat-inline-search input{
    background:#f3f4f6!important;
    background-color:#f3f4f6!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}
.alo-danhmuc-alogiare-layout .ctcat-title-search input:focus,
.alo-danhmuc-alogiare-layout .ctcat-inline-search input:focus{
    background:#f3f4f6!important;
    background-color:#f3f4f6!important;
    box-shadow:none!important;
}
.alo-danhmuc-alogiare-layout .ctcat-title-search input:-webkit-autofill,
.alo-danhmuc-alogiare-layout .ctcat-inline-search input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #f3f4f6 inset!important;
    -webkit-text-fill-color:#111827!important;
}
