.page{max-width:1440px;margin:0 auto;padding:32px 40px;display:flex;flex-direction:column;width:100%;min-height:100vh}.page__content{width:100%}.geo-banner{background:#fff3f2;color:#b0413e;border:1px solid #f1c0bf;padding:8px 12px;margin-bottom:12px;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.geo-banner p{margin:0;font-size:13px}.geo-retry{background:transparent;border:1px solid #b0413e;color:#b0413e;padding:6px 8px;border-radius:4px;cursor:pointer}@media screen and (max-width: 900px){.page{padding:20px 16px}}@media screen and (max-width: 480px){.page{padding:12px}}.header{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:Cabinet Grotesk,sans-serif}.header__container{display:flex;align-items:center;flex-shrink:0;gap:24px}.header__logo{margin:0;width:89px;height:40px;flex-shrink:0}.header__date-and-location{font-size:20px;font-weight:700;white-space:nowrap;flex-shrink:0}.header__toggle{flex-shrink:0;display:flex;align-items:center}.header__add-clothes-btn{width:116px;border:0;background-color:transparent;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:1;cursor:pointer;transition:opacity .2s;padding:8px 0;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center}.header__add-clothes-btn:hover{opacity:.6}.header__user-container{display:flex;align-items:center;gap:20px;height:25px;padding:8px 0;flex-shrink:0}.header__username{margin:0;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:1}.header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.header__link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.header__auth-btn{border:0;background-color:transparent;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;cursor:pointer;padding:8px 0;transition:opacity .2s;color:#000}.header__auth-btn:hover{opacity:.6}.header__auth-btn_primary{background:#fff;color:#000;border-radius:4px;font-size:20px;line-height:24px}.header__auth-btn_primary:hover{opacity:.8}.header__logout-btn{border:0;background-color:transparent;font-family:Cabinet Grotesk,sans-serif;font-weight:400;font-size:16px;line-height:24px;cursor:pointer;padding:0;color:#666;transition:color .2s}.header__logout-btn:hover{color:#000}.header__auth-divider{color:#999;font-weight:300;margin:0 2px}@media (max-width: 768px){.header{flex-wrap:wrap;height:auto;gap:12px;padding:0}.header__add-clothes-btn{margin:0 10px 0 auto;font-size:16px;padding:4px 0}.header__auth-btn{font-size:16px;padding:4px 0}.header__auth-btn_primary{font-size:14px;padding:6px 12px}.header__date-and-location{font-size:14px}.header__username{font-size:16px;max-width:100px}.header__user-container{padding:4px 0}.header__link{max-width:150px}}@media (max-width: 480px){.header__container{flex-wrap:wrap;gap:8px}.header__logo{width:70px;height:32px}.header__add-clothes-btn,.header__auth-btn{font-size:14px}.header__username{font-size:14px;max-width:80px}}.toggle-switch{width:56px;height:28px;border:2px solid #7e7e7e;border-radius:20px;overflow:hidden;cursor:pointer;position:relative;font-family:Cabinet Grotesk,sans-serif}.toggle-switch__checkbox{opacity:0%}.toggle-switch__circle{background-color:#000;width:28px;height:28px;position:absolute;border-radius:50%;left:0;transition:all .5s}.toggle-switch__text{position:absolute;color:#fff;top:4px}.toggle-switch__text_F{left:9px}.toggle-switch__text_C{right:9px;color:#000}.toggle-switch__checkbox:checked~.toggle-switch__circle{left:28px}.toggle-switch__text_color_white{color:#fff}@font-face{src:url(/assets/CabinetGrotesk-Regular-dUh5YKtM-dUh5YKtM.woff) format("woff");font-family:Cabinet Grotesk}.main__page{display:flex;flex-wrap:wrap}.cards{width:100%}.cards__text{margin:0 0 34px;padding:0;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px}.cards__list{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style-type:none;gap:20px}.weather-card{display:flex;position:relative;height:80px;margin:28px 0 40px;border-radius:12px;width:100%}.weather-card__temp{font-size:36px;line-height:40px;margin:0;position:absolute;width:69px;height:40px;top:20px;left:16px;color:#fff}.weather-card__image{object-fit:fill;width:100%}.card{width:325px;height:328px;position:relative;display:flex;justify-content:center;border-radius:20px;border:#0000004d 1px solid;overflow:hidden;background:#e9e9e9;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.card__header{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:15px;pointer-events:none;gap:8px}.card__name{margin:0;background-color:#fff;color:#0009;border-radius:4px;padding:2px 12px;font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;pointer-events:none;white-space:nowrap}.card__like-btn{background:none;pointer-events:auto;cursor:pointer;padding:4px;font-size:18px;transition:all .2s ease;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.card__like-btn:hover{transform:scale(1.15);background:transparent}.card__like-btn:active{transform:scale(.9)}.card__like-btn--liked{background:transparent;animation:heartPop .3s ease}.card__image{object-fit:contain;height:328px;width:100%;border-radius:20px;pointer-events:none}.footer{display:flex;justify-content:space-between;font-family:Cabinet Grotesk,sans-serif;width:100%;padding:40px 0 0;margin-top:40px}.footer__author,.footer__date{margin:0;height:20px}@media screen and (max-width: 900px){.footer{padding:16px 0;flex-direction:column;align-items:center;gap:8px;margin-top:24px}}@media screen and (max-width: 480px){.footer{padding:12px 0;font-size:14px;margin-top:16px}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden}.modal_opened{visibility:visible}.modal__title{margin:0;padding:0 0 24px;height:20px;font-size:16px}.modal__close{width:20px;height:20px;top:20px;right:28px;position:absolute;background-position:center;border:none;cursor:pointer;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC8SURBVHgBzdTBDsQQFAXQR2ZTf8TWd9vyRyxn5ko02hruJF30bkjjnRQv1PsbuTFabs6rTUIIdbTWijGGKs45S0qpzr33cvhD7LwtwMhiGPtT20HnnGzbRqH9GtSg9gJimww6wvojOlzKCl1hiBq1DQpijFJKqQW4KGSF/QRHaPs2w6bgGUVWGLJsbKXUcP43eL4AtqU0g2GbbJ9qBsOZsX2qGayFQTWLsegOMtgMvYBoRwYboX0rq8e/2B99efk4/sAuIwAAAABJRU5ErkJggg==)}.modal__content{width:496px;position:relative;background-color:#fff;box-sizing:border-box;padding:28px;border-radius:20px}.modal__form{display:flex;flex-direction:column;gap:24px}.modal__label{display:block;padding:0 0 4px;margin-bottom:6px;position:relative}.modal__input{display:block;padding:6px 0;width:100%;border:none;border-bottom:1px solid #000;font-size:16px;line-height:1.2}.modal__input_invalid{border-bottom-color:#e74c3c;outline:none}.modal__error{position:absolute;left:0;bottom:-18px;margin:0;font-size:12px;color:#e74c3c;line-height:1.2;opacity:0;visibility:hidden;transition:opacity .12s ease-in-out,visibility .12s ease-in-out;pointer-events:none;width:100%}.modal__error_visible{opacity:1;visibility:visible}.modal__radio-btns label{display:flex;align-items:center;gap:8px}.modal__radio-btns_invalid{outline:2px solid rgba(231,76,60,.12);border-radius:6px;padding:8px}.modal__radio-btns_invalid .modal__legend{color:#e74c3c}.modal__radio-btns_invalid .modal__radio-input{box-shadow:0 0 0 3px #e74c3c0f}.modal__radio-input{margin:0}.modal__radio-btns{display:flex;flex-direction:column;border:0;padding:0;position:relative}.modal__radio-btns .modal__error{position:absolute;left:0;bottom:-22px;margin:0;width:100%}.modal__legend{margin:0;padding:0 0 12px;font-size:16px;font-weight:500}.modal__radio-btns{display:flex;flex-direction:column;border:0;padding:0}.modal__submit{display:flex;width:124px;height:36px;align-content:center;justify-content:center;border:none;background-color:#000;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .12s ease,transform 80ms ease;flex-shrink:0}.modal__submit:hover{background-color:#666}.modal__submit:active{background-color:#444;transform:translateY(1px)}.modal__submit:focus-visible{outline:2px solid #222;outline-offset:2px}.modal__actions{display:flex;align-items:center;gap:16px;margin-top:16px}.modal__switch-button{background:none;border:none;color:#222;cursor:pointer;font-size:16px;padding:8px 0;transition:color .2s;white-space:nowrap}.modal__switch-button:hover{color:gray}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar__user-info{display:flex;align-items:center;gap:16px;padding:0}.sidebar__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.5);flex-shrink:0}.sidebar__username{font-size:20px;font-weight:700;margin:0;font-family:Cabinet Grotesk,sans-serif;line-height:25px;color:#000}.sidebar__buttons{display:flex;flex-direction:column;gap:4px}.sidebar__edit-btn,.sidebar__logout-btn{background:none;border:none;font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:25px;cursor:pointer;padding:8px 0;margin:0;text-align:left;width:fit-content;color:#0009;transition:color .2s ease}.sidebar__edit-btn:hover,.sidebar__logout-btn:hover{color:#000}.clothes-section{width:100%;max-width:100%}.clothes-section__title{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:25px;color:#000;margin:0;padding:0}.clothes-section__description{font-size:16px;color:#666}.clothes-section__list{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;width:100%}.clothes-section__header{display:flex;align-items:center;gap:20px;margin-bottom:20px;width:100%}.clothes-section__add-btn{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:25px;color:#0009;background:none;border:none;cursor:pointer;padding:4px 0;transition:color .2s ease;white-space:nowrap}.clothes-section__add-btn:hover{color:#000}.clothes-section__list .item-card{flex:0 0 auto;width:164px}@media screen and (max-width: 900px){.clothes-section__list{gap:16px}.clothes-section__list .item-card{width:150px}}@media screen and (max-width: 768px){.clothes-section__header{flex-wrap:wrap;gap:12px}.clothes-section__title{font-size:18px}.clothes-section__add-btn{font-size:16px}.clothes-section__list .item-card{width:calc(50% - 8px);min-width:140px}}@media screen and (max-width: 480px){.clothes-section__list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.clothes-section__list .item-card{width:calc(50% - 6px);min-width:120px}}.profile{margin:47px 0 0;display:flex;width:100%;gap:40px}.profile__sidebar{flex:0 0 280px;max-width:280px;padding-right:20px}.profile__clothing-items{flex:1;min-width:0;padding-top:16px;overflow:visible;width:100%}.profile__clothing-items .profile__clothes-title{display:none}.profile__clothes-title h2{font-size:20px;font-weight:700;margin:0;color:#333;font-family:Cabinet Grotesk,sans-serif}.profile__clothes-title button{background:none;border:none;color:#333;font-size:16px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;font-family:Cabinet Grotesk,sans-serif}.profile__clothes-title button:hover{background-color:#e8e8e8;color:#000}.profile__clothes-grid{display:none}.profile__clothes-grid .item-card{background:#e9e9e9;border:1px solid rgba(0,0,0,.3);border-radius:20px;padding:16px;min-height:328px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;max-width:100%;cursor:pointer}.profile__clothes-grid .item-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.profile__empty{text-align:center;padding:60px 20px;color:#666;font-size:16px;background:#fff;border-radius:16px;border:2px dashed #ddd;width:100%;box-sizing:border-box}.profile__empty p{margin:0 0 12px}.profile__empty .profile__empty-icon{font-size:48px;display:block;margin-bottom:16px}@media screen and (max-width: 900px){.profile{flex-direction:column;gap:32px;padding:0;margin-top:24px}.profile__sidebar{flex:1;width:100%;max-width:100%;padding-right:0}.profile__clothing-items{padding-top:0;width:100%}.profile__clothes-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}}@media screen and (max-width: 480px){.profile{margin-top:16px;gap:24px}.profile__clothes-title{flex-direction:column;align-items:flex-start;gap:12px}.profile__clothes-title h2{font-size:18px}.profile__clothes-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.modal__content.modal__content_type_image{padding:0;margin:0;width:498px;height:610px;border-radius:16px;overflow:hidden}.modal__close.modal__content_type_image{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.7023%203.70711C18.0929%203.31658%2018.0929%202.68342%2017.7023%202.29289C17.3118%201.90237%2016.6787%201.90237%2016.2881%202.29289L9.99805%208.58298L3.70796%202.29289C3.31744%201.90237%202.68427%201.90237%202.29375%202.29289C1.90322%202.68342%201.90322%203.31658%202.29375%203.70711L8.58383%209.99719L2.29289%2016.2881C1.90237%2016.6787%201.90237%2017.3118%202.29289%2017.7023C2.68342%2018.0929%203.31658%2018.0929%203.70711%2017.7023L9.99805%2011.4114L16.289%2017.7023C16.6795%2018.0929%2017.3127%2018.0929%2017.7032%2017.7023C18.0937%2017.3118%2018.0937%2016.6787%2017.7032%2016.2881L11.4123%209.99719L17.7023%203.70711Z'%20fill='black'%20fill-opacity='0.3'/%3e%3c/svg%3e")}.modal__image{width:498px;height:498px;object-fit:contain}.modal__swith-button{width:124px;height:36px}.modal__footer{padding:20px 32px}.modal__caption{margin:0;padding:0 0 12px}.modal__weather{margin:0}.modal__top-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.modal__delete-button{background:transparent;color:#d9534f;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.modal__confirm-delete{display:flex;gap:12px;align-items:center}.modal__confirm-actions button{margin-left:8px}.modal__confirm-yes{background:#d9534f;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.modal__confirm-no{background:#e0e0e0;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.modal__caption-row{display:flex;justify-content:space-between;align-items:center}.modal__caption-actions{display:flex;align-items:center;gap:8px}.confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50}.confirm-modal{background:#fff;padding:20px 22px;border-radius:10px;width:320px;box-shadow:0 8px 24px #00000040}.confirm-modal h3{margin:0 0 8px}.confirm-modal p{margin:0 0 12px}.confirm-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.modal__confirm-actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.modal__confirm-actions .modal__confirm-yes,.modal__confirm-actions .modal__confirm-no{width:100%;max-width:220px}.modal__confirm-yes{background:#d9534f;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.modal__confirm-no{background:#f0f0f0;color:#333;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}