.accommodation-page{display:flex;flex-direction:column;min-height:100vh}.accommodation-main{flex:1}.accommodation-container{margin:0 auto;max-width:1200px;padding:0 20px}.accommodation-page-header{background-color:var(--color-bg);padding:30px 0 0;text-align:center}.accommodation-page-header h1{color:var(--color-heading);font-family:Source Sans Pro,sans-serif;font-size:55px;font-weight:300;letter-spacing:5px;margin:0;text-align:center}.accommodation-section{background-color:var(--color-bg);padding:60px 20px 80px;width:100%}.accommodation-list-container{margin:0 auto;max-width:1400px}.accommodation-item{margin-bottom:60px}.accommodation-card{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000014;display:flex;gap:0;max-width:100%;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.accommodation-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-5px)}.accommodation-image-container{background-color:#f5f5f5;flex:0 0 50%;min-height:450px;overflow:hidden;position:relative}.accommodation-card:hover .accommodation-image.active{transform:scale(1.05)}.image-control{align-items:center;background-color:#fff!important;border:none;border-radius:4px;box-shadow:0 2px 8px #00000026!important;color:var(--color-dark);cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:40px;justify-content:center;line-height:1!important;margin:0;padding:0 0 5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.image-control:hover{background-color:var(--color-primary)!important;box-shadow:0 4px 12px #c0966d66!important;color:#fff;transform:translateY(-50%)}.image-control-prev{left:15px}.image-control-next{right:15px}.accommodation-image-container .image-indicators{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;border-radius:20px;bottom:40px;display:flex;gap:10px;left:0;margin:0 auto;padding:10px 15px;position:absolute;right:0;transform:none;width:fit-content;z-index:20}.accommodation-image-container .image-indicator{background-color:#ffffffb3;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;position:relative;transition:all .3s ease;width:10px;z-index:21}.accommodation-image-container .image-indicator:hover{background-color:#ffffffe6;transform:scale(1.2)}.accommodation-image-container .image-indicator.active{background-color:#fff;border-radius:5px;width:30px}.accommodation-content{background-color:#fff;box-sizing:border-box;display:flex;flex:0 0 50%;flex-direction:column;justify-content:center;min-height:450px;padding:45px 40px}.accommodation-header-wrapper{margin-bottom:15px}.accommodation-title{word-wrap:break-word;color:var(--color-dark);font-family:Source Sans Pro Semibold,Source Sans Pro,sans-serif;font-size:1.8rem;font-weight:300;letter-spacing:.5px;line-height:1.3;margin-bottom:8px;max-width:100%;overflow-wrap:break-word}.accommodation-stars{color:#d4af37;display:block;font-size:.95rem;letter-spacing:2px;margin-top:5px}.accommodation-description{word-wrap:break-word;color:var(--color-text);font-size:1.1rem;line-height:1.8;margin-bottom:25px;overflow-wrap:break-word}.accommodation-btn,.accommodation-description{font-family:Source Sans Pro,sans-serif;font-weight:400;max-width:100%}.accommodation-btn{align-items:center;align-self:flex-start;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;justify-content:center;letter-spacing:1.2px;padding:11px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.accommodation-btn:hover{background-color:initial;color:var(--color-primary);transform:translateX(5px)}@media (max-width:1200px){.accommodation-card{gap:0}.accommodation-content{padding:35px 30px}.accommodation-title{font-size:1.6rem}.accommodation-description{font-size:1rem}.accommodation-image-container{min-height:400px}}@media (max-width:968px){.accommodation-section{padding:50px 20px 60px}.accommodation-page-header h1{font-size:2.5rem;letter-spacing:2px}.accommodation-item{margin-bottom:50px}.accommodation-card{flex-direction:column;gap:0}.accommodation-image-container{flex:0 0 100%;height:auto;min-height:0}.accommodation-content{flex:0 0 100%;min-height:auto;padding:35px 30px}.accommodation-title{font-size:1.75rem}.accommodation-description{font-size:1rem}}@media (max-width:768px){.accommodation-section{padding:40px 15px 50px}.accommodation-page-header{margin-top:60px;padding:20px 0 40px}.accommodation-page-header h1{font-size:2rem;letter-spacing:2px}.accommodation-item{margin-bottom:40px}.accommodation-image-container{height:auto;min-height:0}.accommodation-content{padding:30px 25px}.accommodation-title{font-size:1.5rem}.accommodation-description{font-size:.95rem;margin-bottom:25px}.accommodation-btn{font-size:.9rem;padding:12px 30px}.image-control{font-size:1.8rem;height:38px;width:38px}.image-control-prev{left:10px}.image-control-next{right:10px}.accommodation-image-container .image-indicators{background:#0009;bottom:25px;gap:8px;padding:8px 12px;z-index:20}.accommodation-image-container .image-indicator{background-color:#fffc;height:8px;width:8px;z-index:21}.accommodation-image-container .image-indicator.active{background-color:#fff;width:24px}}@media (max-width:480px){.accommodation-section{padding:30px 12px 40px}.accommodation-page-header h1{font-size:1.6rem;letter-spacing:1px}.accommodation-item{margin-bottom:35px}.accommodation-image-container{height:auto;min-height:0}.accommodation-content{padding:25px 20px}.accommodation-title{font-size:1.3rem}.accommodation-description{font-size:.9rem;line-height:1.6}.accommodation-btn{font-size:.85rem;letter-spacing:1px;padding:10px 25px}.image-control{font-size:1.5rem;height:32px;width:32px}.image-control-prev{left:8px}.image-control-next{right:8px}.accommodation-image-container .image-indicators{background:#0009;bottom:20px;gap:6px;padding:6px 10px;z-index:20}.accommodation-image-container .image-indicator{background-color:#fffc;height:7px;width:7px;z-index:21}.accommodation-image-container .image-indicator.active{background-color:#fff;width:20px}}