.sort-menu{align-items:center;gap:16px;display:flex;position:absolute;top:24px;right:126px}.sort-menu .sort-menu-unit-counter{color:#3f4042;font-family:Montserrat;display:none}.sort-menu .sort-menu-unit-counter b{font-family:Montserrat;font-size:14.5px}.sort-menu .sort-menu-label{font-family:Montserrat}.sort-menu .sort-menu-trigger{cursor:pointer;color:#32472b;background:#fff;border:1px solid #b8b9bc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;max-width:280px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.sort-menu .sort-menu-trigger:hover{border-color:#52703f}.sort-menu .sort-menu-trigger:focus{border-color:#52703f;outline:none;box-shadow:0 0 0 3px #52703f1a}.sort-menu .sort-menu-trigger .sort-label{font-family:Montserrat;font-weight:500}.sort-menu .sort-menu-trigger .sort-arrow{transition:transform .2s;transform:rotate(180deg)}.sort-menu .sort-menu-trigger .sort-arrow.open{transform:rotate(0)}.sort-menu-dropdown{z-index:9999;background:#fff;border-radius:4px;min-width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.sort-menu-dropdown .sort-menu-list{height:calc(100dvh - 100px);max-height:max-content;margin:0;padding:0;list-style:none;overflow-y:auto}.sort-menu-dropdown .sort-menu-list::-webkit-scrollbar{background-color:#000;width:2px}.sort-menu-dropdown .sort-menu-list::-webkit-scrollbar-thumb{background-color:#777}.sort-menu-dropdown .sort-menu-list .sort-menu-option{text-align:left;cursor:pointer;color:#3e2b24;background:0 0;border:none;width:100%;padding:12px 16px;font-family:Montserrat;font-size:14px;transition:background-color .2s}.sort-menu-dropdown .sort-menu-list .sort-menu-option:hover{background-color:#52703f0d}.sort-menu-dropdown .sort-menu-list .sort-menu-option.active{background-color:#eff1f4}.sort-menu-dropdown .sort-menu-list .sort-menu-option:focus{background-color:#52703f1a;outline:none}
@media screen and (max-width:1024px) and (orientation:portrait){.sort-menu{margin:0 auto;position:relative;top:auto;right:auto}}@media screen and (max-width:600px) and (orientation:portrait){.sort-menu .sort-menu-unit-counter{width:max-content;font-size:14px;display:block}}@media screen and (max-width:400px) and (orientation:portrait){.sort-menu .sort-menu-unit-counter{width:50%}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.sort-menu{width:max-content;right:50%;transform:translate(50%)}.sort-menu .sort-menu-unit-counter{display:flex!important}.sort-menu .sort-menu-unit-counter .units-text,.sort-menu .sort-menu-label{display:none}}
.individuals-container{flex-direction:column;gap:38px;padding:23px;display:flex}.individuals-container .individuals-header{z-index:9999;justify-content:space-between;align-items:center;display:flex}.individuals-container .individuals-header .filters-con{display:none}.individuals-container .individuals-header .header-left{align-items:center;gap:20px;display:flex}.individuals-container .individuals-header .header-left .fav-btn{position:relative;top:auto;left:auto}.individuals-container .individuals-header .header-left .back-btn{position:static;top:auto;left:auto}.individuals-container .individuals-header .header-left .individuals-title{color:#3e2b24;font-family:Josefin Sans;font-size:28px;font-weight:400}.individuals-container .individuals-header .sort-menu{display:none}.individuals-container .individuals-header .header-right{align-items:start;gap:32px;display:flex;position:absolute;top:24px;right:24px}.individuals-container .individuals-header .header-right .sort-menu{display:flex;position:relative;top:auto;right:auto}.individuals-container .individuals-header .header-right .buttons-menu{position:relative;top:auto;right:auto}.individuals-container .individuals-header .header-right .mobile-filter-btn,.individuals-container .individuals-header .header-right .filters-con{display:none}.individuals-container .individuals-main{gap:44px;display:flex}.individuals-container .individuals-main .sort-menu{display:none}
@media screen and (max-width:1024px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:1024px) and (orientation:landscape){.individuals-container{flex-direction:column;gap:20px}.individuals-container .individuals-header{align-items:start}.individuals-container .individuals-header .header-left{align-items:start;gap:16px}.individuals-container .individuals-header .header-left .individuals-title,.individuals-container .individuals-header .header-right .sort-menu,.individuals-container .individuals-header .header-right .buttons-menu .buttons-container{display:none}.individuals-container .individuals-main{flex-direction:column;gap:20px}.individuals-container .individuals-main .sort-menu{justify-content:end;width:100%;display:flex}.individuals-container .individuals-main .sort-menu .sort-menu-label{display:none}.individuals-container .individuals-main .sort-menu .sort-menu-trigger{width:70%;min-width:20px}}@media screen and (max-width:1024px) and (max-height:1000px) and (orientation:portrait){.individuals-container .individuals-header .sort-menu{display:none}.individuals-container .individuals-header .filters-con{z-index:200;display:flex}.individuals-container .individuals-header .filters-con .filters-header .close-button{display:flex}}@media screen and (max-width:450px) and (orientation:portrait){.individuals-container{flex-direction:column}.individuals-container .individuals-header{align-items:start}.individuals-container .individuals-header .header-left .individuals-title{font-size:20px}.individuals-container .individuals-main .sort-menu .sort-menu-trigger{width:60%;min-width:20px}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.individuals-container .individuals-header .sort-menu{display:flex}.individuals-container .individuals-header .mobile-filter-btn,.individuals-container .individuals-header .filters-con{display:flex!important}.individuals-container .individuals-main .sort-menu{display:none!important}.individuals-container .individuals-main .mobile-filter-btn,.individuals-container .individuals-main .filters-con{display:none}}@media screen and (max-width:700px) and (max-height:600px) and (orientation:landscape){.individuals-container .individuals-header .sort-menu{right:52%}}@media screen and (max-width:650px) and (max-height:600px) and (orientation:landscape){.individuals-container{gap:20px}.individuals-container .individuals-header .header-left{flex-direction:column}}