258 Ranier, Dripping Springs, TX 78620 | Col Realty  <div id="share-modal" class="share-modal-overlay" onclick="if(event.target===this)closeShare()"> <div class="share-modal-box"> <button class="share-modal-close" onclick="closeShare()">×</button> <h3 class="share-modal-title">Share this home</h3> <p id="share-modal-address" class="share-modal-address"></p> <div class="share-options"> <button class="share-opt" onclick="shareVia('copy')"><span class="share-opt-icon">🔗</span><span>Copy link</span></button> <button class="share-opt" onclick="shareVia('email')"><span class="share-opt-icon">✉️</span><span>Email</span></button> <button class="share-opt" onclick="shareVia('text')"><span class="share-opt-icon">💬</span><span>Text</span></button> <button class="share-opt" onclick="shareVia('facebook')"><span class="share-opt-icon" style="background:#1877f2;color:#fff;border-radius:50%;font-weight:700;font-size:16px;">f</span><span>Facebook</span></button> <button class="share-opt" onclick="shareVia('twitter')"><span class="share-opt-icon" style="background:#000;color:#fff;border-radius:50%;font-size:14px;font-weight:700;">𝕏</span><span>X / Twitter</span></button> <button class="share-opt" onclick="shareVia('whatsapp')"><span class="share-opt-icon">📱</span><span>WhatsApp</span></button> </div> <div id="share-copy-confirm" class="share-copy-confirm" style="display:none;">✅ Link copied to clipboard!</div> </div> </div> <script> const IS_AUTHENTICATED = false; // ── Favorites ────────────────────────────────────────────────────── function handleFavorite(btn, listingId) { if (!IS_AUTHENTICATED) { const modal = document.getElementById('login-modal'); if (modal) modal.style.display = 'flex'; return; } fetch('/accounts/favorite/' + listingId + '/', { method: 'POST', headers: { 'X-CSRFToken': 'zMItnYqHjl162P2BAjtJSbjeUmx7PbzS19v3ZCORXO6EFV3yp5CAwMQ7x8uxaTvW', 'Content-Type': 'application/json' } }) .then(r => r.json()) .then(data => { const saved = data.status === 'added'; btn.classList.toggle('saved', saved); const svg = btn.querySelector('svg'); svg.setAttribute('fill', saved ? '#e02020' : 'none'); svg.setAttribute('stroke', saved ? '#e02020' : 'currentColor'); }); } // ── Sticky nav: show Save/Share when topbar scrolls away ────────── document.addEventListener('DOMContentLoaded', function() { const topbar = document.querySelector('.cr-topbar'); const navActions = document.getElementById('cr-nav-actions'); if (topbar && navActions) { const observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (!entry.isIntersecting) { navActions.classList.add('visible'); } else { navActions.classList.remove('visible'); } }); }, { threshold: 0, rootMargin: '-80px 0px 0px 0px' }); observer.observe(topbar); } // Sync favorite state between topbar btn and nav btn const topFav = document.getElementById('detail-fav-btn'); const navFav = document.getElementById('nav-fav-btn'); if (topFav && navFav) { const origHandle = topFav.onclick; topFav.onclick = function(e) { handleFavorite(topFav, topFav.dataset.id || topFav.getAttribute('onclick').match(/\d+/)?.[0]); }; // Keep nav fav in sync when topbar fav changes const syncFav = function(mutations) { navFav.className = topFav.className; const svg = topFav.querySelector('svg'); const navSvg = navFav.querySelector('svg'); if (svg && navSvg) { navSvg.setAttribute('fill', svg.getAttribute('fill')); navSvg.setAttribute('stroke', svg.getAttribute('stroke')); } }; new MutationObserver(syncFav).observe(topFav, { attributes: true, subtree: true, attributeFilter: ['class', 'fill', 'stroke'] }); } // Section nav active link on scroll const sections = document.querySelectorAll('[id]'); const navLinks = document.querySelectorAll('.cr-nav a'); const navWrapH = 80 + (document.querySelector('.cr-nav-wrap')?.offsetHeight || 48); window.addEventListener('scroll', function() { let current = ''; sections.forEach(function(sec) { if (window.scrollY >= sec.offsetTop - navWrapH - 20) { current = sec.id; } }); navLinks.forEach(function(a) { a.classList.remove('active'); if (a.getAttribute('href') === '#' + current) a.classList.add('active'); }); }, { passive: true }); }); // ── Share ────────────────────────────────────────────────────────── let _shareUrl = '', _shareAddress = ''; function openShare(address, path) { _shareAddress = address; _shareUrl = window.location.origin + path; document.getElementById('share-modal-address').textContent = address; document.getElementById('share-copy-confirm').style.display = 'none'; document.getElementById('share-modal').style.display = 'flex'; } function closeShare() { document.getElementById('share-modal').style.display = 'none'; } function shareVia(method) { const url = encodeURIComponent(_shareUrl); const text = encodeURIComponent('Check out this home: ' + _shareAddress); if (method === 'copy') { navigator.clipboard.writeText(_shareUrl).then(() => { document.getElementById('share-copy-confirm').style.display='block'; setTimeout(()=>document.getElementById('share-copy-confirm').style.display='none',2500); }); } else if (method === 'email') { window.open('mailto:?subject=Check out this home&body=' + text + '%0A' + url); } else if (method === 'text') { window.open('sms:?body=' + text + '%20' + url); } else if (method === 'facebook') { window.open('https://www.facebook.com/sharer/sharer.php?u=' + url, '_blank'); } else if (method === 'twitter') { window.open('https://twitter.com/intent/tweet?text=' + text + '&url=' + url, '_blank'); } else if (method === 'whatsapp') { window.open('https://wa.me/?text=' + text + '%20' + url, '

1 / 1

Description

NEW CONSTRUCTION BY ASHTON WOODS! Available Jan 2026! Enjoy the convenience and flow of the Granbury’s open-concept kitchen and dining space, designed for easy living and entertaining. The first-floor primary suite is a retreat, featuring a spacious walk-in shower and a generously sized walk-in closet for ultimate comfort and organization. A private study offers the perfect setting for focused work or quiet relaxation. Step outside to the covered outdoor patio, an ideal space for relaxing or hosting gatherings while enjoying the outdoors. Additionally, the large two-car garage provides ample storage space for all your tools, gear, and more, offering both practicality and convenience.