/* z-02-detail: halaman detail listing baru (preview admin) */
.ppd-top{padding-top:20px}
.ppd-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#5B6675;margin-bottom:16px}
.ppd-crumb a{color:#244D6B!important;text-decoration:none!important;font-weight:600}
.ppd-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:220px 220px;gap:10px}
.ppd-ph{position:relative;padding:0;border:0;border-radius:12px;overflow:hidden;background:#D9E2EA;cursor:zoom-in}
.ppd-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ppd-ph-0{grid-column:span 2;grid-row:span 2;border-radius:16px}
.ppd-gallery-few{grid-template-rows:440px}
.ppd-gallery-few .ppd-ph{grid-row:auto}
.ppd-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(16,39,58,.72);color:#FFFFFF;font-weight:800;font-size:16px}
.ppd-main{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;padding-top:28px;padding-bottom:16px}
.ppd-left{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
.ppd-right{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}
.ppd-head{display:flex;flex-direction:column;gap:10px}
.ppd-tags{display:flex;flex-wrap:wrap;gap:8px}
.ppd-tag{padding:5px 10px;border-radius:6px;background:#EAF0F5;color:#244D6B;font-size:13px;font-weight:800}
.ppd-tag-solid{background:#244D6B;color:#FFFFFF}
.ppd h1{margin:0;font-size:32px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#18212B!important}
.ppd-addr{display:flex;gap:6px;align-items:center;font-size:15px;color:#5B6675}
.ppd-price{font-size:34px;font-weight:800;color:#244D6B}
.ppd-specs{background:#FFFFFF;border:1px solid #E3E7EC;border-radius:16px;padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.ppd-specs div{display:flex;flex-direction:column;gap:4px}
.ppd-specs span{font-size:13px;font-weight:700;color:#5B6675}
.ppd-specs b{font-size:19px;font-weight:800;color:#18212B}
.ppd-sec{display:flex;flex-direction:column;gap:12px}
.ppd-sec h2{margin:0;font-size:22px;font-weight:800;color:#18212B!important}
.ppd-content{font-size:16px;line-height:1.75;color:#3A4654}
.ppd-content p{margin:0 0 12px}
.ppd-feats{display:flex;flex-wrap:wrap;gap:8px}
.ppd-feats span{padding:8px 12px;border-radius:8px;background:#FFFFFF;border:1px solid #E3E7EC;font-size:14px;font-weight:700}
.ppd-map{width:100%;height:300px;border:0;border-radius:16px;background:#DCE6DD}
.ppd-kpr{background:#FFFFFF;border:1px solid #E3E7EC;border-radius:16px;padding:22px}
.ppd-kpr-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.ppd-kpr-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#5B6675;margin:0}
.ppd-kpr-fields input{height:46px!important;border-radius:10px!important;border:1.5px solid #D3DAE2!important;padding:0 12px!important;font:600 15px 'Plus Jakarta Sans',sans-serif!important;width:100%}
.ppd-kpr-out{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px;border-radius:12px;background:#EAF0F5}
.ppd-kpr-out span{font-size:14px;color:#3A4654}
.ppd-kpr-out b{font-size:22px;font-weight:800;color:#244D6B}
.ppd-kpr small{font-size:12px;color:#5B6675}
.ppd-agent{background:#FFFFFF;border:1px solid #E3E7EC;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px rgba(16,39,58,.08)}
.ppd-agent-top{display:flex;gap:14px;align-items:center}
.ppd-agent-top img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.ppd-agent-top div{display:flex;flex-direction:column;gap:2px}
.ppd-agent-top span{font-size:13px;color:#5B6675}
.ppd-agent-top a{font-size:18px;font-weight:800;color:#18212B!important;text-decoration:none!important}
.ppd-wa{background:#1E7E45;color:#FFFFFF!important;width:100%}
.ppd-wa:hover{background:#17663A}
.ppd-line{border:1.5px solid #244D6B;color:#244D6B!important;background:#FFFFFF;width:100%}
.ppd-agent small{font-size:13px;line-height:1.5;color:#5B6675}
.ppd-share{background:#FFFFFF;border:1px solid #E3E7EC;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.ppd-share span{font-size:15px;font-weight:800}
.ppd-share div{display:flex;gap:8px}
.ppd-share button,.ppd-share a{flex:1;display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;border:1.5px solid #D3DAE2;background:#FFFFFF;font:700 14px 'Plus Jakarta Sans',sans-serif;color:#3A4654!important;text-decoration:none!important;cursor:pointer}
.ppd-similar{padding-bottom:64px}
.ppd-bar{display:none}
.ppd-lb{position:fixed;inset:0;z-index:100000;background:rgba(8,18,28,.94);display:flex;align-items:center;justify-content:center}
.ppd-lb[hidden]{display:none}
.ppd-lb img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:8px}
.ppd-lb button{position:absolute;background:rgba(255,255,255,.12);color:#FFFFFF;border:0;width:52px;height:52px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}
.ppd-lb-close{top:16px;right:16px}
.ppd-lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.ppd-lb-next{right:16px;top:50%;transform:translateY(-50%)}
.ppd-lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#FFFFFF;font-weight:700;font-size:14px}
@media (max-width:767px){
.ppd-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:240px 110px;gap:6px}
.ppd-ph-0{grid-column:span 2;grid-row:span 1}
.ppd-ph-3,.ppd-ph-4{display:none}
.ppd-ph-2 .ppd-more{display:flex}
.ppd-gallery-few{grid-template-rows:240px}
.ppd h1{font-size:23px}
.ppd-price{font-size:26px}
.ppd-specs{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px}
.ppd-specs b{font-size:16px}
.ppd-right{position:static}
.ppd-map{height:220px}
.ppd-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#FFFFFF;border-top:1px solid #E3E7EC;padding:10px 16px}
.ppd-bar a{display:flex;align-items:center;justify-content:center;height:48px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none!important}
.ppd-bar-tel{border:1.5px solid #244D6B;color:#244D6B!important}
.ppd-bar-wa{background:#1E7E45;color:#FFFFFF!important}
.ppd{padding-bottom:70px}
body.pp-redesign.single-property #ht-ctc-chat,body.pp-redesign.single-property .ht-ctc,body.pp-redesign.single-property .pp-preview-badge{display:none!important}
}