.assortment-search{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0 28px}.assortment-search label{display:grid;gap:7px;font-weight:600}.assortment-search input,.assortment-search select{font:inherit;padding:11px;border:1px solid #8799a7;border-radius:3px;max-width:100%;min-width:220px}.assortment-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.assortment-category{border:1px solid #cbd7e0;border-top:3px solid #1477ae;padding:20px;color:#243848;text-decoration:none;min-height:105px;display:grid;gap:12px}.assortment-category small{color:#52616c}.assortment-category:hover{background:#edf5fa}.assortment-category:focus-visible{outline:3px solid #1477ae;outline-offset:3px}.assortment-open{border-top-color:#aa7a24}.assortment-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.assortment-layout aside{min-width:0}.assortment-layout aside details{border:1px solid #cbd7e0}.assortment-layout aside summary{padding:14px;background:#edf5fa;font-weight:700;cursor:pointer}.assortment-layout aside nav{display:flex;flex-direction:column}.assortment-layout aside nav a{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e3e9ee;text-decoration:none;color:#243848;overflow-wrap:anywhere}.assortment-layout aside>details>a{display:block;padding:14px}.assortment-layout .ms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.assortment-layout .ms-card{min-width:0}.assortment-count{font-weight:700}@media(max-width:1000px){.assortment-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assortment-layout{grid-template-columns:210px minmax(0,1fr)}.assortment-layout .ms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.assortment-layout{grid-template-columns:1fr}.assortment-search{display:grid;grid-template-columns:1fr}.assortment-search label,.assortment-search input,.assortment-search select{width:100%;min-width:0}}@media(max-width:500px){.assortment-category-grid{grid-template-columns:1fr}.assortment-layout .ms-grid{grid-template-columns:1fr}}

.assortment-layout aside nav small{flex-shrink:0;white-space:nowrap}.assortment-layout .ms-card{display:flex;flex-direction:column}.assortment-layout .ms-card>.button{margin-top:auto}.assortment-search label:first-child{flex:1;min-width:280px}.assortment-search label:nth-child(2){flex:1;min-width:260px;max-width:560px}@media(max-width:850px){.assortment-search label:first-child,.assortment-search label:nth-child(2){min-width:0;max-width:none}}