.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:#f3f3f3}.header__left{display:flex;align-items:center;gap:.5rem}.header__logo{font-weight:800;font-size:1.25rem;color:#000;-webkit-user-select:none;user-select:none}.header__location{font-size:.875rem;font-weight:400;color:#000;-webkit-user-select:none;user-select:none}.header__right{display:flex;align-items:center;gap:1rem;font-size:.875rem;font-weight:400;color:#000;-webkit-user-select:none;user-select:none}.header__center{display:flex;width:60%;align-items:center;justify-content:end}.header__add-btn{background:none;border:none;color:inherit;cursor:pointer;text-decoration:none}.header__add-btn:hover{text-decoration:underline}.header__add-btn:focus{outline:none}.header__profile{display:flex;align-items:center;gap:.5rem;cursor:pointer}.header__profile button{background:none;border:none;color:inherit;cursor:pointer;text-decoration:none;padding-inline:9px}.header__profile button:hover{text-decoration:underline}.header__profile button:focus{outline:none}.header__avatar{width:2rem;height:2rem;border-radius:9999px;object-fit:cover}.header__profile-link{cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:.5rem}.header__profile-link span{color:#000}@media (max-width: 768px){.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background-color:#f3f3f3}.header__left{flex-direction:column;align-items:flex-start;gap:.25rem}.header__logo{font-weight:800;font-size:1.25rem;color:#000;-webkit-user-select:none;user-select:none}.header__center{width:20%;align-items:start}.header__right{display:flex;flex-direction:column;align-items:flex-start}.header__add-btn{order:2;margin-left:50px}.header__profile{order:1}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;width:100%;height:100%;transition:background-color .4s}.slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:#000;border-radius:50%;transition:transform .4s;z-index:1}.thumb-label{position:absolute;width:26px;height:26px;line-height:26px;text-align:center;font-weight:700;font-size:14px;color:#fff;z-index:2;left:0;top:4px;pointer-events:none;transition:transform .4s}.switch input:checked+.slider:before{transform:translate(26px)}.switch input:checked+.slider .thumb-label{transform:translate(26px);content:"C"}.switch input:not(:checked)+.slider .thumb-label:after{content:"F";color:#fff}.switch input:checked+.slider .thumb-label:after{content:"C";color:#fff}.thumb-label{color:transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{font-family:Cabinet Grotesk;width:496px;box-sizing:border-box;font-size:16px;line-height:20px;background-color:#fff;border:1px solid black;border-radius:20px;padding:1.5rem;position:relative;color:#000;box-shadow:0 2px 10px #0003}.modal__label,.modal__image{font-weight:700}.modal h2{margin-top:0;margin-bottom:24px;font-family:Cabinet Grotesk;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0%}.modal .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:gray;cursor:pointer}.modal .close-btn:hover{color:#555}input[type=text],input[type=url],input[type=email],input[type=password]{width:97%;border:none;border-bottom:1px solid #ccc;margin-bottom:1rem;margin-top:10px;font-size:16px;background-color:transparent;outline:none;transition:border-color .2s}input[type=text],input[type=url],input[type=email],input[type=password]:focus{border-bottom:1px solid #007bff}input[type=text],input[type=url],input[type=email],input[type=password]:focus{border-bottom:1px solid #ccc}.modal__fieldset{border:none;margin:0 0 1rem;padding:0}.modal__legend{font-weight:600;margin-bottom:.5rem}.modal__radio-group{font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;color:#00000080}.modal__radio-group:has(:checked){color:#000}.modal-form__button{background-color:#000;color:#fff;font-size:10px;padding:5px 10px;border:none;border-radius:2px;cursor:pointer}.modal-form__button:hover{background-color:#737373}.modal-form_button_disabled{background-color:#ccc;color:#fff;font-size:16px;line-height:20px;padding:8px 16px;border:none;border-radius:2px}.input-error{border-bottom:1px solid #ff4d00!important;color:#ff4d00}.input-error::placeholder{color:#ff4d00;opacity:1}.label-error{color:#ff4d00}.button__parse{background:none;border:none;color:inherit;cursor:pointer;text-decoration:none;color:#ccc;padding-inline:9px}.button__parse:hover{text-decoration:underline}.button__parse:focus{outline:none}.app{display:flex;flex-direction:column;min-height:100vh;font-weight:700;font-size:20px}.body{padding:.5rem 1.5rem 1.5rem;flex-grow:1;background-color:#f3f3f3}body{font-family:Cabinet Grotesk,sans-serif}.main{padding:.5rem 1.5rem 1.5rem;flex-grow:1;background-color:#f3f3f3}.item-list{display:flex;flex-wrap:wrap;gap:17px}.main__clothing-section{margin-top:.75rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;-webkit-user-select:none;user-select:none}@media (min-width: 640px){.main__clothing-section{grid-template-columns:repeat(4,1fr)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;border-radius:8px;overflow:hidden;max-width:320px;width:100%;box-shadow:0 8px 24px #0003;position:relative}.modal-close{position:absolute;top:8px;right:12px;font-size:20px;background:transparent;border:none;color:#999;cursor:pointer}.modal-close:hover{color:#000}.modal__information{display:flex}.modal-image{width:100%;display:block;object-fit:cover}.modal-details{padding:6px 14px;font-size:14px;width:50%;color:#222}.modal-delete{text-align:right;padding:6px 14px;font-size:14px;width:50%}.button__delete-item{color:#ff4d00;margin-top:12px;margin-left:auto;border:none;background:none;cursor:pointer}.item-card{width:250px;border-radius:12px;overflow:hidden;box-sizing:border-box}.item-card__image-wrapper{position:relative;width:100%;height:250px;padding:0;cursor:pointer}.item-card__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.item-card__label{position:absolute;top:12px;left:50%;transform:translate(-50%);background-color:#ffffffe6;color:#374151;font-size:.75rem;font-weight:900;padding:4px 10px;border-radius:4px;z-index:2;pointer-events:none}.item-card__likes{position:absolute;top:12px;right:50px;z-index:2}.item-card__like{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer}.item-card__like_active{color:red}@media (max-width: 768px){.item-card{width:100%;max-width:320px;margin:0 auto}}.modal__delete{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal__delete-content{width:670px;height:280px;background-color:#fff;display:flex;justify-content:center;border-radius:16px;align-items:center;text-align:center;flex-direction:column}.modal__delete-title{font-size:20px;font-weight:700;line-height:24px}.modal__delete-button{color:#ff4d00;margin-top:20px;font-size:20px;border:none;font-weight:700;line-height:24px;background:none;cursor:pointer}.modal__delete-cancel{margin-top:10px;font-size:20px;border:none;font-weight:700;line-height:24px;background:none;cursor:pointer}@media (max-width: 640px){.modal__delete-content{width:250px;height:150px}.modal__delete-title,.modal__delete-button,.modal__delete-cancel{font-size:10px;line-height:15px}.modal__delete-button,.modal__delete-cancel{margin-top:5px}}.main__temperature-box{position:relative;background-color:#1e90ff;border-radius:.5rem;height:56px;width:100%;overflow:visible;-webkit-user-select:none;user-select:none}.main__temperature-text{color:#fff;font-weight:600;font-size:1.125rem;line-height:56px;padding-left:1rem}.main__weather-img{position:absolute;top:0;right:0;height:56px;width:80px;object-fit:contain}.main__description{margin-top:1rem;color:#000;font-size:.875rem;font-weight:400;-webkit-user-select:none;user-select:none}.footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:#f3f3f3;color:#000;font-size:.75rem;font-weight:400;-webkit-user-select:none;user-select:none}.clothes{padding:5px}.clother__header{display:flex;gap:20px}.clothes__title{font-weight:800}.clother__add-btn{background:none;border:none;color:inherit;cursor:pointer;text-decoration:none}.clother__items{display:flex;flex-wrap:wrap;gap:17px;margin-top:20px}.sidebar__profile{display:flex;align-items:center;gap:1.5rem;cursor:pointer}.sidebar__avatar{width:2rem;height:2rem;border-radius:9999px;object-fit:cover}.sidebar__menu{padding-block:15px}.sidebar__menu ul{list-style:none;padding:0;margin:0}.sidebar__menu li{text-align:left;margin-bottom:8px}.sidebar__menu button{background:none;border:none;color:inherit;cursor:pointer;text-decoration:none;padding-inline:9px;font-weight:700}.sidebar__menu button:hover{text-decoration:underline}.sidebar__menu button:focus{outline:none}.profile{padding:.5rem 2.5rem 1.5rem;flex-grow:1;background-color:#f3f3f3;display:flex}.sidebar__section{padding:10px;width:300px;height:auto}.clother__section{padding:10px;height:auto;width:100%}