.banner{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;justify-content:center;align-items:center;width:100%;height:223px;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.banner:before{content:"";background:#0009;border-radius:25px;position:absolute;inset:0}.banner h1{z-index:1;color:#fff;font-size:48px;font-weight:700;position:relative}@media (width<=375px){.banner{border-radius:10px;justify-content:flex-start;width:calc(100% - 40px);height:111px}.banner:before{border-radius:10px}.banner h1{width:225px;margin-left:16px;font-size:24px}}.card{border-radius:10px;width:340px;height:340px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.card:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000080 100%);position:absolute;inset:0}.card img{object-fit:cover;width:100%;height:100%}.card h3{z-index:1;color:#fff;font-size:18px;font-weight:700;position:absolute;bottom:20px;left:20px}@media (width<=768px){.card{width:100%;height:255px}}.gallery{background:#f6f6f6;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:50px;padding:50px;display:grid}@media (width<=768px){.gallery{background-color:#fff;grid-template-columns:1fr;gap:22px;padding:0}}.home{flex-direction:column;gap:50px;display:flex}@media (width<=768px){.home{gap:22px}}.collapse{flex:1;width:100%}.collapse button{cursor:pointer;background-color:#ff6060;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 20px;display:flex}.collapse button span{color:#fff;font-size:18px;font-weight:700}.collapse button .arrow{transition:transform .3s}.collapse button .arrow.open{transform:rotate(-180deg)}.collapse .collapse-content{opacity:0;background:#f6f6f6;border-radius:0 0 10px 10px;max-height:0;padding:0 20px;transition:max-height .35s,opacity .35s,padding .35s;overflow:hidden}.collapse .collapse-content p{margin:0;line-height:1.5}.collapse .collapse-content ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.collapse .collapse-content ul li{font-size:18px;line-height:1.5}.collapse .collapse-content.open{opacity:1;max-height:500px;padding:20px}@media (width<=768px){.collapse button{border-radius:5px;height:30px;padding:0 10px}.collapse button span{font-size:13px}.collapse button .arrow{width:16px}.collapse .collapse-content{border-radius:5px}.collapse .collapse-content p{font-size:13px;line-height:1.3}.collapse .collapse-content ul{gap:0}.collapse .collapse-content ul li{font-size:13px;line-height:1.3}.collapse .collapse-content.open{padding:15px 20px}}.about-collapse{flex-direction:column;gap:30px;width:1023px;margin:38px auto 50px;display:flex}@media (width<=768px){.about-collapse{gap:20px;width:calc(100% - 40px);margin:20px auto}}.logement-card .img-logement{object-fit:cover;border-radius:25px;width:100%;height:415px}.logement-card .logement-card-content{justify-content:space-between;align-items:flex-start;margin-top:25px;display:flex}.logement-card .logement-card-content-left{flex:1}.logement-card .logement-card-content-left h2{color:#ff6060;max-width:650px;margin:0;font-size:30px;font-weight:500;line-height:1.35}.logement-card .logement-card-content-left p{margin:5px 0 0;font-size:18px;font-weight:500}.logement-card .logement-card-content-right{flex-direction:column;justify-content:flex-start;align-items:flex-end;margin-left:40px;display:flex}.collapse-container{justify-content:space-between;gap:50px;margin-top:30px;display:flex}@media (width<=768px){.logement-card .img-logement{border-radius:10px;height:255px}.logement-card-content{flex-direction:column}.logement-card-content .logement-card-content-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:0}.logement-card-content .logement-card-content-left h2{font-size:18px}.logement-card-content .logement-card-content-left p{font-size:14px}.collapse-container{flex-direction:column;gap:20px;margin-top:15px}}.carousel{position:relative}.carousel .carousel-counter{color:#fff;font-size:18px;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel .carousel-arrow{cursor:pointer;width:46px;position:absolute;top:50%;transform:translateY(-50%)}.carousel .left{left:20px}.carousel .right{right:20px}@media (width<=768px){.carousel .carousel-counter{display:none}.carousel .carousel-arrow{width:19px}.carousel .left{left:6px}.carousel .right{right:6px}}.host{align-items:center;gap:12px;display:flex}.host img{object-fit:cover;border-radius:50%;width:64px;height:64px}.host-name{flex-direction:column;align-items:flex-end;display:flex}.host-name p{color:#ff6060;margin:0;font-size:18px;font-weight:500;line-height:1.2}@media (width<=768px){.host{order:2}.host img{width:32px;height:32px}.host-name p{font-size:12px}}.rating{gap:15px;margin-top:20px;display:flex}.rating-star{width:24px;height:24px}@media (width<=768px){.rating{order:1;gap:5px;margin-top:0}.rating-star{width:13px;height:13px}}.tags{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.tags .tag{color:#fff;background:#ff6060;border-radius:10px;justify-content:center;align-items:center;min-width:115px;height:25px;padding:0 15px;font-size:14px;font-weight:700;display:flex}@media (width<=768px){.tags{margin-bottom:20px}.tags .tag{border-radius:10px;min-width:84px;font-size:10px}}.error404{text-align:center;flex-direction:column;align-items:center;display:flex}.error404 h1{color:#ff6060;margin:0 50px 100px;font-size:288px}.error404 p{color:#ff6060;margin-bottom:200px;font-size:36px;font-weight:500}.error404 .mobile-break{display:none}.error404 a{color:#000;font-size:18px;font-weight:500;text-decoration:underline}@media (width<=768px){.error404{gap:113px}.error404 h1{margin:0;padding-top:86px;font-size:96px}.error404 p{width:260px;height:52px;margin:0;font-size:18px;line-height:143%}.error404 .mobile-break{display:inline}.error404 a{padding-bottom:86px;font-size:14px}}.header{width:100%;margin-top:45px}.header .container{justify-content:space-between;align-items:center;height:68px;display:flex}.header nav{gap:57px;display:flex}.header nav a{color:#000;font-size:24px;font-weight:500;text-decoration:none}.header nav a.active{text-decoration:underline}@media (width<=768px){.header{margin-top:20px}.header .container img{width:145px}.header nav{gap:26px}.header nav a{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif}header{margin-bottom:50px}.page{flex-direction:column;min-height:100vh;display:flex}main{flex:1}footer{margin-top:50px}.container{max-width:1240px;margin:0 auto}@media (width<=768px){header{margin-bottom:27px}.container{width:calc(100% - 40px)}footer{margin-top:27px}}.footer{background-color:#000;flex-direction:column;align-items:center;width:100%;height:209px;padding-top:66px;display:flex}.footer img{width:122px;height:auto}.footer p{color:#fff;text-align:center;margin-top:50px;font-size:24px;font-weight:500}@media (width<=768px){.footer p{width:133px;margin-top:15px;font-size:12px}}
