@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";.banner{position:relative;width:100%;height:223px;overflow:hidden;border-radius:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 4px #00000040}@media screen and (max-width: 768px){.banner{height:110px;border-radius:10px;box-shadow:none}}.banner__image-container{position:absolute;width:100%;height:100%}.banner__image{width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:brightness(.7)}.banner__image--with-title{filter:brightness(.4)}.banner__title{font-weight:700;font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:1}@media screen and (max-width: 768px){.banner__title{font-size:24px;padding:0 20px;text-shadow:none;line-height:1.1}}.card{position:relative;width:100%;height:auto;border-radius:10px;overflow:hidden;aspect-ratio:1/1}.card__link{display:flex;width:100%;height:100%;text-decoration:none}.card__image{width:100%;height:100%;object-fit:cover}.card__image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#000000b3,#0000);z-index:2;pointer-events:none}.card__title{z-index:3;color:#fff;margin:auto 0 0;padding:20px;font-size:18px;font-weight:700}.home{padding:20px}.home__card-container{background-color:#f6f6f6;border-radius:25px;padding:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px 60px;margin-top:41px;margin-bottom:50px}@media screen and (max-width: 768px){.home__card-container{grid-template-columns:1fr;padding:0;margin-top:20px;margin-bottom:20px;background-color:transparent;gap:20px}}.dropdown{overflow:hidden;display:flex;flex-direction:column;flex-grow:1;width:100%;max-width:80vw}@media screen and (max-width: 768px){.dropdown{max-width:100%}}.dropdown__toggle{border-radius:10px;width:100%;display:flex;justify-content:space-between;align-items:center;height:52px;background-color:#ff6060;color:#fff;cursor:pointer;border:none;z-index:1;padding:0 10px;transition:all .3s ease-in-out}@media screen and (max-width: 768px){.dropdown__toggle{height:30px;border-radius:5px}}.dropdown__toggle.open{border-radius:5px}.dropdown__toggle:hover{background-color:#ff2d2d}.dropdown__toggle h3{font-size:18px;margin:0;font-weight:700}@media screen and (max-width: 768px){.dropdown__toggle h3{font-size:13px}}.dropdown__content{border-top:none;background-color:#f6f6f6;margin:0;max-height:0;padding-left:20px;padding-right:20px;border-radius:0 0 5px 5px;transform:translateY(-30px);overflow:hidden;transition:all .3s ease-in-out;z-index:0;display:flex;flex-direction:column}.dropdown__content.open{display:flex;max-height:500px;padding:30px 20px 20px;transform:translateY(-10px)}@media screen and (max-width: 768px){.dropdown__content.open{padding-top:25px}}.dropdown__content li{list-style:none;font-size:18px}@media screen and (max-width: 768px){.dropdown__content li{font-size:12px}}.dropdown__arrow{width:32px;height:33px;fill:#fff;transition:transform .3s ease}.dropdown__arrow.open{transform:rotate(180deg)}@media screen and (max-width: 768px){.dropdown__arrow{width:20px;height:20px}}.about__content{margin:38px auto;display:flex;flex-direction:column;align-items:center;gap:30px}@media screen and (max-width: 768px){.about__content{margin:20px auto;gap:20px}}.not-found{display:flex;flex-direction:column;gap:139px;text-align:center;margin-top:39px;margin-bottom:139px}@media screen and (max-width: 768px){.not-found{margin-top:13px;margin-bottom:113px;gap:113px}}.not-found__title{font-size:288px;font-weight:700}@media screen and (max-width: 768px){.not-found__title{font-size:96px}}.not-found__message{font-size:36px}@media screen and (max-width: 768px){.not-found__message{font-size:18px}}@media screen and (max-width: 768px){.not-found__message-part{display:block}}.not-found__link{display:inline-block;font-size:18px;text-decoration:underline;color:#000}@media screen and (max-width: 768px){.not-found__link{font-size:14px}}.not-found__link:hover{text-decoration:none}.header{display:flex;justify-content:space-between;align-items:center;margin:45px 100px 50px}@media screen and (max-width: 768px){.header{margin:20px 20px 30px}}.header__logo{width:210px;height:68px;fill:#ff6060}@media screen and (max-width: 768px){.header__logo{width:145px;height:47px}}.header__nav ul{display:flex;list-style:none;gap:20px;margin:0}.header__nav a{font-weight:500;font-size:24px;text-decoration:none;color:inherit}.header__nav a.active{text-decoration:underline}@media screen and (max-width: 768px){.header__nav a{font-size:12px;text-transform:uppercase}}.footer{background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:44px}@media screen and (max-width: 768px){.footer{padding-top:66px}}.footer__logo{width:122px;height:auto;fill:#fff;margin-bottom:50px}@media screen and (max-width: 768px){.footer__logo{margin-bottom:15px}}.footer__text{font-size:24px;text-align:center;margin-bottom:30px}@media screen and (max-width: 768px){.footer__text{font-size:12px;padding:0;max-width:100px;margin-bottom:60px}}.gallery{position:relative;width:100%;height:415px;border-radius:25px;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}@media screen and (max-width: 768px){.gallery{height:255px;border-radius:10px}}.gallery__image{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1}.gallery__button_prev,.gallery__button_next{margin-left:20px;margin-right:20px;z-index:2;height:100%;background:none;border:none;cursor:pointer}.gallery__button_arrow{fill:#fff;height:80px;width:40px}@media screen and (max-width: 768px){.gallery__button_arrow{height:20px;width:11px}}.gallery__button_next{transform:rotate(180deg)}.gallery__counter{margin-bottom:20px;font-size:18px;z-index:2;color:#fff}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags__tag{background-color:#ff6060;color:#fff;border-radius:10px;min-width:95px;height:25px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 10px}@media screen and (max-width: 768px){.tags__tag{border-radius:5px;font-size:10px;min-width:64px;height:18px}}.user{display:flex;align-items:center;gap:10px;max-width:160px}.user__name{font-weight:500;font-size:18px;text-align:right;max-width:120px}@media screen and (max-width: 768px){.user__name{font-size:12px;max-width:60px}}.user__profile-picture{border-radius:50%;width:64px;height:64px;object-fit:cover}@media screen and (max-width: 768px){.user__profile-picture{width:32px;height:32px}}.rating{display:flex;gap:15px}@media screen and (max-width: 768px){.rating{gap:7px}}.rating__star{width:25px;height:25px;fill:#ccc}.rating__star.filled{fill:#ff6060}@media screen and (max-width: 768px){.rating__star{width:13px;height:13px}}.logement{display:flex;flex-direction:column;align-items:center;padding-bottom:50px}@media screen and (max-width: 768px){.logement{padding-bottom:25px}}.logement__details{width:100%;display:flex;justify-content:space-between;margin-top:40px;margin-bottom:30px}@media screen and (max-width: 768px){.logement__details{flex-direction:column;gap:18px;margin-top:16px;margin-bottom:15px}}.logement__details__location{font-size:18px;font-weight:medium;line-height:1;margin:0 0 28px}@media screen and (max-width: 768px){.logement__details__location{font-size:14px;margin-bottom:14px}}.logement__details__title{font-weight:medium;line-height:1;margin-bottom:19px}@media screen and (max-width: 768px){.logement__details__title{font-size:18px;margin-bottom:16px}}.logement__details__user{display:flex;flex-direction:column;align-items:end;justify-content:flex-end;gap:20px}@media screen and (max-width: 768px){.logement__details__user{flex-direction:row-reverse;justify-content:space-between;align-items:center}}.logement__description{display:flex;flex-direction:row;gap:80px;width:100%}@media screen and (max-width: 768px){.logement__description{flex-direction:column;gap:20px}}body{font-family:Montserrat,sans-serif;line-height:1.5;color:#000;margin:0;display:flex;flex-direction:column}h2{font-family:Montserrat,sans-serif;font-weight:500;font-size:36px;color:#ff6060;margin:0}h3{font-family:Montserrat,sans-serif;font-weight:500;font-size:24px;color:#fff;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}main{margin-left:100px;margin-right:100px;flex:1;display:flex;flex-direction:column}@media screen and (max-width: 768px){main{margin-left:20px;margin-right:20px}}