*{box-sizing:border-box;margin:0;padding:0}.property-detail-page{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow:hidden}.main-content-detail{align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:30px 20px;display:flex}.grid-layout{justify-content:space-between;gap:30px;width:100%;display:flex}.main-column{flex-direction:column;align-items:center;gap:2rem;display:flex}.sidebar-column{flex-direction:column;flex:1;align-items:center;gap:2rem;display:flex}.header-detail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background-color:#fff;border-bottom:1px solid #e2e8f0;width:100%;max-width:1440px;height:60px;position:-webkit-sticky;position:sticky;top:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.header-container-detail{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:1rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.header-logo{align-items:center;gap:.5rem;width:100%;max-width:150px;display:flex;overflow:hidden}.header-logo>video,.header-logo>img{object-fit:contain;width:100%;height:auto}.header-logo-text{color:#1e293b;font-size:1.5rem;font-weight:700}.header-right{align-items:center;gap:.5rem;display:flex}.card-container{background-color:#fff;border-radius:.5rem;width:100%;min-width:300px;max-width:700px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.card-content,.card-header-inner{padding:1.5rem}.card-title-inner{color:#1e293b;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.image-gallery{height:400px;position:relative}.main-image{object-fit:cover;border-radius:.5rem .5rem 0 0;width:100%;height:400px}.image-nav-button{color:#fff;cursor:pointer;background-color:rgba(0,0,0,.5);border:none;border-radius:50%;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.image-nav-button.left{left:1rem}.image-nav-button.right{right:1rem}.image-badge-container{position:absolute;top:1rem}.image-badge-container.top-left{left:1rem}.image-badge-container.top-right{right:1rem}.thumbnail-container{gap:.5rem;padding:1rem;display:flex;overflow:auto}.thumbnail{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid transparent;border-radius:.25rem;width:80px;height:60px;transition:opacity .2s,border-color .2s}.thumbnail.active{opacity:1;border-color:#16a34a}.details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.price{color:#16a34a;font-size:2.5rem;font-weight:700}.address-container{color:#64748b;align-items:center;margin-bottom:1rem;display:flex}.details-grid{align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.detail-item-stat{color:#64748b;align-items:center;display:flex}.stats-header-row{color:#64748b;align-items:center;gap:2rem;display:flex}.stat-item{align-items:center;display:flex}.section-title{color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.description-text{color:#64748b;line-height:1.6}.calculator-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.calculator-result{text-align:center;background-color:#f0fdf4;border-radius:.5rem;padding:1rem}.monthly-payment-label{color:#16a34a;margin-bottom:.5rem;font-size:.875rem}.monthly-payment-amount{color:#16a34a;font-size:2rem;font-weight:700}.agent-profile{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.agent-icon-bg{background-color:#16a34a;border-radius:50%;padding:.75rem}.agent-name{color:#1e293b;font-weight:600}.agent-company{color:#64748b;font-size:.875rem}.contact-buttons{flex-direction:column;gap:.75rem;display:flex}.contact-form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.feature-list,.stats-list{flex-direction:column;gap:.5rem;display:flex}.feature-item,.stat-row{justify-content:space-between;display:flex}.feature-item span:first-child,.stat-label{color:#64748b}.feature-item span:last-child,.stat-value{color:#1e293b;font-weight:500}.text-green-600{color:#16a34a}.w-8{width:2rem}.h-8{height:2rem}.icon-sm{width:1rem;height:1rem}.icon-lg{width:1.25rem;height:1.25rem}.mr-2{margin-right:.5rem}.button{cursor:pointer;border:1px solid transparent;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.button-primary{color:#fff;background-color:#16a34a}.button-primary:hover{background-color:#15803d}.button-outline{cursor:pointer;color:#000;background-color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;display:flex;text-decoration:none!important}.button-outline:hover{background-color:#f8fafc}.button-back{width:auto}.badge-sale{color:#fff;background-color:#16a34a;border-radius:.25rem;padding:.25rem .5rem}.badge-rent{color:#fff;background-color:#059669;border-radius:.25rem;padding:.25rem .5rem}.badge-lease{color:#fff;background-color:#0d9488;border-radius:.25rem;padding:.25rem .5rem}.badge-featured{color:#fff;background-color:#eab308;border-radius:.25rem;padding:.25rem .5rem}.input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;margin-top:.25rem;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}.label{color:#475569;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;min-height:80px;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:2px solid #d1d5db;border-top-color:#16a34a;border-radius:50%;width:2rem;height:2rem;margin-bottom:1rem;animation:1s linear infinite spin}.loading-text{color:#64748b;text-align:center}.not-found-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found-icon{color:#94a3b8;width:3rem;height:3rem;margin-bottom:1rem}.not-found-title{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.not-found-text{color:#64748b;margin-bottom:1rem}@media (max-width:768px){.grid-layout{flex-direction:column}}@media (max-width:320px){.header-logo{display:none}.details-grid,.stats-header-row{flex-wrap:wrap}}