.footer-container{background-color:#dbd6d7;padding:1.5rem 1rem}@media (prefers-color-scheme: dark){.footer-container{background-color:#1a202c;color:#f7fafc}.footer-social a:hover{color:#fde68a}}.footer-section{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-company{padding-top:1.5rem;padding-bottom:1.5rem;padding-right:1rem}.footer-title{font-size:1.5rem;font-weight:700;font-family:serif;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;text-align:center}@media (min-width: 640px){.footer-title{font-size:1.875rem;text-align:left}}.footer-text{font-size:.875rem;line-height:1.5;text-align:center}@media (min-width: 640px){.footer-text{text-align:left}}.footer-contact{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;justify-content:center}@media (min-width: 640px){.footer-contact{justify-content:flex-start}}.footer-social{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:1.5rem}@media (min-width: 640px){.footer-social{justify-content:flex-start}}.footer-social a{font-size:1.875rem;color:inherit;transition:color .3s}.footer-social a:hover{color:#facc15}*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif}.container{width:100%;height:70px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:flex-start;padding:0 .5rem;position:sticky;top:0;z-index:999;overflow-y:auto}.logo{width:50px;height:50px;object-fit:cover;margin-right:3px}.text{font-size:1.5rem;font-weight:700;color:#060204;text-align:center;white-space:nowrap}@media (max-width: 480px){.text{font-size:1.25rem}}.hero-image-wrapper{width:100%;height:340px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f9f9f9;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;z-index:1;position:absolute;top:0;left:0}.filter-container{z-index:2;position:relative}@media (max-width: 480px){.filter-container h1{font-size:.8rem}.filter-box select,.input{font-size:14px;padding:6px 10px}}.filter-container{width:100%;max-width:400px;border-radius:10px;padding:17px 16px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.filter-container h1{padding-bottom:8px;font-size:1rem;text-align:center}.filter-box{margin-bottom:10px;display:flex;justify-content:center;width:90%;margin-top:5px}.filter-box select{width:95%;max-width:300px;height:40px;font-size:15px;padding:8px 12px;border-radius:6px;border:2px solid #ccc;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}.input{width:100%;max-width:300px;height:40px;font-size:15px;padding:8px 12px;border-radius:6px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box}@media (max-width : 426px){.filter-container{max-width:270px}}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px;padding:30px;background-color:#f5f5f5}.cityName{width:96%;height:39px;background-color:#fff;border-radius:2px;margin:2%;font-size:2rem;font-weight:600}h1{margin:10px;font-size:1.1rem}hr{margin-top:5px;margin-bottom:5px}.box{position:relative;border-radius:8px;overflow:hidden;text-align:center;padding:1rem;box-shadow:0 2px 8px #0000000d;background-color:#fff}.icon-container{position:absolute;top:10px;right:10px;display:flex;gap:10px}.icon{border-radius:50%;padding:5px;font-size:24px;cursor:pointer;transition:transform .2s;background-color:#fb0404;color:#fff}.icon:hover{transform:scale(1.2)}.img{width:100%;height:auto;display:block;object-fit:cover;border-radius:8px}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:10%;overflow:hidden;border-radius:8px;margin:10px 0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-loader{text-align:center;font-size:14px;color:#999}.footerBox{display:flex;flex-direction:column;padding:4px;font-weight:600;font-size:1rem;word-break:break-word}.footerBox p{padding:6px;letter-spacing:normal}.footerBox label{font-weight:530}@media (max-width: 768px){h3{font-size:1rem}.footerBox{font-size:.9rem}.box{padding:.75rem}.image-grid{padding:20px 10px;gap:20px}}
