/* PATCH 06 - extracted from resources/views/pages/user/listing/show.blade.php. Static CSS only; kept for compatibility. */ body.ct5-listing-detail-page main.w11-pro-main{min-height:0!important;margin:0!important;padding:0!important;display:block!important;background:#f4f4f4!important;} /* DTX STEP6: gallery first paint must match final CSS to stop image CLS. */ body.ct5-listing-detail-page .ct5-panel.ct5-hero-card{overflow:hidden!important;} /* Ưu tiên trải nghiệm khách xem sản phẩm, dịch vụ và ưu đãi. */ body.ct5-listing-detail-page .ct5-human-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;} body.ct5-listing-detail-page .ct5-human-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;font-weight:900;font-size:14px;border:1px solid #d1d5db;background:#fff;color:#0f172a;box-shadow:0 6px 16px rgba(15,23,42,.06);} body.ct5-listing-detail-page .ct5-human-actions .ct5-human-call{background:#16a34a;border-color:#16a34a;color:#fff;} body.ct5-listing-detail-page .ct5-human-actions .ct5-human-zalo{background:#0ea5e9;border-color:#0ea5e9;color:#fff;} body.ct5-listing-detail-page .ct5-human-actions .ct5-human-quote{background:#fff7ed;border-color:#fed7aa;color:#9a3412;} body.ct5-listing-detail-page .ct5-human-actions .ct5-human-external{background:#ffcc00;border-color:#ffcc00;color:#111827;} body.ct5-listing-detail-page .ct5-human-external-note{display:flex;align-items:center;gap:7px;margin-top:10px;color:#9a3412;font-weight:800;font-size:13px;} body.ct5-listing-detail-page .ct5-human-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} body.ct5-listing-detail-page .ct5-human-badges span{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#334155;font-size:13px;font-weight:800;padding:7px 10px;} body.ct5-listing-detail-page .ct5-human-quick-card{border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff 0%,#ffffff 64%);} body.ct5-listing-detail-page .ct5-human-quick-card h2{color:#0f172a;} body.ct5-listing-detail-page .ct5-human-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-human-quick-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:13px 14px;} body.ct5-listing-detail-page .ct5-human-quick-item i{color:#2563eb;margin-top:2px;} body.ct5-listing-detail-page .ct5-human-quick-item strong{display:block;color:#0f172a;font-size:14px;line-height:1.35;margin-bottom:3px;} body.ct5-listing-detail-page .ct5-human-quick-item span{display:block;color:#64748b;font-size:13px;line-height:1.45;} body.ct5-listing-detail-page .ct5-human-note{margin:12px 0 0;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-seo-support-soft{border-style:dashed!important;background:#fff!important;} body.ct5-listing-detail-page .ct5-seo-support-soft h2{font-size:18px!important;} body.ct5-listing-detail-page .ct5-seo-support-soft p,body.ct5-listing-detail-page .ct5-seo-support-soft small{font-size:14px;} @media(max-width:767.98px){body.ct5-listing-detail-page .ct5-human-quick-grid{grid-template-columns:1fr;}body.ct5-listing-detail-page .ct5-human-actions a{flex:1 1 auto;}body.ct5-listing-detail-page .ct5-title-block h1{font-size:24px!important;line-height:1.25!important;}} body.ct5-listing-detail-page .ct5-gallery-shell{position:relative!important;display:block!important;width:100%!important;aspect-ratio:4/3!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#eef2f7!important;contain:layout paint!important;} body.ct5-listing-detail-page .ct5-main-photo{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:4/3!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#eef2f7!important;} body.ct5-listing-detail-page .ct5-main-photo img#ct5MainImage{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center center!important;} body.ct5-listing-detail-page .ct5-thumb-row{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;padding:0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;box-sizing:border-box!important;contain:layout paint!important;} body.ct5-listing-detail-page .ct5-thumb-row::-webkit-scrollbar{display:none!important;} body.ct5-listing-detail-page .ct5-thumb{flex:0 0 92px!important;width:92px!important;height:62px!important;max-width:92px!important;max-height:62px!important;display:block!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:9px!important;background-color:#f1f5f9!important;background-image:var(--ct5-thumb-bg, none)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;} body.ct5-listing-detail-page .ct5-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;} @media(max-width:991.98px){body.ct5-listing-detail-page .ct5-gallery-shell,body.ct5-listing-detail-page .ct5-main-photo{aspect-ratio:4/3!important;}body.ct5-listing-detail-page .ct5-thumb{flex-basis:86px!important;width:86px!important;height:65px!important;}} /* DEFAULT UX 2026-08-07: gallery PC compact 16:9. Mobile keeps 4:3. */ @media(min-width:992px){ body.ct5-listing-detail-page.ct5-listing-layout-default .ct5-gallery-shell, body.ct5-listing-detail-page.ct5-listing-layout-default .ct5-main-photo{ aspect-ratio:16/9!important; } } /* STEP 17: Listing là vệ tinh SEO, shop vẫn là money page chính. */ body.ct5-listing-detail-page .ct5-satellite-card{border:1px solid #c7d2fe;background:linear-gradient(135deg,#eef2ff 0%,#ffffff 66%);} body.ct5-listing-detail-page .ct5-satellite-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;} body.ct5-listing-detail-page .ct5-satellite-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid #c7d2fe;border-radius:999px;background:#fff;color:#3730a3;font-weight:900;font-size:12px;padding:7px 10px;margin-bottom:8px;} body.ct5-listing-detail-page .ct5-satellite-head h2{margin:0;color:#0f172a;line-height:1.35;} body.ct5-listing-detail-page .ct5-satellite-head p{margin:8px 0 0;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-satellite-score{min-width:104px;text-align:center;border:1px solid #dbeafe;border-radius:16px;background:#fff;padding:11px 12px;} body.ct5-listing-detail-page .ct5-satellite-score strong{display:block;color:#1d4ed8;font-size:22px;line-height:1;} body.ct5-listing-detail-page .ct5-satellite-score span{display:block;margin-top:6px;color:#64748b;font-size:12px;font-weight:800;word-break:break-word;} body.ct5-listing-detail-page .ct5-satellite-badges,.ct5-satellite-keywords,.ct5-satellite-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} body.ct5-listing-detail-page .ct5-satellite-badges span{display:inline-flex;align-items:center;gap:6px;border:1px solid #bfdbfe;border-radius:999px;background:#fff;padding:7px 10px;font-size:13px;color:#1e3a8a;font-weight:800;} body.ct5-listing-detail-page .ct5-satellite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-satellite-box{border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:13px 14px;} body.ct5-listing-detail-page .ct5-satellite-box span{display:block;font-size:12px;color:#64748b;margin-bottom:5px;} body.ct5-listing-detail-page .ct5-satellite-box strong{display:block;color:#0f172a;font-size:15px;line-height:1.35;margin-bottom:5px;} body.ct5-listing-detail-page .ct5-satellite-box small{display:block;color:#64748b;line-height:1.45;} body.ct5-listing-detail-page .ct5-satellite-shop-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;border-radius:999px;background:#2563eb;color:#fff;text-decoration:none;font-weight:900;padding:9px 12px;} body.ct5-listing-detail-page .ct5-satellite-keywords span{border:1px solid #e0e7ff;border-radius:999px;background:#fff;padding:7px 10px;font-size:13px;color:#3730a3;font-weight:800;} body.ct5-listing-detail-page .ct5-satellite-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-satellite-rules div{border:1px dashed #cbd5e1;border-radius:14px;background:#fff;padding:12px 13px;} body.ct5-listing-detail-page .ct5-satellite-rules strong{display:block;color:#0f172a;margin-bottom:5px;} body.ct5-listing-detail-page .ct5-satellite-rules p{margin:0;color:#475569;line-height:1.55;} body.ct5-listing-detail-page .ct5-satellite-siblings{margin-top:16px;border-top:1px solid #e5e7eb;padding-top:14px;} body.ct5-listing-detail-page .ct5-satellite-siblings h3{font-size:16px;margin:0 0 10px;color:#0f172a;} body.ct5-listing-detail-page .ct5-satellite-links a{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbeafe;border-radius:999px;background:#fff;color:#0f172a;text-decoration:none;font-size:13px;font-weight:800;padding:8px 12px;max-width:100%;} body.ct5-listing-detail-page .ct5-satellite-links a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;} body.ct5-listing-detail-page .ct5-satellite-faq{display:grid;gap:8px;margin-top:14px;} body.ct5-listing-detail-page .ct5-satellite-faq details{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-satellite-faq summary{cursor:pointer;color:#0f172a;font-weight:900;} body.ct5-listing-detail-page .ct5-satellite-faq p{margin:8px 0 0;color:#475569;line-height:1.6;} @media(max-width:767.98px){body.ct5-listing-detail-page .ct5-satellite-head{display:block}body.ct5-listing-detail-page .ct5-satellite-score{margin-top:12px;text-align:left}body.ct5-listing-detail-page .ct5-satellite-grid,body.ct5-listing-detail-page .ct5-satellite-rules{grid-template-columns:1fr}body.ct5-listing-detail-page .ct5-satellite-links a span{max-width:220px}} /* Khối hỏi đáp và thông tin nhanh cho khách. */ body.ct5-listing-detail-page .ct5-ai-answer-card .ct5-ai-answer-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;} body.ct5-listing-detail-page .ct5-ai-answer-card .ct5-ai-answer-list li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;line-height:1.55;color:#334155;} body.ct5-listing-detail-page .ct5-ai-answer-card .ct5-ai-answer-list i{margin-top:3px;color:#0f766e;} body.ct5-listing-detail-page .ct5-faq-list{display:grid;gap:12px;margin-top:14px;} body.ct5-listing-detail-page .ct5-faq-item{padding:14px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} body.ct5-listing-detail-page .ct5-faq-item h3{font-size:16px;line-height:1.45;margin:0 0 8px;font-weight:800;color:#0f172a;} body.ct5-listing-detail-page .ct5-faq-item p{margin:0;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-trust-card{border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:16px;margin-top:14px;} body.ct5-listing-detail-page .ct5-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;} body.ct5-listing-detail-page .ct5-trust-grid div{border:1px solid #eef2f7;border-radius:12px;padding:10px;background:#f8fafc;} body.ct5-listing-detail-page .ct5-trust-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:3px;} body.ct5-listing-detail-page .ct5-trust-grid strong{display:block;font-size:14px;color:#0f172a;line-height:1.35;} /* Khối thông tin Shop cung cấp. */ body.ct5-listing-detail-page .ct5-seller-cover{display:block;margin:0 0 12px;border-radius:14px;overflow:hidden;background:#eef2f7;border:1px solid #e5e7eb;text-decoration:none;} body.ct5-listing-detail-page .ct5-seller-cover img{display:block!important;width:100%!important;height:128px!important;object-fit:cover!important;background:#eef2f7!important;} @media(max-width:991.98px){body.ct5-listing-detail-page .ct5-seller-cover img{height:118px!important;}} body.ct5-listing-detail-page #ct5StickyTabs .ct5-mini-product img{display:block!important;opacity:1!important;visibility:visible!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;} body.ct5-listing-detail-page .ct5-shop-preview img, body.ct5-listing-detail-page .ct5-seller-cover img{display:block!important;opacity:1!important;visibility:visible!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;} body.ct5-listing-detail-page .ct5-provider-authority-card{border:1px solid #e0e7ff;background:#fbfdff;} body.ct5-listing-detail-page .ct5-provider-authority-intro{margin:8px 0 14px;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-provider-authority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-provider-authority-grid div{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-provider-authority-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-provider-authority-grid strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-provider-authority-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} body.ct5-listing-detail-page .ct5-provider-authority-tags span{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1e3a8a;font-weight:700;font-size:12px;padding:7px 10px;} body.ct5-listing-detail-page .ct5-provider-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-provider-related a{display:flex;flex-direction:column;gap:4px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:12px 14px;text-decoration:none;} body.ct5-listing-detail-page .ct5-provider-related strong{color:#0f172a;font-size:14px;line-height:1.45;} body.ct5-listing-detail-page .ct5-provider-related span{color:#64748b;font-size:12px;line-height:1.35;} @media(max-width:767.98px){body.ct5-listing-detail-page .ct5-provider-authority-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body.ct5-listing-detail-page .ct5-provider-related{grid-template-columns:1fr;}} /* PHASE 21G: Listing Conversion Support - funnel detail traffic về shop. */ body.ct5-listing-detail-page .ct5-listing-conversion-card{border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 64%);border-radius:18px;padding:16px;margin-top:14px;box-shadow:0 10px 24px rgba(22,163,74,.08)} body.ct5-listing-detail-page .ct5-listing-conversion-card h2{margin:0 0 8px;font-size:20px;line-height:1.35;color:#064e3b;font-weight:900} body.ct5-listing-detail-page .ct5-listing-conversion-card p{margin:0;color:#475569;line-height:1.65} body.ct5-listing-detail-page .ct5-listing-conversion-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} body.ct5-listing-detail-page .ct5-listing-conversion-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;border-radius:999px;text-decoration:none;font-weight:900;font-size:14px;border:1px solid #d1d5db;background:#fff;color:#0f172a} body.ct5-listing-detail-page .ct5-listing-conversion-actions a.ct5-conv-call{background:#16a34a;border-color:#16a34a;color:#fff} body.ct5-listing-detail-page .ct5-listing-conversion-actions a.ct5-conv-zalo{background:#0ea5e9;border-color:#0ea5e9;color:#fff} body.ct5-listing-detail-page .ct5-listing-conversion-actions a.ct5-conv-shop{background:#fff7ed;border-color:#fed7aa;color:#9a3412} body.ct5-listing-detail-page .ct5-listing-conversion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px} body.ct5-listing-detail-page .ct5-listing-conversion-grid div{border:1px solid #dcfce7;border-radius:12px;background:#fff;padding:11px 13px} body.ct5-listing-detail-page .ct5-listing-conversion-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px} body.ct5-listing-detail-page .ct5-listing-conversion-grid strong{display:block;font-size:14px;color:#0f172a;line-height:1.4} body.ct5-listing-detail-page .ct5-mobile-conversion-bar{display:none!important} body.ct5-listing-detail-page .ct5-mobile-conversion-bar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:999px;text-decoration:none;font-weight:900;font-size:13px;color:#0f172a;background:#f8fafc;border:1px solid #e5e7eb;white-space:nowrap} body.ct5-listing-detail-page .ct5-mobile-conversion-bar a.ct5-mobile-call{background:#16a34a;border-color:#16a34a;color:#fff} body.ct5-listing-detail-page .ct5-mobile-conversion-bar a.ct5-mobile-zalo{background:#0ea5e9;border-color:#0ea5e9;color:#fff} @media(max-width:767.98px){body.ct5-listing-detail-page{padding-bottom:72px}body.ct5-listing-detail-page .ct5-listing-conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ct5-listing-detail-page .ct5-listing-conversion-actions a{flex:1 1 130px}body.ct5-listing-detail-page .ct5-mobile-conversion-bar{display:none!important}body.ct5-listing-detail-page .ct5-human-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.ct5-listing-detail-page .ct5-human-actions a{width:100%;min-height:46px;padding:0 10px;font-size:13px}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-quote{order:1;background:#fff7ed;border-color:#fb923c;color:#9a3412}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-call{order:2}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-zalo{display:none!important}} /* Khối thông tin dịch vụ và khu vực phục vụ. */ body.ct5-listing-detail-page .ct5-entity-card .ct5-entity-definition{margin:10px 0 14px;color:#334155;line-height:1.7;font-size:15px;} body.ct5-listing-detail-page .ct5-entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} body.ct5-listing-detail-page .ct5-entity-grid div,.ct5-geo-grid div{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-entity-grid span,.ct5-geo-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-entity-grid strong,.ct5-geo-grid strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-ai-snippet-list{display:grid;gap:12px;margin-top:14px;} body.ct5-listing-detail-page .ct5-ai-snippet{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:14px 16px;} body.ct5-listing-detail-page .ct5-ai-snippet strong{display:block;color:#0f172a;margin-bottom:6px;font-size:15px;} body.ct5-listing-detail-page .ct5-ai-snippet p{margin:0;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-geo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;} body.ct5-listing-detail-page .ct5-geo-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:14px;background:#eff6ff;padding:12px 14px;color:#1e3a8a;line-height:1.6;} /* Khối điểm nổi bật và gợi ý liên quan. */ body.ct5-listing-detail-page .ct5-ai-citation-list{display:grid;gap:12px;margin-top:14px;} body.ct5-listing-detail-page .ct5-ai-citation{border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;padding:14px 16px;} body.ct5-listing-detail-page .ct5-ai-citation strong{display:block;color:#0f172a;font-size:15px;margin-bottom:6px;} body.ct5-listing-detail-page .ct5-ai-citation p{margin:0 0 8px;color:#334155;line-height:1.65;} body.ct5-listing-detail-page .ct5-ai-citation small{display:block;color:#64748b;line-height:1.45;} body.ct5-listing-detail-page .ct5-ai-citation a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:700;text-decoration:none;color:#0f766e;} body.ct5-listing-detail-page .ct5-kg-hub-card .ct5-kg-intro{margin:8px 0 14px;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-kg-groups{display:grid;gap:14px;} body.ct5-listing-detail-page .ct5-kg-group{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:14px;} body.ct5-listing-detail-page .ct5-kg-group h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:#0f172a;} body.ct5-listing-detail-page .ct5-kg-items{display:flex;flex-wrap:wrap;gap:8px;} body.ct5-listing-detail-page .ct5-kg-item{display:inline-flex;flex-direction:column;gap:2px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;padding:8px 12px;text-decoration:none;max-width:100%;} body.ct5-listing-detail-page .ct5-kg-item strong{font-size:13px;color:#0f172a;line-height:1.3;} body.ct5-listing-detail-page .ct5-kg-item span{font-size:11px;color:#64748b;line-height:1.3;} /* Khối kiểm tra độ đầy đủ nội dung. */ body.ct5-listing-detail-page .ct5-quality-card{border:1px solid #dcfce7;background:#f8fff9;} body.ct5-listing-detail-page .ct5-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-quality-grid div{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-quality-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-quality-grid strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-quality-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} body.ct5-listing-detail-page .ct5-quality-tags span{display:inline-flex;align-items:center;gap:6px;border:1px solid #bbf7d0;border-radius:999px;background:#fff;padding:7px 10px;font-size:13px;color:#166534;font-weight:700;} body.ct5-listing-detail-page .ct5-quality-note{margin:12px 0 0;color:#475569;line-height:1.6;} /* Khối đánh giá và thông tin tin cậy. */ body.ct5-listing-detail-page .ct5-trust-signal-card{border:1px solid #dbeafe;background:#f8fbff;} body.ct5-listing-detail-page .ct5-trust-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;} body.ct5-listing-detail-page .ct5-trust-signal-grid div{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-trust-signal-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-trust-signal-grid strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-trust-signal-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} body.ct5-listing-detail-page .ct5-trust-signal-list span{display:inline-flex;align-items:center;gap:6px;border:1px solid #bfdbfe;border-radius:999px;background:#fff;padding:7px 10px;font-size:13px;color:#1d4ed8;font-weight:700;} body.ct5-listing-detail-page .ct5-trust-signal-note{margin:12px 0 0;color:#475569;line-height:1.6;} body.ct5-listing-detail-page .ct5-ili-card{border:1px solid #e0e7ff;background:#fbfdff;} body.ct5-listing-detail-page .ct5-ili-intro{margin:8px 0 14px;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-ili-graph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px;} body.ct5-listing-detail-page .ct5-ili-graph div{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-ili-graph span{display:block;font-size:12px;color:#64748b;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-ili-graph strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-ili-groups{display:grid;gap:14px;} body.ct5-listing-detail-page .ct5-ili-group{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:14px;} body.ct5-listing-detail-page .ct5-ili-group h3{font-size:16px;line-height:1.4;margin:0 0 6px;color:#0f172a;} body.ct5-listing-detail-page .ct5-ili-group p{margin:0 0 10px;color:#64748b;line-height:1.55;font-size:14px;} body.ct5-listing-detail-page .ct5-ili-links{display:flex;flex-wrap:wrap;gap:8px;} body.ct5-listing-detail-page .ct5-ili-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbeafe;border-radius:999px;background:#f8fafc;padding:8px 12px;text-decoration:none;color:#0f172a;font-weight:700;font-size:13px;line-height:1.25;} body.ct5-listing-detail-page .ct5-ili-link small{color:#64748b;font-weight:600;} /* Khối nhu cầu phù hợp. */ body.ct5-listing-detail-page .ct5-intent-card{border:1px solid #fed7aa;background:#fffaf5;} body.ct5-listing-detail-page .ct5-intent-head{margin:8px 0 14px;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-intent-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px;} body.ct5-listing-detail-page .ct5-intent-meta div{border:1px solid #ffedd5;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-intent-meta span{display:block;font-size:12px;color:#9a3412;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-intent-meta strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-intent-blocks{display:grid;gap:12px;} body.ct5-listing-detail-page .ct5-intent-block{border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:14px 16px;} body.ct5-listing-detail-page .ct5-intent-block h3{font-size:16px;line-height:1.4;margin:0 0 7px;color:#0f172a;} body.ct5-listing-detail-page .ct5-intent-block p{margin:0;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-intent-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;} body.ct5-listing-detail-page .ct5-intent-tags span{display:inline-flex;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;padding:7px 10px;font-size:13px;color:#9a3412;font-weight:700;} /* PHASE 14: Khu vực phục vụ nổi bật cho trang detail. */ body.ct5-listing-detail-page .ct5-local-card{border:1px solid #bbf7d0;background:#f7fff9;} body.ct5-listing-detail-page .ct5-local-head{margin:8px 0 14px;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-local-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px;} body.ct5-listing-detail-page .ct5-local-meta div{border:1px solid #dcfce7;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-local-meta span{display:block;font-size:12px;color:#15803d;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-local-meta strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-local-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} /* PATCH: khối "Khu vực phục vụ và điểm nổi bật" hiển thị đúng dạng 2x2. Thứ tự card: Khu vực | Tuyến, Điểm nổi bật | Dịch vụ khác cùng Shop. */ body.ct5-listing-detail-page #ct5-service-related .ct5-local-groups--service-related{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; } body.ct5-listing-detail-page #ct5-service-related .ct5-local-groups--service-related > .ct5-local-group{ width:100%; min-width:0; height:auto; align-self:start; } @media(max-width:767.98px){ body.ct5-listing-detail-page #ct5-service-related .ct5-local-groups--service-related{grid-template-columns:1fr;} } body.ct5-listing-detail-page .ct5-local-group{border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:14px 16px;} body.ct5-listing-detail-page .ct5-local-group h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:#0f172a;} body.ct5-listing-detail-page .ct5-local-tags{display:flex;flex-wrap:wrap;gap:8px;} body.ct5-listing-detail-page .ct5-local-tags span{display:inline-flex;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;padding:7px 10px;font-size:13px;color:#166534;font-weight:700;} body.ct5-listing-detail-page .ct5-local-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;} body.ct5-listing-detail-page .ct5-local-list li{border:1px solid #dcfce7;border-radius:12px;background:#f8fff9;padding:10px 12px;} body.ct5-listing-detail-page .ct5-local-list strong{display:block;color:#0f172a;font-size:14px;line-height:1.35;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-local-list small{display:block;color:#64748b;line-height:1.45;} /* PHASE 16: Tuyến xe khách thường quan tâm cho trang detail. */ body.ct5-listing-detail-page .ct5-route-card{border:1px solid #bfdbfe;background:#f8fbff;} body.ct5-listing-detail-page .ct5-route-head{margin:8px 0 14px;color:#475569;line-height:1.65;} body.ct5-listing-detail-page .ct5-route-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px;} body.ct5-listing-detail-page .ct5-route-meta div{border:1px solid #dbeafe;border-radius:12px;background:#fff;padding:11px 13px;} body.ct5-listing-detail-page .ct5-route-meta span{display:block;font-size:12px;color:#1d4ed8;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-route-meta strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;} body.ct5-listing-detail-page .ct5-route-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} body.ct5-listing-detail-page .ct5-route-group{border:1px solid #e5e7eb;border-radius:15px;background:#fff;padding:14px 16px;} body.ct5-listing-detail-page .ct5-route-group h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:#0f172a;} body.ct5-listing-detail-page .ct5-route-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;} body.ct5-listing-detail-page .ct5-route-list li{border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;padding:10px 12px;} body.ct5-listing-detail-page .ct5-route-list strong{display:block;color:#0f172a;font-size:14px;line-height:1.35;margin-bottom:4px;} body.ct5-listing-detail-page .ct5-route-list small{display:block;color:#64748b;line-height:1.45;} body.ct5-listing-detail-page .ct5-route-tags{display:flex;flex-wrap:wrap;gap:8px;} body.ct5-listing-detail-page .ct5-route-tags span{display:inline-flex;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;padding:7px 10px;font-size:13px;color:#1d4ed8;font-weight:700;} @media(max-width:767.98px){body.ct5-listing-detail-page .ct5-human-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-quote,body.ct5-listing-detail-page .ct5-human-actions .ct5-human-call{display:inline-flex!important;opacity:1!important;visibility:visible!important;}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-quote{order:1!important;}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-call{order:2!important;}body.ct5-listing-detail-page .ct5-human-actions .ct5-human-zalo{display:none!important;}} @media(max-width:575.98px){body.ct5-listing-detail-page .ct5-entity-grid,body.ct5-listing-detail-page .ct5-geo-grid,body.ct5-listing-detail-page .ct5-quality-grid,body.ct5-listing-detail-page .ct5-trust-signal-grid,body.ct5-listing-detail-page .ct5-ili-graph,body.ct5-listing-detail-page .ct5-intent-meta,body.ct5-listing-detail-page .ct5-local-meta,body.ct5-listing-detail-page .ct5-local-groups,body.ct5-listing-detail-page .ct5-route-meta,body.ct5-listing-detail-page .ct5-route-groups{grid-template-columns:1fr;}} /* PHASE 12 CWV SAFE: reserve space cho media phụ để giảm CLS, không dùng content-visibility. */ body.ct5-listing-detail-page .ct5-map-embed{position:relative!important;width:100%!important;aspect-ratio:16/9!important;min-height:260px!important;overflow:hidden!important;border-radius:16px!important;background:#eef2f7!important;} body.ct5-listing-detail-page .ct5-map-embed iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;} body.ct5-listing-detail-page .ct5-video-row img,body.ct5-listing-detail-page .ct5-shop-card img,body.ct5-listing-detail-page .ct5-lg-thumb img{height:auto;max-width:100%;} body.ct5-listing-detail-page .ct5-video-item img{aspect-ratio:16/9;object-fit:cover;background:#eef2f7;} body.ct5-listing-detail-page .ct5-shop-cover img{aspect-ratio:16/9;object-fit:cover;background:#eef2f7;} @media (min-width:992px){ body.ct5-listing-detail-page .ct5-page.ct5-listing-page{padding:10px 0 0!important;margin:0!important;min-height:0!important;background:#f4f4f4!important;} body.ct5-listing-detail-page .ct5-listing-page .ct5-container{width:min(1280px,calc(100% - 32px))!important;max-width:1280px!important;margin:0 auto!important;padding:0!important;min-height:0!important;} body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-layout{display:grid!important;grid-template-columns:minmax(0,860px) 400px!important;gap:20px!important;align-items:start!important;justify-content:flex-start!important;min-height:0!important;margin:0!important;} body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-main{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;} body.ct5-listing-detail-page .ct5-listing-page .ct5-detail-banner-bottom{display:block!important;margin:12px auto 0!important;padding:0!important;max-width:100%!important;width:100%!important;clear:both!important;} body.ct5-listing-detail-page .dtf-premium-footer{margin-top:0!important;} body.ct5-listing-detail-page .dtf-premium-footer .dtf-premium-container{margin-top:0!important;} } /* PHASE 26.13: sidebar contact buttons đúng thứ tự cho khách tìm giá rẻ */ body.ct5-listing-detail-page .ct5-side-actions-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;} body.ct5-listing-detail-page .ct5-side-actions-grid .ct5-social-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;} body.ct5-listing-detail-page .ct5-side-actions-grid .ct5-btn{width:100%!important;min-height:48px!important;border-radius:12px!important;font-weight:900!important;} body.ct5-listing-detail-page .ct5-btn-call-green{background:#22c55e!important;color:#fff!important;border:1px solid #16a34a!important;} body.ct5-listing-detail-page .ct5-btn-call-green:hover{background:#16a34a!important;color:#fff!important;} body.ct5-listing-detail-page .ct5-btn-facebook{background:#1877f2!important;color:#fff!important;border:1px solid #1877f2!important;} body.ct5-listing-detail-page .ct5-btn-facebook:hover{filter:brightness(.96);color:#fff!important;} @media(max-width:575.98px){body.ct5-listing-detail-page .ct5-side-actions-grid .ct5-btn{min-height:46px!important;font-size:15px!important;}} /* ADMIN INLINE EDIT: listing detail, same logic as /shop/ */ body.ct5-listing-detail-page .ct5-inline-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid #fde68a;border-radius:16px;background:#fffbeb;box-shadow:0 10px 24px rgba(245,158,11,.08)} body.ct5-listing-detail-page .ct5-inline-admin-toolbar strong{display:block;color:#92400e;font-size:14px;line-height:1.35}body.ct5-listing-detail-page .ct5-inline-admin-toolbar span{display:block;color:#78350f;font-size:12px;margin-top:2px} body.ct5-listing-detail-page .ct5-inline-admin-toolbar a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:900;font-size:13px;border:1px solid #f59e0b;background:#fff;color:#92400e;white-space:nowrap}body.ct5-listing-detail-page .ct5-inline-admin-toolbar a.is-active{background:#92400e;color:#fff;border-color:#92400e} body.ct5-listing-detail-page .ct5-admin-edit-inplace{margin-top:14px;border:1px dashed #f59e0b;border-radius:16px;background:#fffaf0;padding:0;overflow:hidden}body.ct5-listing-detail-page .ct5-admin-edit-inplace summary{cursor:pointer;padding:11px 13px;font-weight:900;color:#92400e;list-style:none}body.ct5-listing-detail-page .ct5-admin-edit-inplace summary::-webkit-details-marker{display:none} body.ct5-listing-detail-page .ct5-admin-edit-inplace form{display:grid;gap:10px;padding:0 13px 13px}body.ct5-listing-detail-page .ct5-admin-edit-inplace input,body.ct5-listing-detail-page .ct5-admin-edit-inplace textarea{width:100%;border:1px solid #fcd34d;border-radius:12px;background:#fff;padding:10px 12px;font-size:14px;line-height:1.5;box-sizing:border-box}body.ct5-listing-detail-page .ct5-admin-edit-inplace textarea{min-height:120px;resize:vertical}body.ct5-listing-detail-page .ct5-admin-edit-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}body.ct5-listing-detail-page .ct5-admin-edit-actions button{border:0;border-radius:999px;background:#f97316;color:#fff;font-weight:900;padding:10px 16px;cursor:pointer}body.ct5-listing-detail-page .ct5-admin-edit-actions span{color:#92400e;font-size:12px;font-weight:700}.ct5-inline-admin-badge{display:inline-flex;margin-left:6px;border-radius:999px;background:#fef3c7;color:#92400e;padding:2px 7px;font-size:11px;font-weight:900} body.ct5-listing-detail-page .ct5-listing-edit-alert{margin:0 0 12px;padding:11px 13px;border-radius:14px;font-weight:800}.ct5-listing-edit-success{background:#dcfce7;color:#166534}.ct5-listing-edit-error{background:#fee2e2;color:#991b1b} @media(max-width:767px){body.ct5-listing-detail-page .ct5-inline-admin-toolbar{align-items:flex-start;flex-direction:column}body.ct5-listing-detail-page .ct5-inline-admin-toolbar a{width:100%}} /* Patch: inline content edit sát nội dung đang hiển thị */ .ct5-live-inline-edit{outline:2px dashed rgba(249,115,22,.65);outline-offset:3px;border-radius:8px;cursor:text;transition:box-shadow .15s ease, background .15s ease;} .ct5-live-inline-edit:hover,.ct5-live-inline-edit:focus{background:#fff7ed;box-shadow:0 0 0 5px rgba(249,115,22,.12);} .ct5-live-inline-edit.is-saving{opacity:.75;} .ct5-live-inline-edit.is-saved{outline-color:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.12);} .ct5-live-inline-hint{display:inline-flex;align-items:center;gap:5px;margin-left:6px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:3px 7px;font-size:11px;font-weight:900;vertical-align:middle;} .ct5-inline-edit-toast{position:fixed;right:18px;bottom:18px;z-index:999999;background:#0f172a;color:#fff;border-radius:14px;padding:10px 14px;font-weight:900;box-shadow:0 16px 40px rgba(15,23,42,.25);display:none;} .ct5-inline-edit-toast.is-show{display:block;} /* ALO ADMIN LISTING PREVIEW V1 */ body.ct5-listing-detail-page .ct5-admin-preview-bar{position:relative;z-index:40;width:calc(100% - 32px);max-width:1280px;margin:12px auto 0;padding:14px 16px;border:1px solid #c2410c;border-radius:14px;background:linear-gradient(135deg,#f97316 0%,#ea580c 58%,#c2410c 100%);box-shadow:0 10px 26px rgba(194,65,12,.22);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff} body.ct5-listing-detail-page .ct5-admin-preview-copy{display:flex;align-items:flex-start;gap:11px;min-width:0;flex:1 1 auto} body.ct5-listing-detail-page .ct5-admin-preview-icon{display:inline-flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.52);border-radius:12px;background:rgba(124,45,18,.34);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} body.ct5-listing-detail-page .ct5-admin-preview-icon svg{display:block;width:23px;height:23px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round} body.ct5-listing-detail-page .ct5-admin-preview-copy strong{display:block;color:#fff;font-size:14px;line-height:1.4;font-weight:900} body.ct5-listing-detail-page .ct5-admin-preview-text>span{display:block;margin-top:4px;color:#ffedd5;font-size:12.5px;line-height:1.45} body.ct5-listing-detail-page .ct5-admin-preview-copy b{color:#fff} body.ct5-listing-detail-page .ct5-admin-preview-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end} body.ct5-listing-detail-page .ct5-admin-preview-actions form{margin:0} body.ct5-listing-detail-page .ct5-admin-preview-actions a,body.ct5-listing-detail-page .ct5-admin-preview-actions button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#fff;color:#9a3412;padding:0 14px;text-decoration:none;font-size:12.5px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 3px 10px rgba(124,45,18,.12)} body.ct5-listing-detail-page .ct5-admin-preview-actions .is-approve{border-color:#15803d;background:#16a34a;color:#fff} body.ct5-listing-detail-page .ct5-admin-preview-actions .is-reject{border-color:#fff;background:rgba(255,255,255,.96);color:#b91c1c} @media(max-width:767.98px){body.ct5-listing-detail-page .ct5-admin-preview-bar{width:calc(100% - 20px);margin:8px 10px 0;align-items:stretch;flex-direction:column;padding:12px}body.ct5-listing-detail-page .ct5-admin-preview-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}body.ct5-listing-detail-page .ct5-admin-preview-actions a:first-child{grid-column:1/-1}body.ct5-listing-detail-page .ct5-admin-preview-actions a,body.ct5-listing-detail-page .ct5-admin-preview-actions button{width:100%}} /* LISTING CORE CLEANUP V3: khu vực được gộp vào card bản đồ, không dựng thêm card SEO riêng. */ body.ct5-listing-detail-page .ct5-map-compact-summary{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7} body.ct5-listing-detail-page .ct5-map-compact-summary>div>strong{display:block;margin-bottom:8px;color:#0f172a;font-size:14px} body.ct5-listing-detail-page .ct5-map-compact-tags{display:flex;flex-wrap:wrap;gap:7px} body.ct5-listing-detail-page .ct5-map-compact-tags span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#334155;font-size:12.5px;font-weight:800} body.ct5-listing-detail-page .ct5-seller-shop-primary-link{width:100%;margin:2px 0 12px;border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important} @media (min-width: 992px){ body.ct5-listing-detail-page #ct5StickyTabs .ct5-scrollbar-inner{ width:min(1280px,calc(100% - 32px))!important; max-width:1280px!important; margin-left:auto!important; margin-right:auto!important; } }