/* ALO V24: Listing Detail Layout & Conversion Upgrade
   Patch-only: keeps legacy ct5/datxe classes compatible while improving listing detail conversion. */

body.ct5-listing-detail-page .ct5-listing-page{
    background:linear-gradient(180deg,#f8fafc 0%,#f3f6fb 46%,#f8fafc 100%)!important;
}

body.ct5-listing-detail-page .ct5-detail-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:22px!important;
    align-items:start!important;
}

body.ct5-listing-detail-page .ct5-detail-main{min-width:0!important;}
body.ct5-listing-detail-page .ct5-detail-sidebar{min-width:0!important;}
body.ct5-listing-detail-page .ct5-sticky-side{position:sticky!important;top:92px!important;display:grid!important;gap:16px!important;}

body.ct5-listing-detail-page .ct5-panel,
body.ct5-listing-detail-page .ct5-seller-card,
body.ct5-listing-detail-page .ct5-shop-card,
body.ct5-listing-detail-page .ct5-ad-card{
    border-radius:22px!important;
    border:1px solid rgba(226,232,240,.96)!important;
    box-shadow:0 16px 42px rgba(15,23,42,.075)!important;
}

body.ct5-listing-detail-page .ct5-hero-card{
    overflow:hidden!important;
    background:#fff!important;
}

body.ct5-listing-detail-page .ct5-gallery-shell{
    border-radius:18px!important;
    border:1px solid #e2e8f0!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important;
}

body.ct5-listing-detail-page .ct5-title-block{
    padding:18px 2px 2px!important;
}

body.ct5-listing-detail-page .ct5-title-block h1{
    color:#0f172a!important;
    letter-spacing:-.02em!important;
}

body.ct5-listing-detail-page .ct5-price-row strong{
    display:inline-flex!important;
    align-items:center!important;
    min-height:36px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    background:#fff7ed!important;
    color:#c2410c!important;
    border:1px solid #fed7aa!important;
}

body.ct5-listing-detail-page .ct5-human-badges span{
    background:#fff!important;
    border-color:#e2e8f0!important;
    box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}

body.ct5-listing-detail-page .ct5-human-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:16px!important;
}

body.ct5-listing-detail-page .ct5-human-actions a{
    min-height:48px!important;
    border-radius:14px!important;
    box-shadow:0 12px 24px rgba(15,23,42,.09)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
    white-space:nowrap!important;
}

body.ct5-listing-detail-page .ct5-human-actions a:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 18px 32px rgba(15,23,42,.14)!important;
    filter:saturate(1.04)!important;
}

body.ct5-listing-detail-page .ct5-human-actions .ct5-human-shop{
    background:#0f172a!important;
    border-color:#0f172a!important;
    color:#fff!important;
}

body.ct5-listing-detail-page .alo-v24-listing-lead-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:18px!important;
    align-items:center!important;
    background:linear-gradient(135deg,#0f766e 0%,#0891b2 52%,#0f172a 100%)!important;
    color:#fff!important;
    overflow:hidden!important;
    position:relative!important;
}

body.ct5-listing-detail-page .alo-v24-listing-lead-panel:before{
    content:"";
    position:absolute;
    inset:-90px -70px auto auto;
    width:220px;
    height:220px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    pointer-events:none;
}

body.ct5-listing-detail-page .alo-v24-lead-copy,
body.ct5-listing-detail-page .alo-v24-lead-actions{position:relative;z-index:1;}

body.ct5-listing-detail-page .alo-v24-lead-copy span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#fff;
    padding:6px 10px;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

body.ct5-listing-detail-page .alo-v24-lead-copy h2{
    margin:10px 0 6px!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.24!important;
}

body.ct5-listing-detail-page .alo-v24-lead-copy p{
    margin:0!important;
    color:rgba(255,255,255,.9)!important;
    line-height:1.65!important;
    max-width:720px!important;
}

body.ct5-listing-detail-page .alo-v24-lead-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(132px,1fr))!important;
    gap:10px!important;
    min-width:300px!important;
}

body.ct5-listing-detail-page .alo-v24-lead-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    text-decoration:none!important;
    font-weight:900!important;
    border:1px solid rgba(255,255,255,.26)!important;
    color:#fff!important;
    background:rgba(255,255,255,.13)!important;
}

body.ct5-listing-detail-page .alo-v24-lead-btn--quote{background:#f97316!important;border-color:#f97316!important;}
body.ct5-listing-detail-page .alo-v24-lead-btn--call{background:#16a34a!important;border-color:#16a34a!important;}
body.ct5-listing-detail-page .alo-v24-lead-btn--zalo{background:#0ea5e9!important;border-color:#0ea5e9!important;}
body.ct5-listing-detail-page .alo-v24-lead-btn--shop{background:#fff!important;border-color:#fff!important;color:#0f172a!important;}

body.ct5-listing-detail-page .ct5-seller-card#p3-contact,
body.ct5-listing-detail-page #p3-contact{
    scroll-margin-top:96px!important;
}

body.ct5-listing-detail-page .ct5-general-lead-card{
    margin-bottom:14px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    box-shadow:none!important;
}

body.ct5-listing-detail-page .ct5-detail-sidebar .agr-lead-form{
    border-radius:20px!important;
    box-shadow:0 18px 42px rgba(15,23,42,.12)!important;
}

body.ct5-listing-detail-page .ct5-side-actions-grid .ct5-btn,
body.ct5-listing-detail-page .ct5-btn{
    min-height:44px!important;
}

body.ct5-listing-detail-page .ct5-shop-preview img,
body.ct5-listing-detail-page .ct5-seller-cover img{
    width:100%!important;
    object-fit:cover!important;
}

body.ct5-listing-detail-page .ct5-tabs a[href="#p3-contact"]{
    background:#fff7ed!important;
    border-color:#fed7aa!important;
    color:#9a3412!important;
}

body.ct5-listing-detail-page .ct5-mobile-conversion-bar.alo-v24-mobile-cta{display:none!important;}

@media(max-width:1199.98px){
    body.ct5-listing-detail-page .ct5-detail-layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important;}
    body.ct5-listing-detail-page .ct5-human-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:991.98px){
    body.ct5-listing-detail-page .ct5-detail-layout{display:block!important;}
    body.ct5-listing-detail-page .ct5-detail-sidebar{margin-top:18px!important;}
    body.ct5-listing-detail-page .ct5-sticky-side{position:static!important;}
    body.ct5-listing-detail-page .alo-v24-listing-lead-panel{grid-template-columns:1fr!important;}
    body.ct5-listing-detail-page .alo-v24-lead-actions{min-width:0!important;}
}

@media(max-width:767.98px){
    body.ct5-listing-detail-page{padding-bottom:84px!important;}
    body.ct5-listing-detail-page .ct5-container{width:min(100% - 22px,1280px)!important;}
    body.ct5-listing-detail-page .ct5-panel,
    body.ct5-listing-detail-page .ct5-seller-card,
    body.ct5-listing-detail-page .ct5-shop-card,
    body.ct5-listing-detail-page .ct5-ad-card{border-radius:18px!important;}
    body.ct5-listing-detail-page .ct5-human-actions{grid-template-columns:1fr 1fr!important;}
    body.ct5-listing-detail-page .ct5-human-actions .ct5-human-zalo{display:inline-flex!important;order:3!important;}
    body.ct5-listing-detail-page .ct5-human-actions .ct5-human-shop{order:4!important;}
    body.ct5-listing-detail-page .ct5-human-actions .ct5-human-affiliate{grid-column:1/-1!important;}
    body.ct5-listing-detail-page .alo-v24-lead-actions{grid-template-columns:1fr 1fr!important;}
    body.ct5-listing-detail-page .alo-v24-lead-copy h2{font-size:21px!important;}
    body.ct5-listing-detail-page .ct5-mobile-conversion-bar.alo-v24-mobile-cta{
        position:fixed!important;
        left:10px!important;
        right:10px!important;
        bottom:10px!important;
        z-index:9998!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:7px!important;
        padding:8px!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.96)!important;
        border:1px solid #e2e8f0!important;
        box-shadow:0 18px 45px rgba(15,23,42,.24)!important;
        backdrop-filter:blur(12px)!important;
    }
    body.ct5-listing-detail-page .ct5-mobile-conversion-bar.alo-v24-mobile-cta a{
        min-width:0!important;
        min-height:42px!important;
        border-radius:13px!important;
        font-size:12px!important;
        padding:0 6px!important;
        white-space:nowrap!important;
    }
    body.ct5-listing-detail-page .ct5-mobile-conversion-bar.alo-v24-mobile-cta .ct5-mobile-quote{background:#f97316!important;border-color:#f97316!important;color:#fff!important;}
    body.ct5-listing-detail-page .ct5-mobile-conversion-bar.alo-v24-mobile-cta .ct5-mobile-shop{background:#0f172a!important;border-color:#0f172a!important;color:#fff!important;}
}

@media(max-width:420px){
    body.ct5-listing-detail-page .ct5-mobile-conversion-bar.alo-v24-mobile-cta{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    body.ct5-listing-detail-page{padding-bottom:132px!important;}
}