.live-builder-note{display:flex;gap:12px;align-items:center;margin:-10px 0 24px;padding:15px 18px;border-radius:12px;background:#dff1e5;color:#164f36}.live-builder-note span{color:#315d4d}
.real-upload-box{display:grid;place-items:center;text-align:center;min-height:230px;border:2px dashed #b9c9bf;border-radius:14px;background:#f8faf7;cursor:pointer;padding:30px}.real-upload-box input{position:absolute;opacity:0;pointer-events:none}.real-upload-box span{font-size:42px}.real-upload-box strong{font-size:20px;margin:10px 0 5px}.real-upload-box small{color:var(--muted)}
.photo-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.photo-preview-card{position:relative;border-radius:12px;overflow:hidden;background:#eee}.photo-preview-card img{width:100%;height:150px;object-fit:cover;display:block}.photo-preview-card span{position:absolute;left:8px;bottom:8px;padding:6px 8px;border-radius:999px;background:rgba(15,75,56,.9);color:#fff;font-size:11px;font-weight:800}.photo-preview-card button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:22px}
.publish-checklist{display:grid;gap:12px;margin:20px 0}.publish-checklist>div{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:10px}.publish-checklist>div>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#dff1e5;color:#17663c;font-weight:900}.publish-checklist p{margin:0}.publish-confirm{margin:18px 0}.publish-progress{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px;background:var(--cream);border-radius:10px}.publish-progress span{display:block;color:var(--muted);font-size:12px}.publish-spinner{width:32px;height:32px;border:4px solid #dacfc0;border-top-color:var(--forest);border-radius:50%;animation:p9spin .8s linear infinite}@keyframes p9spin{to{transform:rotate(360deg)}}.publish-message{font-weight:850;color:var(--forest)}.publish-step-controls #next-step{display:none}
.live-results-section{background:#f7f3ea;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.live-listing-grid{margin-top:18px}.live-loading{display:flex;align-items:center;gap:10px;padding:24px;color:var(--muted)}.live-loading span{width:24px;height:24px;border:3px solid #ddd;border-top-color:var(--forest);border-radius:50%;animation:p9spin .8s linear infinite}.live-badge{background:var(--forest)!important}.real-listing-photo{background-position:center;background-size:cover}.real-listing-card .view-button{display:inline-flex;text-decoration:none}
.real-detail-shell{padding:32px 5% 70px;background:#f8f5ee}.real-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:230px 230px;gap:10px;max-width:1200px;margin:0 auto 28px}.gallery-photo{border-radius:14px;background-size:cover;background-position:center;background-color:#e7e2d8}.gallery-main{grid-row:1/3}.fallback-photo{background-image:url("hero.jpg")}.fallback-photo-two{background-image:url("story-2.jpg")}.fallback-photo-three{background-image:url("story-3.jpg")}
.real-detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.55fr);gap:24px;max-width:1200px;margin:0 auto;align-items:start}.real-detail-main{display:grid;gap:18px}.detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.detail-title-row h1{font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:clamp(42px,5vw,62px);margin:8px 0}.detail-title-row p{color:var(--muted);font-size:17px}.live-pad-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#dff1e5;color:#17663c;font-size:11px;font-weight:900;letter-spacing:.08em}.detail-heart{border:1px solid var(--line);background:#fff;border-radius:50%;width:46px;height:46px;font-size:25px}.detail-block,.real-booking-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 8px 24px rgba(14,62,45,.05)}.detail-block h2{font-family:Georgia,"Times New Roman",serif;margin-top:0}.detail-block>p{line-height:1.7;color:#34443d}.detail-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-facts>div{padding:16px;border:1px solid var(--line);border-radius:10px}.detail-facts>div>span{font-size:25px}.detail-facts strong,.detail-facts p{display:block;margin:6px 0 0}.detail-facts p{color:var(--muted)}.real-amenities{display:flex;flex-wrap:wrap;gap:10px}.real-amenities span{padding:10px 12px;border-radius:999px;background:var(--cream);font-weight:750}.host-detail-block{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.host-detail-block small{color:var(--orange);font-weight:900;letter-spacing:.08em}.host-detail-block h2{margin:4px 0}.host-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font-size:25px;font-weight:900}.safety-block{border-left:5px solid var(--orange)}.real-booking-card{position:sticky;top:105px}.real-price{display:flex;align-items:baseline;gap:6px}.real-price strong{font-family:Georgia,"Times New Roman",serif;font-size:44px;color:var(--forest)}.real-booking-card>p,.real-booking-card>small{color:var(--muted);line-height:1.5}.full-button{width:100%;text-align:center}.booking-mini-summary{display:grid;gap:10px;margin:20px 0;padding-top:15px;border-top:1px solid var(--line)}.booking-mini-summary div{display:flex;justify-content:space-between;gap:14px}.listing-not-found{text-align:center;padding:90px 5%;min-height:60vh}.listing-not-found>span{font-size:60px}.listing-not-found h1{font-family:Georgia,"Times New Roman",serif;font-size:50px;color:var(--forest)}
@media(max-width:900px){.real-detail-layout{grid-template-columns:1fr}.real-booking-card{position:relative;top:auto}.photo-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.live-builder-note{align-items:flex-start;flex-direction:column}.photo-preview-grid{grid-template-columns:1fr}.real-gallery{grid-template-columns:1fr;grid-template-rows:300px}.gallery-main{grid-row:auto}.gallery-photo:not(.gallery-main){display:none}.detail-facts{grid-template-columns:1fr}.real-detail-shell{padding:22px 5% 50px}}
