body{font-family:Arial,sans-serif;background-color:#e2fde2;margin:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}nav{width:100%;background-color:#556b2f;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;flex-shrink:0;position:relative;z-index:100}nav div{color:#fff;text-decoration:none;font-size:1rem;padding:10px 0;width:100%;text-align:center;flex:1}nav div:hover button{color:#d3d3d3}nav a{color:#fff;text-decoration:none;font-size:1rem;padding:10px 0;width:100%;text-align:center;flex:1}nav a:hover{color:#d3d3d3}#app{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;padding-top:30px}.dropbtn{width:100%;border:none;cursor:pointer;font-size:1rem;background-color:#556b2f;color:#fff;padding:0}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#556b2f;min-width:220px;box-shadow:0 8px 16px #0003;z-index:100;top:100%;left:50%;transform:translate(-50%)}.dropdown:hover .dropdown-content{display:flex;flex-direction:column}.dropdown-content a{color:#fff;text-decoration:none;font-size:1rem;padding:15px 0;width:100%;text-align:center;flex:none}.dropdown-content a:hover{color:#d3d3d3}.apartment-view .pictures{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:0 1rem}.apartment-view .pictures img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:4px;transition:transform .2s ease}.apartment-view .pictures img:hover,.apartment-view .pictures img.active{transform:scale(1.05);box-shadow:0 4px 8px #0003}.apartment-view .content{margin:-100px 15% 0;display:block;line-height:1.6;color:#333;background:#ffffffb3;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:5;position:relative}.apartment-view .slider{padding-bottom:2rem;display:block}.price-card{display:block;line-height:1.6;color:#333;background-color:#d3d3d3;padding:8px;border-radius:8px;margin:2rem auto;box-shadow:0 4px 6px #0000001a;width:350px;text-align:center;max-width:90%}.home-content{display:block;padding:16px;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;background:#ffffffb3;max-width:1200px;position:relative;z-index:5}.home-content .welcome{display:flex;align-items:center;flex-direction:column;padding:0 1rem}.home-content .pictures{align-content:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.home-content .pictures img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:4px;cursor:pointer;transition:transform .2s ease}.home-content .pictures img:hover{transform:scale(1.05)}.apartment-home{display:block;align-items:center}.apartment-home .home-content-wrapper{margin:-150px 25% 0}.price-component{display:block;line-height:1.6;color:#333;background-color:#f4f4f9;padding:2rem;border-radius:8px;margin:0 25%;box-shadow:0 4px 6px #0000001a;text-align:center}.price-component .cards{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}.content-page{display:block;line-height:1.6;color:#333;background-color:#f4f4f9;padding:2rem;border-radius:8px;margin:0 25%;box-shadow:0 4px 6px #0000001a}.content-page .textWithPic{display:flex;flex-direction:row;align-items:center;gap:20px;margin-bottom:20px}.content-page .textWithPic img{min-width:150px;min-height:150px;height:150px;width:150px;object-fit:cover;border-radius:4px}.content-page section{margin-bottom:20px}.content-page .note{margin-top:100px;text-align:center}.content-page h2{margin-top:1.5rem;color:#555}.content-page a{color:#4caf50;text-decoration:none}.content-page a:hover{text-decoration:underline}.slider-component{display:flex;width:100%}.slider-component .slider-container{position:relative;width:100%;display:flex;justify-content:center;overflow:hidden}.slider-component .fade-out{opacity:0!important}.slider-component img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .2s ease-in-out}.slider-component button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;font-size:24px;z-index:9999}.slider-component button:hover{background:#000000b3}.slider-component button:first-of-type{left:10px}.slider-component button:last-of-type{right:10px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s ease-in-out}.modal .image-container{display:flex;position:relative;justify-content:center;align-items:center;max-width:90%;max-height:90%}.modal img{display:block;max-width:100%;max-height:80vh;border-radius:10px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.apartment-view .content{margin:-50px 5% 0;padding:1.5rem}.apartment-home .home-content-wrapper{margin:-50px 10% 0}.price-component,.content-page{margin:0 10%}.slider-component .slider-container{height:50vh!important}}@media (max-width: 768px){nav{flex-direction:column;padding:10px 0}nav div,nav a{width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}nav div:last-child,nav a:last-child{border-bottom:none}body{height:auto!important;overflow-y:auto!important;display:block!important}#app{overflow:visible!important;height:auto!important;padding-top:0}.dropdown-content{position:static;box-shadow:none;background-color:#0000001a;min-width:100%;transform:none;display:none}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:flex}.apartment-view .content{margin:0;border-radius:0;padding:1rem;background:#fff}.apartment-view .pictures{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.home-content{border-radius:0;padding:1rem}.home-content .pictures{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.apartment-home .home-content-wrapper{margin:0}.price-component,.content-page{margin:0;border-radius:0;padding:1rem}.content-page .textWithPic{flex-direction:column;align-items:flex-start}.content-page .textWithPic img{width:100%;height:auto;min-width:0;min-height:0}.slider-component .slider-container{height:40vh!important}}