@charset "UTF-8";.dropdown{position:relative;z-index:1;width:100%;display:flex;flex-direction:column}.dropdown._dropped{z-index:2}.dropdown._dropped .dropdown__btn{border-color:transparent}.dropdown._dropped .dropdown__btn svg{scale:1 -1}.dropdown:not(._dropped) .dropdown__container{opacity:0;pointer-events:none}.dropdown__btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;padding:.4rem 1.6rem .8rem 0rem;border-bottom:.1rem solid #181818;font-family:nagel-variable;font-size:1.3rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;text-align:left}.dropdown__btn-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__btn svg{position:absolute;top:50%;right:0;translate:0 -50%;width:2rem;height:2rem}.dropdown__container{position:absolute;top:-1.6rem;left:-2rem;width:calc(100% + 4rem);min-height:calc(100% + 3.2rem);padding:5rem 1rem 1.6rem 2rem;background-color:#fcf8ec;border-radius:1rem;transition:.3s;box-shadow:0 0 1rem #1818180d}.dropdown__inner{padding:0rem .8rem 0 0;height:max-content;max-height:26rem;overflow:auto}.dropdown__inner::-webkit-scrollbar{width:.2rem;height:.2rem}.dropdown__inner::-webkit-scrollbar-track{background:transparent}.dropdown__inner::-webkit-scrollbar-thumb{background-color:#f5f2e7;border-radius:1rem}.catalog-filter{margin-bottom:2.5rem}.catalog-filter__container{display:flex;flex-direction:column;gap:2rem}.catalog-filter-for{display:flex;align-items:center;justify-content:center;gap:2.4rem;flex-wrap:wrap;margin-bottom:4.6rem}@media (max-width: 768px){.catalog-filter-for{gap:1.6rem}}.catalog-filter-for__link{font-family:nagel-variable;font-size:1.3rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#fd6735;transition:.3s}@media (hover){.catalog-filter-for__link:hover{color:#df5223}}@media (hover: none){.catalog-filter-for__link:active{color:#df5223}}.catalog-filter-for__link_active{opacity:.3}@media (hover){.catalog-filter-for__link_active:hover{color:#fd6735}}@media (hover: none){.catalog-filter-for__link_active:active{color:#fd6735}}.catalog-filter__filters{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:2.4rem;flex-wrap:wrap}@media (max-width: 768px){.catalog-filter__filters{flex-direction:column;align-items:flex-start;width:100%}}.catalog-filter__filters .dropdown{width:100%;max-width:16.5rem}@media (max-width: 768px){.catalog-filter__filters .dropdown{max-width:100%}}@media (max-width: 768px){.catalog-filter__filters .dropdown__container{left:-1.2rem;width:calc(100% + 2.4rem);padding-left:1.2rem}}.catalog-filter__filters .dropdown__inner{display:flex;flex-direction:column;gap:.8rem}.catalog-filter__filters .checkbox{align-items:center;font-weight:400;text-transform:uppercase}.catalog-filter__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:2.4rem}@media (max-width: 768px){.catalog-filter__inner{flex-direction:column;align-items:flex-start}}.catalog-filter__clear{font-family:nagel-variable;font-size:1.3rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#18181840;transition:.3s}@media (hover){.catalog-filter__clear:hover{color:#181818}}@media (hover: none){.catalog-filter__clear:active{color:#181818}}.catalog-filter-select{font-family:nagel-variable;font-size:1.3rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;text-align:left;color:#18181840;cursor:pointer}@media (hover){.catalog-filter-select:hover{color:#181818}}@media (hover: none){.catalog-filter-select:active{color:#181818}}.catalog-filter-select input:checked~.catalog-filter-select__inner{color:#fd6735}.catalog-filter-select input:checked~.catalog-filter-select__inner svg{opacity:1}.catalog-filter-select__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;transition:.3s}.catalog-filter-select__inner svg{width:2rem;height:2rem;opacity:0;transition:opacity .3s}.catalog-filter__sort .dropdown{width:fit-content}.catalog-filter__sort .dropdown._dropped .dropdown__btn svg{scale:1 1}.catalog-filter__sort .dropdown__btn{padding:0;border:none;width:4rem;height:4rem}.catalog-filter__sort .dropdown__btn svg{width:100%;height:100%}.catalog-filter__sort .dropdown__container{left:unset;right:-2rem;top:-.4rem;width:max-content;max-width:18rem}@media (max-width: 768px){.catalog-filter__sort .dropdown__container{right:unset;left:-1.2rem;padding-left:1.2rem}}.catalog-filter__sort .dropdown__inner{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;max-height:unset;overflow:unset}@media (max-width: 768px){.catalog-filter__sort .dropdown__inner{align-items:flex-start}}.catalog-filter__sort .catalog-filter-select input:checked~.catalog-filter-select__inner{color:#181818}.catalog-filter__sort .catalog-filter-select__inner{text-align:right;justify-content:flex-end}@media (max-width: 768px){.catalog-filter__sort .catalog-filter-select__inner{text-align:left;justify-content:flex-start}}.catalog-filter__selected{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.catalog-filter__selected-btn{padding:.5rem .9rem .5rem 1.2rem;border:.1rem solid #FD6735;border-radius:3rem;color:#fd6735;font-family:nagel-variable;font-size:1.3rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;transition:.3s;display:flex;align-items:center;justify-content:center;gap:1rem}@media (hover){.catalog-filter__selected-btn:hover{color:#df5223;border-color:#df5223}}@media (hover: none){.catalog-filter__selected-btn:active{color:#df5223;border-color:#df5223}}.catalog-filter__selected-btn svg{width:2rem;height:2rem}.catalog__breadcrumbs{width:100%;max-width:144rem;padding:0rem 3.5rem;margin:1.6rem auto 3rem}@media (max-width: 768px){.catalog__breadcrumbs{padding:0rem 2rem}}.catalog__title{font-size:3rem;line-height:1;text-align:center;margin-bottom:3.6rem}@media (max-width: 768px){.catalog__title{font-size:2.4rem;margin-bottom:3.2rem}}.catalog__container{display:flex;flex-direction:column;gap:5rem}@media (max-width: 768px){.catalog__container{gap:4rem}}.catalog__list{display:grid;grid-template-columns:repeat(4,1fr);gap:5rem 2.4rem}@media (max-width: 768px){.catalog__list{display:flex;flex-direction:column;gap:2rem}}
