/* ALO Giá Rẻ alias of alogiare-container-1280.css; selectors kept backward-compatible. */
/*
|--------------------------------------------------------------------------
| ALO GIÁ RẺ CONTAINER SYNC 1280 - FINAL OVERRIDE
|--------------------------------------------------------------------------
| Mục tiêu:
| - Navbar / search header / slider vẫn full màn hình theo CSS gốc.
| - Tất cả khối nội dung bên dưới đồng bộ cùng một trục container 1280px.
| - Fix riêng trang chi tiết tin đăng + trang shop đang hardcode 1180/1200/1220/1240.
| File này phải được load CUỐI CÙNG ở frontend.
*/

:root{
    --w11-container: 1280px !important;
    --site-container: 1280px !important;
    --alogiare-container: 1280px !important;
    --container-1280: 1280px !important;
    --container-side-padding: 16px !important;
}

/* Reset khung tổng để không có trang dùng 1180/1200/1220/1240 riêng */
.w11-pro-main,
.ct5-page,
.wt-page,
.wt-shop-page,
.wt-market-page,
.dtx-page{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Container chuẩn toàn site - desktop */
@media (min-width: 992px){
    main.w11-pro-main > .container:not(.container-fluid),
    main.w11-pro-main .container:not(.container-fluid),
    .w11-pro-container,
    .container-main,
    .front-container,
    .site-container,
    .page-container,
    .posts-container,
    .wt-container,
    .wt2-container,
    .wt-market-container,
    .wt-detail-container,
    .wt-page-container,
    .wt-shop-container,
    .w2-commerce-container,
    .gx-container,
    .dtx-container,
    .authx-container,
    .alogiare-container,
    .alogiare-footer-container,
    .dt-booking-lead__container,
    .alogiare-booking-oldstyle-container,
    .home__homeContainer,
    .home__containerSubBanner,
    .ct5-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;
        box-sizing:border-box !important;
    }

    /* Bootstrap container trong nội dung không được tự nhảy 1320 làm lệch */
    main.w11-pro-main .container,
    .w11-pro-main .container,
    .ct5-page .container{
        --bs-gutter-x: 0 !important;
    }
}

/* Mobile/tablet giữ full width có padding an toàn */
@media (max-width: 991.98px){
    main.w11-pro-main > .container:not(.container-fluid),
    main.w11-pro-main .container:not(.container-fluid),
    .w11-pro-container,
    .container-main,
    .front-container,
    .site-container,
    .page-container,
    .posts-container,
    .wt-container,
    .wt2-container,
    .wt-market-container,
    .wt-detail-container,
    .wt-page-container,
    .wt-shop-container,
    .w2-commerce-container,
    .gx-container,
    .dtx-container,
    .authx-container,
    .alogiare-container,
    .alogiare-footer-container,
    .dt-booking-lead__container,
    .alogiare-booking-oldstyle-container,
    .home__homeContainer,
    .home__containerSubBanner,
    .ct5-container{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }
}

@media (max-width: 575.98px){
    main.w11-pro-main > .container:not(.container-fluid),
    main.w11-pro-main .container:not(.container-fluid),
    .w11-pro-container,
    .container-main,
    .front-container,
    .site-container,
    .page-container,
    .posts-container,
    .wt-container,
    .wt2-container,
    .wt-market-container,
    .wt-detail-container,
    .wt-page-container,
    .wt-shop-container,
    .w2-commerce-container,
    .gx-container,
    .dtx-container,
    .authx-container,
    .alogiare-container,
    .alogiare-footer-container,
    .dt-booking-lead__container,
    .alogiare-booking-oldstyle-container,
    .home__homeContainer,
    .home__containerSubBanner,
    .ct5-container{
        padding-left:10px !important;
        padding-right:10px !important;
    }
}

/* Những khối được phép full màn hình */
.header-wow,
.header-wow-mini-top,
.header-wow-top,
.header-wow-sticky,
.w11-topbar,
.w11-mainbar,
.w11-navline,
.navbar,
.hero-slider,
.home_slider,
.home__slider,
.alogiare-container-fluid,
.container-fluid,
.swiper.full-width,
.banner-full,
.full-width{
    max-width:100% !important;
}

/* HOME: slider/banner trên có thể full theo thiết kế, các khối dưới giữ trục 1280 */
@media (min-width: 992px){
    .alogiare-booking-hero-container,
    .alogiare-booking-after-slider,
    .gridAds__wrapper,
    .hb-home-banner-slider .w11-pro-container,
    .hb-home-icon-slider-section .w11-pro-container{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* DETAIL LISTING: bỏ toàn bộ hardcode 1220/1200, đồng bộ 1280 */
@media (min-width: 992px){
    .ct5-listing-page .ct5-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;
        box-sizing:border-box !important;
    }

    .ct5-listing-page .ct5-container > .ct5-detail-banner,
    .ct5-listing-page .ct5-container > .ct5-breadcrumb,
    .ct5-listing-page .ct5-container > .ct5-scrollbar,
    .ct5-listing-page .ct5-container > .ct5-detail-layout,
    .ct5-listing-page .ct5-container > .ct5-wide-related,
    .ct5-listing-page .ct5-detail-banner,
    .ct5-listing-page .ct5-breadcrumb,
    .ct5-listing-page .ct5-detail-layout,
    .ct5-listing-page .ct5-wide-related{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .ct5-listing-page .ct5-detail-layout{
        display:grid !important;
        grid-template-columns:minmax(0, 860px) 400px !important;
        gap:20px !important;
        justify-content:stretch !important;
        align-items:start !important;
    }

    .ct5-listing-page .ct5-detail-main,
    .ct5-listing-page .ct5-detail-sidebar{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .ct5-listing-page .ct5-wide-related{
        max-width:1280px !important;
    }

    .ct5-listing-page .ct5-scrollbar-inner{
        width:min(1280px, calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* SHOP DETAIL: fix trang shop đang rộng/hẹp khác trang chi tiết */
@media (min-width: 992px){
    .ct5-shop-page .ct5-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;
        box-sizing:border-box !important;
    }

    .ct5-shop-page .ct5-container > .ct5-shop-banner,
    .ct5-shop-page .ct5-container > .ct5-breadcrumb,
    .ct5-shop-page .ct5-container > .ct5-shop-hero,
    .ct5-shop-page .ct5-container > .ct5-shop-tabs,
    .ct5-shop-page .ct5-container > .ct5-shop-layout,
    .ct5-shop-page .ct5-shop-banner-wrap,
    .ct5-shop-page .ct5-shop-top-banner,
    .ct5-shop-page .ct5-shop-bottom-banner,
    .ct5-shop-page .ct5-shop-banner,
    .ct5-shop-page .ct5-breadcrumb,
    .ct5-shop-page .ct5-shop-hero,
    .ct5-shop-page .ct5-shop-tabs,
    .ct5-shop-page .ct5-shop-layout{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .ct5-shop-page .ct5-shop-layout{
        display:grid !important;
        grid-template-columns:minmax(0, 860px) 400px !important;
        gap:20px !important;
        justify-content:stretch !important;
        align-items:start !important;
    }

    .ct5-shop-page .ct5-shop-layout > main,
    .ct5-shop-page .ct5-shop-layout > aside{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .ct5-shop-page .ct5-shop-profile-row{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:86px minmax(0,1fr) 360px !important;
        gap:16px !important;
        align-items:end !important;
        box-sizing:border-box !important;
    }

    .ct5-shop-page .ct5-shop-actions,
    .ct5-shop-page .ct5-shop-side-actions{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .ct5-shop-page .ct5-shop-listing-grid{
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

/* SEARCH / CATEGORY / SHOP INDEX / NEWS: đồng bộ wrapper hay gặp */
@media (min-width: 992px){
    .wt-market-container,
    .wt-page-container,
    .wt-shop-container,
    .wt-detail-container,
    .listing-page-container,
    .listing-index-container,
    .shop-index-container,
    .search-page-container,
    .news-page-container,
    .news-detail-container,
    .seo-page-container,
    .geo-landing-container,
    .service-cluster-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;
        box-sizing:border-box !important;
    }
}

/* Footer content cùng trục 1280, nền footer vẫn full */
@media (min-width: 992px){
    .w11-pro-footer .w11-pro-container,
    .w11-pro-footer .alogiare-footer-container,
    footer .w11-pro-container,
    footer .alogiare-footer-container,
    footer .container:not(.container-fluid){
        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;
    }
}

/* Không cho ảnh/banner nội dung vượt container gây cảm giác lệch */
.ct5-page img,
.w11-pro-main img,
.front-banner img{
    max-width:100%;
}

/* PATCH 2026-05-24: /shop/ listing grid title compact + 2-line clamp */
.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card{min-width:0!important}
.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__body{padding-top:9px!important;min-width:0!important}
.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__price{font-size:14px!important;line-height:1.25!important;margin-bottom:6px!important}
.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__title{height:auto!important;min-height:42px!important;max-height:42px!important;margin:0 0 8px!important;font-size:14.6px!important;line-height:1.42!important;font-weight:800!important;letter-spacing:-.01em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:anywhere!important}
.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__title a{color:#111827!important;text-decoration:none!important}
.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__meta,.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__location{font-size:12.5px!important;line-height:1.35!important}
@media(max-width:1199px){.ct5-shop-page .ct5-shop-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){.ct5-shop-page .ct5-shop-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__title{font-size:13.2px!important;line-height:1.38!important;max-height:38px!important;-webkit-line-clamp:3!important}.ct5-shop-page #ct5-shop-listings .ct5-shop-listing-grid .dtx-card__price{font-size:13.5px!important}}


/* ========================================================================
   P107 — GLOBAL FRONTEND 1280 LOCK
   This block is intentionally loaded last from components/header.blade.php.
   Do not reduce desktop wrappers back to 1200/1240/1320 in page CSS.
   ======================================================================== */

html body.w11-pro-site{
    --w11-container:1280px !important;
    --site-container:1280px !important;
    --alogiare-container:1280px !important;
    --container-1280:1280px !important;
}

@media (min-width:992px){
    /* Global Bootstrap/custom content axes */
    body.w11-pro-site main.w11-pro-main .container:not(.container-fluid),
    body.w11-pro-site .w11-pro-container,
    body.w11-pro-site .wt-container,
    body.w11-pro-site .wt2-container,
    body.w11-pro-site .wt-market-container,
    body.w11-pro-site .wt-detail-container,
    body.w11-pro-site .wt-page-container,
    body.w11-pro-site .wt-shop-container,
    body.w11-pro-site .w2-commerce-container,
    body.w11-pro-site .gx-container,
    body.w11-pro-site .container-main,
    body.w11-pro-site .front-container,
    body.w11-pro-site .site-container,
    body.w11-pro-site .page-container,
    body.w11-pro-site .posts-container,
    body.w11-pro-site .alogiare-container,
    body.w11-pro-site .footer-merge-container,
    body.w11-pro-site .alogiare-footer-container,
    body.w11-pro-site .dtf-pro-container,
    body.w11-pro-site .home__homeContainer,
    body.w11-pro-site .home__containerSubBanner,
    body.w11-pro-site .ct5-container,
    body.w11-pro-site .dt-booking-lead__container,
    body.w11-pro-site .alogiare-booking-oldstyle-container{
        width:min(1280px,calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    /* Global header + footer use the exact same 1280 axis. */
    body.w11-pro-site .header-wow .container,
    body.w11-pro-site .header-wow-mini-top .container,
    body.w11-pro-site .header-wow-top .container,
    body.w11-pro-site .header-wow-sticky .container,
    body.w11-pro-site .dtf-pro-container,
    body.w11-pro-site .alogiare-footer-container,
    body.w11-pro-site .footer-merge-container{
        width:min(1280px,calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* P104 GEO: keep the approved internal UI, only normalize its outer axis. */
    body.w11-pro-site .gp104-shell,
    body.w11-pro-site .gp104-breadcrumb,
    body.w11-pro-site .gp104-hero-inner,
    body.w11-pro-site .gp104-shortcuts,
    body.w11-pro-site .gp104-tabs,
    body.w11-pro-site .gp104-main,
    body.w11-pro-site .gp104-footer-inner{
        width:min(1280px,calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    /* P105/home shell — temporary home body still follows the same axis. */
    body.w11-pro-site .gp105-shell{
        width:min(1280px,calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    /* News/user-area wrappers that historically used 1200/1240/1320. */
    body.w11-pro-site .news-container,
    body.w11-pro-site .news-page-container,
    body.w11-pro-site .user-page-container,
    body.w11-pro-site .search-page-container,
    body.w11-pro-site .shop-page-container,
    body.w11-pro-site .listing-page-container,
    body.w11-pro-site .dt-news-wrap,
    body.w11-pro-site .ct5-shop-page-industry .ct5-container,
    body.w11-pro-site .industry-shop-container{
        width:min(1280px,calc(100% - 32px)) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* Tablet/mobile: keep safe gutters, never force 1280 physical width. */
@media (max-width:991.98px){
    body.w11-pro-site .gp104-shell,
    body.w11-pro-site .gp104-breadcrumb,
    body.w11-pro-site .gp104-hero-inner,
    body.w11-pro-site .gp104-shortcuts,
    body.w11-pro-site .gp104-tabs,
    body.w11-pro-site .gp104-main,
    body.w11-pro-site .gp105-shell{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* ========================================================================
   P108 — TRUE 1280 CONTENT AXIS
   Outer content axis = max 1280 CSS px. Desktop horizontal gutters live
   OUTSIDE the container; page/header/footer containers have no internal
   left/right padding that would shrink the usable axis to 1248/1256px.
   ======================================================================== */
@media (min-width:992px){
    html body.w11-pro-site{
        --w11-container:1280px !important;
        --site-container:1280px !important;
        --alogiare-container:1280px !important;
        --container-1280:1280px !important;
        --bs-gutter-x:0px !important;
    }

    /* Canonical global axis. */
    body.w11-pro-site main.w11-pro-main .container:not(.container-fluid),
    body.w11-pro-site .w11-pro-container,
    body.w11-pro-site .wt-container,
    body.w11-pro-site .wt2-container,
    body.w11-pro-site .wt-market-container,
    body.w11-pro-site .wt-detail-container,
    body.w11-pro-site .wt-page-container,
    body.w11-pro-site .wt-shop-container,
    body.w11-pro-site .w2-commerce-container,
    body.w11-pro-site .gx-container,
    body.w11-pro-site .container-main,
    body.w11-pro-site .front-container,
    body.w11-pro-site .site-container,
    body.w11-pro-site .page-container,
    body.w11-pro-site .posts-container,
    body.w11-pro-site .alogiare-container,
    body.w11-pro-site .footer-merge-container,
    body.w11-pro-site .alogiare-footer-container,
    body.w11-pro-site .dtf-pro-container,
    body.w11-pro-site .home__homeContainer,
    body.w11-pro-site .home__containerSubBanner,
    body.w11-pro-site .ct5-container,
    body.w11-pro-site .dt-booking-lead__container,
    body.w11-pro-site .alogiare-booking-oldstyle-container,
    body.w11-pro-site .news-container,
    body.w11-pro-site .news-page-container,
    body.w11-pro-site .user-page-container,
    body.w11-pro-site .search-page-container,
    body.w11-pro-site .shop-page-container,
    body.w11-pro-site .listing-page-container,
    body.w11-pro-site .dt-news-wrap,
    body.w11-pro-site .industry-shop-container{
        width: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;
    }

    /* Header/nav/footer content aligns to the exact same x-axis. */
    body.w11-pro-site .header-wow .container,
    body.w11-pro-site .header-wow-mini-top .container,
    body.w11-pro-site .header-wow-top .container,
    body.w11-pro-site .header-wow-sticky .container,
    body.w11-pro-site header .container:not(.container-fluid),
    body.w11-pro-site footer .container:not(.container-fluid),
    body.w11-pro-site footer .w11-pro-container,
    body.w11-pro-site footer .alogiare-footer-container,
    body.w11-pro-site footer .footer-merge-container,
    body.w11-pro-site .dtf-pro-container{
        width:calc(100% - 32px) !important;
        max-width:1280px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
        --bs-gutter-x:0px !important;
        box-sizing:border-box !important;
    }

    /* Approved P104 GEO body: preserve design, normalize only horizontal axis. */
    body.w11-pro-site.gp104-page .gp104-breadcrumb,
    body.w11-pro-site.gp104-page .gp104-hero-inner,
    body.w11-pro-site.gp104-page .gp104-shortcuts,
    body.w11-pro-site.gp104-page .gp104-tabs,
    body.w11-pro-site.gp104-page .gp104-main{
        width: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;
    }

    /* Home P105 body (temporary until home redesign): exact same axis. */
    body.w11-pro-site.gp105-home-page .gp105-shell{
        width: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;
    }

    /* Common Bootstrap rows must not re-introduce negative gutters on the axis. */
    body.w11-pro-site .header-wow .container > .row,
    body.w11-pro-site main.w11-pro-main > .container > .row,
    body.w11-pro-site footer .container > .row{
        --bs-gutter-x:0px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* ========================================================================
   P140 — CANONICAL 1280 CONTENT AXIS LOCK
   One desktop rule for every Bootstrap container plus P140/home shells.
   Full-bleed sections remain full width; only their inner content is capped.
   ======================================================================== */
@media (min-width:992px){
    body.w11-pro-site .container:not(.container-fluid),
    body.w11-pro-site .ag-ref-shell,
    body.w11-pro-site .ag-p140-shell,
    body.w11-pro-site .gp105-shell,
    body.w11-pro-site .gp104-shell,
    body.w11-pro-site .posts-container,
    body.w11-pro-site .news-container,
    body.w11-pro-site .news-page-container,
    body.w11-pro-site .news-detail-container,
    body.w11-pro-site .search-page-container,
    body.w11-pro-site .shop-page-container,
    body.w11-pro-site .listing-page-container,
    body.w11-pro-site .geo-landing-container,
    body.w11-pro-site .service-cluster-container{
        width:calc(100% - 32px)!important;
        max-width:1280px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }
}
@media (max-width:991.98px){
    body.w11-pro-site .ag-ref-shell,
    body.w11-pro-site .ag-p140-shell{
        width:calc(100% - 24px)!important;
        max-width:calc(100% - 24px)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }
}

/* ========================================================================
   P133L — FINAL FRONTEND 1280 AXIS EXPANSION
   Added after auditing GA99. These are page-level wrappers that were still
   able to keep their own 1180/1200/1240 widths. Full-bleed backgrounds stay
   full width; only the inner content axis is normalized.
   ======================================================================== */
@media (min-width:992px){
    body.w11-pro-site .ais4-container,
    body.w11-pro-site .agd7-container,
    body.w11-pro-site .gp104-main,
    body.w11-pro-site .gp104-breadcrumb,
    body.w11-pro-site .gp104-hero-inner,
    body.w11-pro-site .gp104-shortcuts,
    body.w11-pro-site .gp104-tabs,
    body.w11-pro-site .dt-news-wrap,
    body.w11-pro-site .mn32,
    body.w11-pro-site .agd-local-first{
        width:calc(100% - 32px)!important;
        max-width:1280px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }
    body.w11-pro-site .ais4-container,
    body.w11-pro-site .dt-news-wrap,
    body.w11-pro-site .agd7-container{
        padding-left:0!important;
        padding-right:0!important;
    }
    body.w11-pro-site .ais4-container > *,
    body.w11-pro-site .dt-news-wrap > *{
        max-width:100%!important;
        box-sizing:border-box!important;
    }
}
@media (max-width:991.98px){
    body.w11-pro-site .ais4-container,
    body.w11-pro-site .agd7-container,
    body.w11-pro-site .dt-news-wrap,
    body.w11-pro-site .mn32,
    body.w11-pro-site .agd-local-first{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }
}

/* ========================================================================
   P135R1 — CANONICAL BREADCRUMB + TRUE 1280 AXIS
   Source of truth: approved GEO local-profile breadcrumb.
   Normalize every historical breadcrumb implementation to one UI.
   Full-bleed hero/banner backgrounds are intentionally untouched.
   ======================================================================== */

:root{
    --alo-content-1280:1280px;
    --alo-breadcrumb-bg:#f3f8fd;
    --alo-breadcrumb-text:#6f849b;
    --alo-breadcrumb-link:#547290;
    --alo-breadcrumb-current:#42536b;
    --alo-breadcrumb-separator:var(--alo-ui-primary,#DA251D);
}

/* Page shells that were still able to keep a private 1180/1200/1240 axis. */
@media (min-width:992px){
    body.w11-pro-site .merge137-container,
    body.w11-pro-site .dt-news-wrap,
    body.w11-pro-site .agd7-container,
    body.w11-pro-site .agd-geo-container,
    body.w11-pro-site .agd-local-first,
    body.w11-pro-site .ais4-container,
    body.w11-pro-site .mn32,
    body.w11-pro-site .op34-container,
    body.w11-pro-site .lmv2-container,
    body.w11-pro-site .dtx-container,
    body.w11-pro-site .ctcat-container,
    body.w11-pro-site .wt-shop-container,
    body.w11-pro-site .ct5-container{
        width:calc(100% - 32px)!important;
        max-width:var(--alo-content-1280)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }

    /* Do not double-gutter nested containers. */
    body.w11-pro-site .merge137-container > .merge137-breadcrumb,
    body.w11-pro-site .dt-news-wrap > .dt-breadcrumb,
    body.w11-pro-site .wt-shop-container > .wt-shop-breadcrumb,
    body.w11-pro-site .ct5-container > .ct5-breadcrumb{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

/* One visual contract for every breadcrumb implementation still present. */
body.w11-pro-site :is(
    .alo-global-breadcrumb,
    .breadcrumb-nav,
    .gp104-breadcrumb,
    .merge137-breadcrumb,
    .dt-breadcrumb,
    .agd-breadcrumb,
    .alo-contact-breadcrumb,
    .breadcrumb-mini,
    .ct5-breadcrumb,
    .ctcat-breadcrumb,
    .dtx-breadcrumb,
    .lmv2-breadcrumb,
    .mn32-crumb,
    .op34-crumb,
    .p139-breadcrumb,
    .wt-shop-breadcrumb
){
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    min-height:44px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding:12px 0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--alo-breadcrumb-text)!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.45!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    box-shadow:0 0 0 100vmax var(--alo-breadcrumb-bg)!important;
    clip-path:inset(0 -100vmax)!important;
    box-sizing:border-box!important;
}

body.w11-pro-site :is(
    .alo-global-breadcrumb,
    .breadcrumb-nav,
    .gp104-breadcrumb,
    .merge137-breadcrumb,
    .dt-breadcrumb,
    .agd-breadcrumb,
    .alo-contact-breadcrumb,
    .breadcrumb-mini,
    .ct5-breadcrumb,
    .ctcat-breadcrumb,
    .dtx-breadcrumb,
    .lmv2-breadcrumb,
    .mn32-crumb,
    .op34-crumb,
    .p139-breadcrumb,
    .wt-shop-breadcrumb
)::-webkit-scrollbar{display:none!important;}

/* Direct/full-page breadcrumbs get the same 1280 x-axis as approved GEO page. */
@media (min-width:992px){
    body.w11-pro-site > main.w11-pro-main :is(
        .gp104-breadcrumb,
        .agd-breadcrumb,
        .alo-contact-breadcrumb,
        .breadcrumb-mini,
        .ctcat-breadcrumb,
        .dtx-breadcrumb,
        .lmv2-breadcrumb,
        .mn32-crumb,
        .op34-crumb,
        .p139-breadcrumb
    ){
        width:calc(100% - 32px)!important;
        max-width:var(--alo-content-1280)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:0!important;
        padding-right:0!important;
    }
}

/* Link/current text contract. */
body.w11-pro-site :is(
    .alo-global-breadcrumb,
    .breadcrumb-nav,
    .gp104-breadcrumb,
    .merge137-breadcrumb,
    .dt-breadcrumb,
    .agd-breadcrumb,
    .alo-contact-breadcrumb,
    .breadcrumb-mini,
    .ct5-breadcrumb,
    .ctcat-breadcrumb,
    .dtx-breadcrumb,
    .lmv2-breadcrumb,
    .mn32-crumb,
    .op34-crumb,
    .p139-breadcrumb,
    .wt-shop-breadcrumb
) a{
    flex:0 0 auto!important;
    color:var(--alo-breadcrumb-link)!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.45!important;
}

body.w11-pro-site :is(
    .alo-global-breadcrumb,
    .breadcrumb-nav,
    .gp104-breadcrumb,
    .merge137-breadcrumb,
    .dt-breadcrumb,
    .agd-breadcrumb,
    .alo-contact-breadcrumb,
    .breadcrumb-mini,
    .ct5-breadcrumb,
    .ctcat-breadcrumb,
    .dtx-breadcrumb,
    .lmv2-breadcrumb,
    .mn32-crumb,
    .op34-crumb,
    .p139-breadcrumb,
    .wt-shop-breadcrumb
) :is(strong,span,.active,.breadcrumb-item.active){
    flex:0 0 auto!important;
    color:var(--alo-breadcrumb-current)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.45!important;
}

/* Existing icon separators: normalize spacing/color. */
body.w11-pro-site :is(
    .gp104-breadcrumb,
    .merge137-breadcrumb,
    .agd-breadcrumb,
    .alo-contact-breadcrumb,
    .breadcrumb-mini,
    .ct5-breadcrumb,
    .ctcat-breadcrumb,
    .dtx-breadcrumb,
    .lmv2-breadcrumb,
    .mn32-crumb,
    .op34-crumb,
    .p139-breadcrumb,
    .wt-shop-breadcrumb
) > i{
    flex:0 0 auto!important;
    margin:0 9px!important;
    color:var(--alo-breadcrumb-separator)!important;
    font-size:9px!important;
    line-height:1!important;
}

/* News breadcrumbs use generated › separator. */
body.w11-pro-site .dt-breadcrumb > span::before{
    content:'›'!important;
    display:inline-block!important;
    margin:0 9px 0 0!important;
    color:var(--alo-breadcrumb-separator)!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1!important;
}

/* Shared Bootstrap breadcrumb component. */
body.w11-pro-site .breadcrumb-nav .breadcrumb{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    white-space:nowrap!important;
}
body.w11-pro-site .breadcrumb-nav .breadcrumb-item{
    flex:0 0 auto!important;
    color:var(--alo-breadcrumb-link)!important;
    font-size:12px!important;
    font-weight:400!important;
}
body.w11-pro-site .breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before{
    content:'›'!important;
    float:none!important;
    padding:0 9px!important;
    color:var(--alo-breadcrumb-separator)!important;
}
body.w11-pro-site .breadcrumb-nav .breadcrumb-item.active{
    color:var(--alo-breadcrumb-current)!important;
    font-weight:700!important;
}

/* Mobile: same UI, safe 12px viewport gutter. */
@media (max-width:991.98px){
    body.w11-pro-site :is(
        .alo-global-breadcrumb,
        .breadcrumb-nav,
        .gp104-breadcrumb,
        .merge137-breadcrumb,
        .dt-breadcrumb,
        .agd-breadcrumb,
        .alo-contact-breadcrumb,
        .breadcrumb-mini,
        .ct5-breadcrumb,
        .ctcat-breadcrumb,
        .dtx-breadcrumb,
        .lmv2-breadcrumb,
        .mn32-crumb,
        .op34-crumb,
        .p139-breadcrumb,
        .wt-shop-breadcrumb
    ){
        width:calc(100% - 24px)!important;
        max-width:calc(100% - 24px)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        min-height:42px!important;
        padding:11px 0 9px!important;
        text-align:left!important;
        justify-content:flex-start!important;
    }
}