@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";iframe{display:none}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh}.main-and-footer{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}body{background:repeating-linear-gradient(45deg,#f7f7f7,#f7f7f7 3px,#eee 3px 5px)}.page{min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.page-content{padding:20px}.section{margin-top:50px;padding-inline:20px}@media(min-width:768px)and (max-width:1000px){.section{padding-inline:40px}}@media(min-width:1001px)and (max-width:1200px){.section{padding-inline:60px}}@media(min-width:1201px){.section{padding-inline:100px}}.section__lower{margin-top:100px}h1{color:#333}*{-webkit-tap-highlight-color:transparent}.burger-menu{padding-inline:16px;display:flex;align-items:center;align-self:center}@media(min-width:850px){.burger-menu{display:none}}@media(max-width:850px){.advertise{display:none}}.navbar{z-index:1000;display:flex;justify-content:space-between;align-items:center;padding-inline:50px;position:fixed;top:0;left:0;right:0;border:2px solid darkgrey;background-color:#fff;height:64px}@media(min-width:320px)and (max-width:465px){.navbar{padding-inline:30px}}@media(min-width:1000px)and (max-width:1199px){.navbar{height:80px;padding-inline:100px}}@media(min-width:1200px){.navbar{height:80px;padding-inline:100px}}svg:hover{transform:scale(1.1);transition-duration:3ms}input::placeholder{font-family:Montserrat,sans-serif;color:#4a6fa5;font-size:16px;font-weight:500}.heart-favorite{width:20px;height:20px;fill:#fff;stroke:#4a6fa5;fill:#4a6fa5}@media(min-width:640px)and (max-width:1199px){.heart-favorite{width:24px;height:24px}}@media(min-width:1200px){.heart-favorite{width:30px;height:30px}}.advertise:hover{color:#333}.city-select{width:200px}@media(min-width:320px)and (max-width:440px){.city-select{width:100px}}.select__box{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.cities__list{cursor:pointer;position:absolute;top:100%;border:2px solid darkgrey;background-color:#f7f7f7;z-index:500;margin-top:2px;padding:10px;display:flex;flex-direction:column}.city__option{font-size:16px;color:#4a6fa5;font-weight:500;padding-inline:10px;padding-block:2px;cursor:pointer}.city__option:hover{color:#a9a9a9}.selected__option{color:#333}.selected__city{color:#4a6fa5}.selected__city:hover{color:#333}.logo{font-size:14px;font-weight:600;line-height:20px;display:flex;align-items:center;padding-left:10px;padding-right:10px;transform:rotate(-10deg)}@media(max-width:500px){.logo{font-size:12px;line-height:16px;padding-left:4px;padding-right:4px}}.logo__link{display:flex;flex-direction:column;gap:0;background-color:#4a6fa5;color:#fff;border-radius:10px;border:2px solid white}.logo__link:hover{transform:scale(1.025)}.thank{padding-bottom:10px}.logo-word{display:inline-block;transform:translateY(4px)}.footer{text-decoration:none;display:flex;justify-content:space-evenly;align-items:center;margin-left:0;border:2px solid darkgrey;background-color:#fff}@media(min-width:320px)and (max-width:400px){.footer{height:64px;flex-direction:column}}@media(min-width:400px)and (max-width:999px){.footer{height:64px}}@media(min-width:1000px){.footer{min-height:80px}}a{text-decoration:none;color:#4a6fa5}.contact{display:flex;flex-wrap:wrap;gap:10px;align-items:center;cursor:pointer}.contact :hover{color:#333}.filter__category{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;cursor:pointer}.category__option{display:flex;justify-content:space-between;align-items:center;gap:10px;height:36px;padding:8px 24px;border-radius:100px;text-align:center;position:relative;font-size:20px;font-weight:500;background-color:#4a6fa5;color:#fff}.category__option:not(.category__option__selected):hover{border:2px solid #2b4061;background-color:#2b4061}.circle{background-color:#fff;border-radius:100px;height:10px;width:10px}.category__option__selected{box-shadow:inset 0 0 20px #4a6fa5;border:2px solid #4a6fa5;background-color:#f7f7f7;color:#4a6fa5}.circle__selected{background-color:#4a6fa5}.category__select{margin-bottom:24px;margin-top:24px}.card-image{position:relative;display:inline-block;height:200px}.card-image img{height:100%;object-fit:cover;object-position:center;display:block;width:100%;margin:0 auto;border-radius:24px}.product__card{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:8px;max-width:340px;border:2px solid darkgrey;background-color:#f7f7f7;border-radius:24px;color:#313237;padding:10px;margin-bottom:8px}.product__card:hover{transform:scale(1.025);transition-duration:.1s}.card-content{display:flex;flex-direction:column;flex-basis:170px;gap:16px;font-size:14px;color:#000;font-weight:medium}.product__title{font-size:16px;line-height:16px;font-weight:700;color:#252626;overflow:hidden;height:32px}.product__description{font-size:16px;color:#252626;text-align:justify;height:86px;overflow-y:auto}.buttons{display:flex;flex-direction:row;justify-content:space-between;gap:2px;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.in_profile{display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:100%}.addButton{-webkit-tap-highlight-color:transparent;text-decoration:none;display:flex;height:40px;padding-inline:48px;justify-content:center;align-items:center;background-color:#4a6fa5;color:#f7f7f7;border:2px solid #4a6fa5;color:#fff;border-radius:100px;cursor:pointer;font-size:16px;font-weight:500}.addButton:hover{border:2px solid #2b4061;background-color:#2b4061}.icon__heart{border:3px solid #4a6fa5;border-radius:100px;width:40px;height:40px;position:absolute;top:10px;right:10px;background-color:#4a6fa5;cursor:pointer}.edit,.save{border:3px solid #4a6fa5;border-radius:24px;height:36px;background-color:#4a6fa5;color:#fff;cursor:pointer}.edit:hover,.save:hover{border:2px solid #2b4061;background-color:#2b4061}.delete{border:3px solid #c92a2a;border-radius:24px;height:36px;background-color:#c92a2a;color:#fff;cursor:pointer}.delete:hover{border:2px solid red;background-color:red}.save:disabled{box-shadow:inset 0 0 20px #888b89;border:2px solid darkgrey;background-color:#888b89}.info{display:flex;gap:5px;align-items:center}.main_page_card_buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2px}.edit__input,.edit__textarea{margin-bottom:-3px;border:1px solid gray;border-radius:4px;outline:none;padding:3px;font-family:inherit;resize:none}.edit__textarea{height:86px}.edit__input:focus,.edit__textarea:focus{border-color:#2b4061;box-shadow:none}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;height:30px;margin-bottom:20px}.pagination .slider_arrow,.pagination .single_page{background:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:.2s ease}.pagination .slider_arrow{border:none}.pagination .single_page{border:1px solid #4a6fa5}.pagination .slider_arrow:disabled{opacity:.4;cursor:not-allowed}.pagination .single_page:hover,.pagination .slider_arrow:hover:not(:disabled){background:#e0e0e0}.pagination .single_page.active{background:#4a6fa5;color:#fff;font-weight:700}.cards__container{display:grid;grid-template-columns:repeat(auto-fit,300px);gap:20px;justify-content:center;margin-top:40px;margin-bottom:40px;width:100%}.cards__container{display:grid;grid-template-columns:repeat(auto-fill,300px);gap:20px;justify-content:center;margin-top:40px;margin-bottom:40px;width:100%}.input-wrapper{display:flex;align-items:center;height:40px;border:2px solid #4a6fa5;border-radius:100px;padding-left:16px;font-family:Montserrat,sans-serif;color:#4a6fa5}.input-wrapper:focus{border:2px solid #333333}.input-style{flex:1;height:100%;border:none;outline:none;font-size:16px;font-weight:500;font-family:Montserrat,sans-serif;color:#313237;background:transparent}.loader{color:#4a6fa5;width:48px;height:48px;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list__heading{display:flex;flex-direction:column;gap:10px}@media(min-width:640px){.list__heading{flex-direction:row;justify-content:space-between}}.list__top{font-size:32px;color:#333}@media(min-width:912px)and (max-width:1199px){.query{min-width:400px}}@media(min-width:1200px){.query{min-width:500px}}.input-wrapper{display:flex;align-items:center;height:40px;border:2px solid #4a6fa5;border-radius:100px;padding-left:16px;font-family:Montserrat,sans-serif;color:#4a6fa5;background-color:#fff}.input-icon{font-size:18px;color:#4a6fa5;margin-right:8px}.input-style{flex:1;height:100%;border:none;outline:none;font-size:16px;font-weight:500;color:#2b4061;background:transparent}.input-wrapper:focus-within{border-color:#2b4061;box-shadow:none}.heading-favorites{margin-top:40px;font-size:32px;color:333333}.form__box{box-sizing:border-box;display:flex;flex-direction:column;text-align:center;gap:8px;background-color:#fff;border:1px solid #4a6fa5;border-radius:24px;color:#313237;padding:50px;width:50vw;margin:6% auto}@media(min-width:320px)and (max-width:346px){.form__box{width:100%;padding:8px}}@media(min-width:347px)and (max-width:479px){.form__box{width:100%;padding:20px}}@media(min-width:480px)and (max-width:739px){.form__box{width:100%}}@media(min-width:740px)and (max-width:849px){.form__box{width:70%;padding:30px}}.form-input-style{flex:1;height:100%;border:none;outline:none;font-size:16px;font-weight:500;font-family:Inter,sans-serif;color:#313237;background:transparent}.form-input-wrapper{display:flex;align-items:center;height:40px;width:100%;border:2px solid #4a6fa5;border-radius:24px;padding-left:16px;font-family:Montserrat,sans-serif;color:#4a6fa5;margin:0 auto}@media(min-width:320px)and (max-width:340px){.form-input-wrapper{padding-left:10px}}#add,#back{width:150px;margin:0 auto}.form__buttons{display:flex;justify-content:space-evenly}.form-label{display:flex;justify-content:space-between}.form-fields{display:flex;flex-direction:column;gap:10px}.here{cursor:pointer}.here:hover{color:#333}.feedback_message{display:flex;justify-content:center}.categories_box,.cities_box{background:#fff;list-style:none;border:2px solid #4a6fa5;padding:8px 16px;text-align:left;border-radius:24px;color:#4a6fa5}li{cursor:pointer}li:hover{color:#a9a9a9}.textarea-input-wrapper{display:flex;align-items:flex-start;width:100%;border:2px solid #4a6fa5;border-radius:24px;box-sizing:border-box;padding:8px 16px;color:#4a6fa5}@media(min-width:320px)and (max-width:340px){.textarea-input-wrapper{padding-left:10px}}.textarea-input-style{flex:1;height:100%;border:none;outline:none;font-size:16px;font-weight:600;font-family:Inter,sans-serif;color:#313237;background:transparent;resize:none;min-height:4.2em;padding:0;margin:0;line-height:1.4}textarea::placeholder{color:#4a6fa5;font-size:16px;font-family:Inter,sans-serif;font-weight:400;resize:none}textarea::-webkit-scrollbar{display:none}.add_photo{font-size:16px;color:#4a6fa5;padding-block:10px;padding-left:16px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.profile_buttons{display:flex;justify-content:flex-start;margin-top:20px;flex-wrap:wrap;gap:60px}@media(min-width:320px)and (max-width:420px){.profile_buttons{flex-direction:column;gap:50px}}@media(min-width:1200px){.profile_buttons{gap:120px}}.profile_buttons_heading{text-align:start}@media(min-width:433px){.profile_buttons_heading{text-align:center}}.profileButton{-webkit-tap-highlight-color:transparent;text-decoration:none;display:flex;height:40px;padding:auto;justify-content:center;align-items:center;background-color:#4a6fa5;color:#f7f7f7;border:2px solid #4a6fa5;border-radius:100px;cursor:pointer;font-size:16px;font-weight:500}@media(min-width:320px)and (max-width:419px){.profileButton{width:100%;margin-bottom:8px}}@media(min-width:420px)and (max-width:578px){.profileButton{width:180px;margin-bottom:8px;height:40px}}@media(min-width:579px)and (max-width:699px){.profileButton{padding-inline:8px;width:220px;margin-bottom:8px}}@media(min-width:700px)and (max-width:775px){.profileButton{padding-inline:3px;width:220px}}@media(min-width:776px)and (max-width:1000px){.profileButton{padding-inline:4px;width:220px}}@media(min-width:1001px){.profileButton{width:200px}}.profileButton:hover{border:2px solid #2b4061;background-color:#2b4061}.buttonPressed,.buttonPressed:hover{box-shadow:inset 0 0 20px #4a6fa5;border:2px solid #4a6fa5;background-color:#f7f7f7;color:#4a6fa5}.top-part{display:flex;justify-content:space-between}.subbuttons{gap:20px}.profile_greeting{margin-top:40px;margin-bottom:40px;font-size:32px;color:333333}.change-password{display:flex;flex-direction:column;margin-block:40px;gap:10px;flex-wrap:wrap}@media(min-width:320px)and (max-width:479px){.change-password{flex-direction:column;width:60%}}.profile__input{width:30vw}@media(min-width:320px)and (max-width:540px){.profile__input{width:90vw}}@media(min-width:541px)and (max-width:700px){.profile__input{width:70vw}}@media(min-width:701px)and (max-width:1100px){.profile__input{width:50vw}}@media(min-width:1101px)and (max-width:1300px){.profile__input{width:40vw}}.login_link{color:#4a6fa5;cursor:pointer}.login_link:hover{color:#333}.centered{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:72vh}.form__box__login{box-sizing:border-box;display:flex;flex-direction:column;text-align:center;gap:8px;background-color:#fff;border:1px solid #4a6fa5;border-radius:24px;color:#313237;padding:50px;width:40vw;margin:3% auto}@media(min-width:320px)and (max-width:460px){.form__box__login{width:90vw;padding:20px}}@media(min-width:461px)and (max-width:1022px){.form__box__login{width:60vw}}.loginButton{-webkit-tap-highlight-color:transparent;text-decoration:none;display:flex;width:120px;height:36px;padding:auto;justify-content:center;align-items:center;background-color:#4a6fa5;color:#f7f7f7;border:2px solid #4a6fa5;border-radius:100px;cursor:pointer;font-size:14px;font-weight:500;margin:auto;outline:none}.loginButton:hover{border:2px solid #2b4061;background-color:#2b4061}.input-group{display:flex;flex-direction:column}.rule{display:flex;text-align:start;font-size:12px;margin-top:4px;align-self:flex-start;padding-left:16px}.login_links{display:flex;justify-content:center;gap:20px}@media(min-width:320px)and (max-width:614px){.login_links{flex-direction:column}}.registration__box{display:flex;flex-direction:column;gap:20px;justify-content:center}.top__back__link{display:flex;gap:10px;align-items:center;margin-top:20px;color:#4a6fa5}.top__back__link:hover{color:gray;text-decoration:none}.reset-form{display:flex;flex-direction:column;gap:8px}.menu{display:flex;flex-direction:column;gap:20px;overflow-x:hidden;margin-top:40px}.in_menu:hover{color:#333}.pp_container{display:flex;flex-direction:column;gap:60px}.image_and_text{display:flex;flex-direction:row;height:460px;gap:40px}@media(min-width:320px)and (max-width:770px){.image_and_text{flex-direction:column;height:auto;gap:60px}}.img_pp{object-fit:cover}.title_and_city{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pp_category{margin-bottom:24px;font-size:16px;font-weight:600;color:#575e66}.image_and_button{width:50%;position:relative}@media(min-width:320px)and (max-width:770px){.image_and_button{width:100%;height:50vh}}.image_and_button img{width:100%;height:100%;object-fit:cover;display:flex;border-radius:24px}.pp_info{width:50%}@media(min-width:320px)and (max-width:770px){.pp_info{width:100%}}.icon__heart__pp{border:3px solid #4a6fa5;border-radius:100px;width:40px;height:40px;position:absolute;top:10px;right:10px;z-index:100;background-color:#4a6fa5;cursor:pointer}.selected{box-shadow:inset 0 0 20px #888b89;border:2px solid darkgrey;background-color:#f7f7f7}.pp__contact__block{display:flex;flex-direction:column;gap:8px;font-size:16px}.giver{font-size:16px;font-weight:600}.pp_location{display:flex;gap:6px;font-size:16px;font-weight:500;color:#575e66}.pp_title{font-size:32px;font-weight:600}.pp_description{font-size:16px;font-weight:500;text-align:justify}.pp_contact{font-size:14px;font-weight:500;color:#575e66}.arrows{display:flex;text-align:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.arrowPrev,.arrowNext{cursor:pointer}.slider__heading{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.text_above_slider{font-weight:600;font-size:16px;color:#000;margin-top:0}.arrow{width:24px;border:2px solid #ccc;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;height:24px;align-self:flex-end}.slides-row{display:flex;gap:14px;transition:transform .3s ease;z-index:1;margin-left:4px}.carousel__slide{flex:0 0 286px;box-sizing:border-box}.carousel{overflow:hidden;display:flex;flex-direction:column;margin-bottom:70px}.one{background:#f5f5f5;height:200px}.testButton1{width:200px;height:50px;background:#4caf50}.testButton12{width:200px;height:50px;background:#ffc107}.two{background:#fff;height:200px}.testButton2{width:200px;height:50px;background:#81c784}.testButton22{width:200px;height:50px;background:#ffd54f}.three{background:#fafafa;height:200px}.testButton3{width:200px;height:50px;background:#1976d2}.testButton32{width:200px;height:50px;background:#ff9800}