#armada{counter-reset:vehicle;background-image:linear-gradient(#17231d0a 1px,transparent 1px),linear-gradient(90deg,#17231d0a 1px,transparent 1px);background-size:80px 80px}.catalog-shell{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:start}.catalog-shell .filters{position:sticky;top:118px;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:20px 16px;background:var(--ink);border-radius:20px;z-index:3}.filter-title{font:700 18px/1.05 Manrope;color:white;letter-spacing:-.5px;margin:4px 4px 22px}.catalog-shell .filters button{text-align:left;color:#9eaaa2;border:0;border-top:1px solid #ffffff18;border-radius:0;padding:14px 4px;background:transparent}.catalog-shell .filters button:before{content:'○';margin-right:9px}.catalog-shell .filters button.active{color:var(--lime);background:transparent}.catalog-shell .filters button.active:before{content:'●'}.catalog-shell .filters small{color:#708078;font-size:10px;line-height:1.4;margin:22px 4px 3px}.catalog-shell .cars{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:14px}.catalog-shell .car{counter-increment:vehicle;display:grid;min-height:390px;overflow:hidden}.catalog-shell .car:before{content:'0' counter(vehicle);position:absolute;right:18px;top:13px;font:700 11px Manrope;color:#748078;z-index:3}.catalog-shell .car:nth-child(1){grid-column:span 8;grid-template-columns:1.15fr .85fr}.catalog-shell .car:nth-child(2){grid-column:span 4}.catalog-shell .car:nth-child(3){grid-column:span 5}.catalog-shell .car:nth-child(4){grid-column:span 7;grid-template-columns:1.1fr .9fr}.catalog-shell .car:nth-child(5){grid-column:span 7;grid-template-columns:1.1fr .9fr}.catalog-shell .car:nth-child(6){grid-column:span 5}.catalog-shell .car:nth-child(1) .carpic,.catalog-shell .car:nth-child(4) .carpic,.catalog-shell .car:nth-child(5) .carpic{height:calc(100% - 18px)}.catalog-shell .car:nth-child(1) .carpic img,.catalog-shell .car:nth-child(4) .carpic img,.catalog-shell .car:nth-child(5) .carpic img{height:100%}.catalog-shell .car:nth-child(1) .carbody,.catalog-shell .car:nth-child(4) .carbody,.catalog-shell .car:nth-child(5) .carbody{display:flex;flex-direction:column;justify-content:flex-end;padding:30px 24px}.catalog-shell .car:nth-child(1) h3,.catalog-shell .car:nth-child(4) h3,.catalog-shell .car:nth-child(5) h3{display:block;font-size:28px;letter-spacing:-1.2px}.catalog-shell .car:nth-child(1) h3 b,.catalog-shell .car:nth-child(4) h3 b,.catalog-shell .car:nth-child(5) h3 b{display:block;margin-top:10px;color:var(--green);font-size:15px}.catalog-shell .car:nth-child(2){background:var(--lime)}.catalog-shell .car:nth-child(2) .carpic{background:#eaffbd}.catalog-shell .car:nth-child(4){background:#dde8dc}.catalog-shell .car:nth-child(5){background:var(--green);color:white}.catalog-shell .car:nth-child(5) .carbody>small,.catalog-shell .car:nth-child(5) h3 b{color:var(--lime)}.catalog-shell .car:nth-child(5) p{color:#b8c6bd;border-color:#ffffff20}.catalog-shell .car:nth-child(5):before{color:#b8c6bd}.catalog-shell .car:nth-child(5) .carpic img{mix-blend-mode:normal}.catalog-shell .car.hidden{display:none}.catalog-shell .car:hover{transform:translateY(-5px);rotate:0deg}.price-cards{margin-bottom:50px}
@media(max-width:950px){.catalog-shell{grid-template-columns:1fr}.catalog-shell .filters{position:static;flex-direction:row;align-items:center;overflow:auto;border-radius:16px;padding:10px}.filter-title,.catalog-shell .filters small{display:none}.catalog-shell .filters button{border:0;border-radius:99px;white-space:nowrap;padding:10px 14px}.catalog-shell .cars{grid-template-columns:1fr 1fr}.catalog-shell .car:nth-child(n){grid-column:span 1;display:block}.catalog-shell .car:nth-child(n) .carpic{height:auto}.catalog-shell .car:nth-child(n) .carbody{display:block;padding:18px 22px 22px}.catalog-shell .car:nth-child(n) h3{display:flex;font-size:20px}.catalog-shell .car:nth-child(n) h3 b{display:inline;margin:0;font-size:14px}}
@media(max-width:620px){#armada{background-size:48px 48px}.catalog-shell{gap:18px}.catalog-shell .cars{grid-template-columns:1fr}.catalog-shell .car{min-height:0}.catalog-shell .car:nth-child(n){grid-column:1}.catalog-shell .filters{margin-inline:-4px}.catalog-shell .car:nth-child(n) h3{display:flex}.catalog-shell .car:nth-child(5) .carpic img{background:white}}