/*
 * ALO LISTING LAYOUTS V2 — 2026-08-07
 * Base: ALOVN_067 / Default listing detail.
 * Goal: keep Default untouched; five additional layouts use the same UI DNA
 * (cards, typography, CTA, sticky tabs) but have genuinely different composition.
 * Desktop content container: 1280px. Mobile: responsive and layout-aware.
 */

/* Shared tokens for non-default templates only. */
html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-listing-page{
    --alo-lx-gap:20px;
    --alo-lx-gap-sm:12px;
    --alo-lx-border:#e5e7eb;
    --alo-lx-card:#fff;
    --alo-lx-soft:#f8fafc;
    --alo-lx-text:#0f172a;
    --alo-lx-muted:#64748b;
}

@media (min-width:992px){
    /* Hard-lock every new template to the same 1280px shell as Default. */
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-listing-page > .ct5-container,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .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;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-panel,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-seller-card,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-shop-card,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-ad-card{
        border-radius:10px!important;
        box-shadow:none!important;
    }

    /* =========================================================
       LAYOUT 1 — FULL FLOW / TRUE ONE COLUMN
       Full 1280 flow. No sidebar column. Seller + booking become
       a balanced horizontal band. Reading cards remain comfortable.
       ========================================================= */
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-listing-page .ct5-detail-layout{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:0!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-detail-main{display:contents!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-detail-main > *{
        grid-column:1!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        order:60;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview{order:10!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-gallery-shell,
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-main-photo{
        aspect-ratio:16/7!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-title-block{
        padding:20px 24px 22px!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-title-block h1{
        max-width:980px!important;
        font-size:28px!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-human-badges{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:10px!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-human-actions{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:10px!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-human-actions a{width:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-detail-sidebar{
        grid-column:1!important;
        order:20!important;
        width:100%!important;
        max-width:100%!important;
        margin:0 0 14px!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-sticky-side{
        position:static!important;
        top:auto!important;
        display:grid!important;
        grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
        gap:14px!important;
        align-items:stretch!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-sticky-side > *{margin:0!important;min-width:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-description{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-description .ct5-description{max-width:1040px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-features{order:31!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #p3-contact{order:32!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-map{order:33!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-faq{order:34!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-related-services{order:35!important;}

    /* =========================================================
       LAYOUT 2 — CINEMA HERO / HERO FULL WIDTH + 2-COLUMN BODY
       Strong visual top, then a clean 820/440 content split.
       ========================================================= */
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split .ct5-listing-page .ct5-detail-layout{
        display:grid!important;
        grid-template-columns:minmax(0,820px) minmax(0,440px)!important;
        gap:20px!important;
        align-items:start!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split .ct5-detail-main{display:contents!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split .ct5-detail-main > *{min-width:0!important;order:60;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview{
        grid-column:1/-1!important;
        order:10!important;
        width:100%!important;
        margin-bottom:0!important;
        overflow:hidden!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-gallery-shell,
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-main-photo{
        aspect-ratio:16/6.5!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-title-block{
        display:grid!important;
        grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr)!important;
        column-gap:24px!important;
        row-gap:8px!important;
        padding:18px 22px 20px!important;
        align-items:start!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-title-block h1{grid-column:1!important;grid-row:1!important;font-size:27px!important;margin:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-price-row{grid-column:2!important;grid-row:1/3!important;justify-content:flex-end!important;align-content:start!important;text-align:right!important;margin:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-price-row strong{font-size:30px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-address{grid-column:1!important;grid-row:2!important;margin-top:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-posted{grid-column:1!important;grid-row:3!important;margin-top:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-human-badges{grid-column:1/-1!important;grid-row:4!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-human-actions{grid-column:1/-1!important;grid-row:5!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-human-actions a{width:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-description{grid-column:1!important;order:20!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split .ct5-detail-sidebar{grid-column:2!important;grid-row:auto!important;order:21!important;min-width:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split .ct5-sticky-side{position:static!important;top:auto!important;display:grid!important;gap:12px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-features{grid-column:1!important;order:22!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #p3-contact{grid-column:1!important;order:23!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-map{grid-column:1/-1!important;order:24!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-faq{grid-column:1!important;order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-related-services{grid-column:2!important;order:31!important;}

    /* =========================================================
       LAYOUT 3 — INFO FIRST / DECISION FIRST
       Title, price, signals and CTA first; media becomes the second
       visual layer. Seller band sits immediately below the hero.
       ========================================================= */
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-listing-page .ct5-detail-layout{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:0!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-detail-main{display:contents!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-detail-main > *{grid-column:1!important;width:100%!important;min-width:0!important;order:60;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview{
        order:10!important;
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        overflow:hidden!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-title-block{
        order:1!important;
        padding:22px 24px 20px!important;
        border-bottom:1px solid #eef2f7!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-title-block h1{font-size:30px!important;max-width:980px!important;margin-bottom:10px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-price-row strong{font-size:31px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-human-badges{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-human-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-human-actions a{width:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-gallery-shell{order:2!important;margin:18px 20px 0!important;width:calc(100% - 40px)!important;border-radius:10px!important;aspect-ratio:16/7!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-main-photo{aspect-ratio:16/7!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-thumb-row{order:3!important;padding:10px 20px 18px!important;margin:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-detail-sidebar{grid-column:1!important;order:20!important;margin:0 0 14px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-sticky-side{position:static!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;gap:14px!important;align-items:stretch!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-sticky-side > *{margin:0!important;min-width:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-features{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-description{order:31!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #p3-contact{order:32!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-map{order:33!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-faq{order:34!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-related-services{order:35!important;}

    /* =========================================================
       LAYOUT 4 — MODULAR 12-COLUMN DASHBOARD
       Not a fake 2-column page: top module has info/media split;
       lower sections use 8/4, 6/6 and full-width modules.
       ========================================================= */
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-listing-page .ct5-detail-layout{
        display:grid!important;
        grid-template-columns:repeat(12,minmax(0,1fr))!important;
        gap:14px!important;
        align-items:start!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-detail-main,
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-detail-sidebar,
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-sticky-side{display:contents!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-detail-main > *{min-width:0!important;margin:0!important;order:60;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview{
        grid-column:1/13!important;
        order:10!important;
        display:grid!important;
        grid-template-columns:minmax(360px,5fr) minmax(0,7fr)!important;
        grid-template-areas:"info media" "info thumbs"!important;
        column-gap:18px!important;
        align-items:start!important;
        padding:18px!important;
        overflow:hidden!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-title-block{grid-area:info!important;padding:4px 2px!important;margin:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-title-block h1{font-size:28px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-gallery-shell{grid-area:media!important;margin:0!important;border-radius:10px!important;aspect-ratio:16/9!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-main-photo{aspect-ratio:16/9!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-thumb-row{grid-area:thumbs!important;margin:8px 0 0!important;padding:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-human-badges{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-human-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-human-actions a{width:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-description{grid-column:1/9!important;order:20!important;height:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #p3-contact-sidebar{grid-column:9/13!important;order:21!important;height:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-booking-sidebar-card{grid-column:9/13!important;order:22!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-features{grid-column:1/7!important;order:30!important;height:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #p3-contact{grid-column:7/13!important;order:31!important;height:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-map{grid-column:1/13!important;order:40!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-faq{grid-column:1/7!important;order:50!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-related-services{grid-column:7/13!important;order:51!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-real-videos{grid-column:1/7!important;order:52!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-quick-booking{grid-column:7/13!important;order:53!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-admin-curated{grid-column:1/7!important;order:54!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-customer-needs{grid-column:7/13!important;order:55!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-service-related,
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-seo-hub{grid-column:1/13!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-service-related{order:56!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-seo-hub{order:57!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-sticky-side > .ct5-ad-card:not(.ct5-booking-sidebar-card){display:none!important;}

    /* =========================================================
       LAYOUT 5 — WIDE CONTENT + COMPACT SELLER RAIL
       920/340 composition; rail is visually restrained but remains
       sticky and conversion-focused. Same CTA DNA as Default.
       ========================================================= */
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-listing-page .ct5-detail-layout{
        display:grid!important;
        grid-template-columns:minmax(0,920px) minmax(0,340px)!important;
        gap:20px!important;
        align-items:start!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-detail-main,
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-detail-sidebar{min-width:0!important;width:100%!important;max-width:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-sticky-side{
        position:sticky!important;
        top:148px!important;
        display:grid!important;
        gap:12px!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-sticky-side > *{margin:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #p3-contact-sidebar{
        border:1px solid #dbe3ef!important;
        border-top:4px solid #2563eb!important;
        border-radius:10px!important;
        overflow:hidden!important;
    }
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #p3-contact-sidebar:before{display:none!important;content:none!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-gallery-shell,
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-main-photo{aspect-ratio:16/9!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-title-block{padding:17px 18px 19px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-human-badges{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-human-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-human-actions a{width:100%!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-side-actions-grid .ct5-social-row{grid-template-columns:1fr!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-side-actions-grid .ct5-btn{min-height:46px!important;}
}

/* =============================================================
   MOBILE / TABLET — layout-aware responsive behavior
   Default remains 100% original. Every new template receives its
   own order and media treatment; no desktop grid leaks into mobile.
   ============================================================= */
@media (max-width:991.98px){
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-listing-page > .ct5-container,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-listing-page .ct5-container{
        width:100%!important;
        max-width:100%!important;
        padding-left:8px!important;
        padding-right:8px!important;
        box-sizing:border-box!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-listing-page .ct5-detail-layout{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        max-width:100%!important;
        gap:0!important;
        margin:0!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-detail-main{display:contents!important;}
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-detail-main > *,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-detail-sidebar{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-detail-main > *{
        order:90!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-sticky-side{
        position:static!important;
        top:auto!important;
        display:block!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-sticky-side > *{margin-bottom:8px!important;}
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-panel,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-seller-card,
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] .ct5-shop-card{
        border-radius:10px!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] #ct5-overview .ct5-human-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] #ct5-overview .ct5-human-actions a{width:100%!important;min-width:0!important;}

    /* L1 mobile: pure editorial flow, seller lower in the page. */
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview{order:10!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-description{order:20!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-features{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #p3-contact{order:40!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-map{order:50!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column .ct5-detail-sidebar{order:60!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-gallery-shell,
    html body.ct5-listing-detail-page.ct5-listing-layout-single-column #ct5-overview .ct5-main-photo{aspect-ratio:16/10!important;}

    /* L2 mobile: visual hero first, seller immediately follows. */
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview{order:10!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split .ct5-detail-sidebar{order:20!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-description{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-features{order:40!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #p3-contact{order:50!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-map{order:60!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-gallery-shell,
    html body.ct5-listing-detail-page.ct5-listing-layout-hero-split #ct5-overview .ct5-main-photo{aspect-ratio:16/10!important;}

    /* L3 mobile: title/price/actions BEFORE image. */
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview{order:10!important;display:flex!important;flex-direction:column!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-title-block{order:1!important;padding:16px 14px 14px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-gallery-shell{order:2!important;margin:0!important;width:100%!important;aspect-ratio:4/3!important;border-radius:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-main-photo{aspect-ratio:4/3!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-overview .ct5-thumb-row{order:3!important;padding:8px 12px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first .ct5-detail-sidebar{order:20!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-features{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-description{order:40!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #p3-contact{order:50!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-info-first #ct5-map{order:60!important;}

    /* L4 mobile: scan-friendly modular sequence. */
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview{order:10!important;display:flex!important;flex-direction:column!important;padding:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-gallery-shell{order:1!important;margin:0!important;width:100%!important;aspect-ratio:4/3!important;border-radius:0!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-main-photo{aspect-ratio:4/3!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-thumb-row{order:2!important;padding:8px 12px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-overview .ct5-title-block{order:3!important;padding:14px!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-features{order:20!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-description{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid .ct5-detail-sidebar{order:40!important;display:block!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #p3-contact{order:50!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-modular-grid #ct5-map{order:60!important;}

    /* L5 mobile: seller/contact immediately after listing overview. */
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #ct5-overview{order:10!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky .ct5-detail-sidebar{order:20!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #p3-contact-sidebar{border-top:3px solid #2563eb!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #ct5-description{order:30!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #ct5-features{order:40!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #p3-contact{order:50!important;}
    html body.ct5-listing-detail-page.ct5-listing-layout-seller-sticky #ct5-map{order:60!important;}
}

@media (max-width:575.98px){
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] #ct5-overview .ct5-title-block h1{
        font-size:21px!important;
        line-height:1.32!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] #ct5-overview .ct5-human-badges{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }
    html body.ct5-listing-detail-page:not(.ct5-listing-layout-default)[class*="ct5-listing-layout-"] #ct5-overview .ct5-human-badges span{
        min-width:0!important;
        padding:8px 7px!important;
        line-height:1.25!important;
    }
}

/* =============================================================
   LISTING DETAIL UX V4 — shared Default + 5 layouts
   - Top/bottom detail banners: 165px on PC.
   - Mobile keeps the existing responsive banner height to avoid a tall crop.
   - Related services: Admin controls PC columns (default 6), media is 1:1.
   ============================================================= */
@media (min-width:992px){
    html body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-top,
    html body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-bottom{
        --front-banner-responsive-height:165px!important;
        height:165px!important;
        min-height:165px!important;
        max-height:165px!important;
        overflow:hidden!important;
    }
    html body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-top :is(.front-banner,.front-banner-image,.front-banner-script,a,picture,img),
    html body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-bottom :is(.front-banner,.front-banner-image,.front-banner-script,a,picture,img){
        height:165px!important;
        min-height:165px!important;
        max-height:165px!important;
        width:100%!important;
        max-width:100%!important;
        object-fit:cover!important;
        object-position:center center!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
    }
    html body.ct5-listing-detail-page .ct5-listing-page #ct5-related-services .ct5-related-grid--compact{
        grid-template-columns:repeat(var(--ct5-related-pc-columns,6),minmax(0,1fr))!important;
        gap:12px!important;
    }
}

html body.ct5-listing-detail-page .ct5-listing-page #ct5-related-services .ct5-related-card__media{
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
}
html body.ct5-listing-detail-page .ct5-listing-page #ct5-related-services .ct5-related-card__media img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1 / 1!important;
    object-fit:cover!important;
    object-position:center center!important;
}

@media (max-width:991.98px){
    html body.ct5-listing-detail-page .ct5-listing-page #ct5-related-services .ct5-related-grid--compact{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }
}