Zahrada, Znojmo – Klínek – DELUX Znojmo

* { margin: 0; padding: 0; box-sizing: border-box; } html, body { background-color: #000; color: #fff; font-family: 'Inter', sans-serif; line-height: 1.6; } /* Header */ .dx-ps-header { position: sticky; top: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.95); border-bottom: 1px solid #E3000F; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; } .dx-ps-menu-toggle { background: none; border: none; color: #fff; font-size: 1.5rem; cursor: pointer; padding: 0.5rem; } /* Hero Section */ .dx-ps-hero { position: relative; height: 60vh; overflow: hidden; background-size: cover; background-position: center; } .dx-ps-hero::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9)); z-index: 2; } .dx-ps-hero-title { position: absolute; bottom: 3rem; left: 3rem; z-index: 3; font-family: 'Oswald', sans-serif; font-size: 3rem; font-weight: bold; color: #fff; max-width: 70%; line-height: 1.1; } /* Main Container */ .dx-ps-container { display: grid; grid-template-columns: 70% 30%; gap: 2rem; background-color: #000; max-width: 1400px; margin: 0 auto; padding: 3rem 2rem; } /* Left Column */ .dx-ps-content { color: #999; } .dx-ps-content h2 { font-family: 'Oswald', sans-serif; font-size: 1.8rem; color: #fff; margin: 2rem 0 1rem; text-transform: uppercase; } .dx-ps-content p { margin-bottom: 1.5rem; line-height: 1.8; } .dx-ps-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 3rem 0; } .dx-ps-gallery-img { aspect-ratio: 1; overflow: hidden; background-color: #111; } .dx-ps-gallery-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .dx-ps-gallery-img:hover img { transform: scale(1.05); } /* Right Column - Sidebar */ .dx-ps-sidebar { background-color: #111; border: 1px solid #222; padding: 2rem; height: fit-content; position: sticky; top: 5rem; } .dx-ps-price { font-family: 'Oswald', sans-serif; font-size: 2.5rem; color: #E3000F; margin-bottom: 0.5rem; font-weight: bold; } .dx-ps-status { font-size: 0.9rem; color: #999; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #222; } .dx-ps-facts { margin-bottom: 2rem; } .dx-ps-fact { padding: 1rem 0; border-bottom: 1px solid #222; font-size: 0.95rem; } .dx-ps-fact:last-child { border-bottom: none; } .dx-ps-fact-label { color: #999; font-size: 0.85rem; text-tr