.add-announcement-page{display:flex;flex-direction:column;row-gap:30px;min-height:100vh}.add-announcement-page__title{display:flex;width:1170px;align-items:center;justify-content:space-between;margin:0 auto}.add-announcement-page__title h2{font-size:24px;font-weight:700}.add-announcement-page__title p{font-size:16px;font-weight:700;cursor:pointer}.add-announcement-page-wrap{display:flex;justify-content:space-between;width:1170px;margin:0 auto}.add-announcement-page__navigation{display:flex;flex-direction:column;row-gap:30px}.add-announcement-page__navigation p{font-size:16px;font-weight:500;cursor:pointer}.add-announcement-page__group-of-blocks,.characteristics-wrap{display:flex;flex-direction:column;row-gap:30px}.characteristics-wrap{width:100%}.mileage-block{display:flex;width:100%;flex-direction:column;row-gap:20px}.mileage-block__input{font-size:16px;font-weight:400;background-color:#fff;border:1px solid #484848;height:40px;padding-left:20px;padding-right:20px;color:#000;border-radius:10px;outline:none}.photo-block{display:flex;width:100%;flex-direction:column;row-gap:20px}.photo-block-wrap{display:flex;flex-wrap:wrap;gap:40px}.uploaded-image{width:120px;height:120px;border-radius:10px;position:relative}.uploaded-image img{width:100%;height:100%;object-fit:cover;border-radius:10px}.delete-photo-button{position:absolute;top:5px;right:5px;width:40px;height:40px;cursor:pointer;border-radius:50px;display:flex;align-items:center;justify-content:center}.delete-photo-button img{width:20px;height:20px}.price-block{display:flex;width:100%;flex-direction:column;row-gap:20px}.price__input{font-size:16px;font-weight:400;background-color:#fff;border:1px solid #484848;height:40px;padding-left:20px;padding-right:20px;color:#000;border-radius:10px;outline:none}.description-block{display:flex;width:100%;flex-direction:column;row-gap:20px}.description-block__text-area{display:flex;resize:none;height:200px;font-size:16px;font-weight:400;background-color:#fff;border:1px solid #484848;padding:20px;color:#000;border-radius:10px;outline:none}.contacts-block{display:flex;width:100%;flex-direction:column;row-gap:20px}.contacts-input input{display:flex;height:40px;width:100%;font-size:16px;font-weight:400;background-color:#fff;border:1px solid #484848;padding:20px;color:#000;border-radius:10px;outline:none}.add-announcement__submit-button{border:none;width:220px;height:40px;background-color:#36b555;border-radius:10px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-left:auto}.add-announcement__submit-button:active{opacity:90%}@media screen and (max-width:1170px){.add-announcement-page-wrap,.add-announcement-page__title{width:834px}}@media screen and (max-width:834px){.add-announcement-page-wrap,.add-announcement-page__title{width:570px}.add-announcement-page__navigation{display:none}.uploaded-image{width:calc(33.33% - 30px)}}@media screen and (max-width:580px){.add-announcement-page-wrap,.add-announcement-page__title{width:380px}.add-announcement-page__navigation{display:none}.uploaded-image{width:calc(50% - 20px)}}@media screen and (max-width:390px){.add-announcement-page-wrap,.add-announcement-page__title{width:calc(100% - 20px)}.photo-block-wrap{gap:20px}.add-announcement__submit-button{width:100%}.uploaded-image{width:calc(50% - 20px)}}