.au.with-side{grid-template-columns:270px 1fr;align-items:start;gap:28px;display:grid}@media (width<=960px){.au.with-side{grid-template-columns:1fr;gap:16px}}.au-side{scrollbar-width:thin;max-height:calc(100vh - 24px);padding-right:6px;position:sticky;top:12px;overflow-y:auto}@media (width<=960px){.au-side{max-height:none;padding:0;position:static}}.au-fs{border-bottom:1px solid #cfcfcf;margin-bottom:12px;padding:6px 0 18px}.au-fh{width:100%;font:inherit;cursor:pointer;color:#000;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 0;font-size:20px;font-weight:300;display:flex}.au-fh i{font-size:1.3rem;transition:transform .25s}.au-fs:not(.open) .au-fh i{transform:rotate(180deg)}.au-fb{grid-template-rows:1fr;transition:grid-template-rows .3s;display:grid}.au-fb>*{overflow:hidden}.au-fs:not(.open) .au-fb{grid-template-rows:0fr}.au-fs:not(.open){padding-bottom:6px}.au-grid2{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.au-grid4{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.au-ic{min-height:88px;font:inherit;color:#262626;cursor:pointer;text-align:center;background:#fff;border:1px solid #8a8a8a;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:15px;font-weight:300;line-height:1.2;transition:all .15s;display:flex}.au-ic.tall{min-height:118px}.au-ic i{color:#262626;font-size:2.6rem}.au-ic.tall i{font-size:2.8rem}.au-ic:hover{color:#000;border-color:#000}.au-ic.on{color:#fff;background:#000;border-color:#000}.au-ic.on i{color:#fff}.au-chip{font:inherit;color:#262626;cursor:pointer;background:#fff;border:1px solid #8a8a8a;border-radius:3px;padding:9px 0;font-size:15px;font-weight:300;transition:all .15s}.au-chip:hover{border-color:#000}.au-chip.on{color:#fff;background:#000;border-color:#000}.au-clear{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:500;text-decoration:underline}@media (width<=960px){.au-grid2{grid-template-columns:repeat(4,1fr)}.au-grid4{grid-template-columns:repeat(8,1fr)}}@media (width<=600px){.au-grid2{grid-template-columns:1fr 1fr}.au-grid4{grid-template-columns:repeat(4,1fr)}}.au-main{background:#f3f3f3;min-height:300px;padding:24px}@media (width<=600px){.au-main{padding:12px}}.au:not(.with-side) .au-main{padding:20px}.au-group{margin-bottom:34px}.au-group.hide{display:none}.au-head{align-items:center;gap:12px;margin:0 0 20px;font-size:26px;font-weight:300;display:flex}.au-head i{flex:none;font-size:2rem}.au-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.au-card{cursor:pointer;opacity:0;background:#fff;border:1px solid #0000;flex-direction:column;min-height:372px;padding:22px 24px;transition:border-color .15s,box-shadow .2s;animation:.5s forwards auIn;display:flex;position:relative;transform:translateY(14px)}.au-card:hover{box-shadow:0 8px 24px #00000014}.au-card.sel{border-color:#000}.au-card.hide{display:none}@keyframes auIn{to{opacity:1;transform:none}}.au-tags{gap:6px;margin-bottom:8px;display:flex}.au-tag{color:#262626;background:#e9e9e9;padding:1px 6px;font-size:12px;font-weight:400;line-height:1.5}.au-tag.dark{color:#fff;background:#262626;font-weight:500}.au-series{font-size:44px;font-weight:300;line-height:1.05}.au-desc{color:#262626;margin-top:6px;font-size:16px}.au-img{flex:1;place-items:center;min-height:150px;margin:14px -10px 8px;display:grid;position:relative}.au-img img{object-fit:contain;width:100%;max-height:170px;transition:transform .4s}.au-card:hover .au-img img{transform:scale(1.04)}.au-fuel{color:var(--blue);z-index:1;font-size:3.4rem;position:absolute;top:0;left:6px}.au-fueltext{color:var(--blue);font-size:12.5px}.au-expand{background:#fff;grid-column:1/-1;grid-template-columns:260px 1fr 250px;align-items:start;gap:24px;min-height:340px;padding:26px 32px;animation:.35s both auOpen;display:grid;position:relative;overflow:hidden}@keyframes auOpen{0%{opacity:0;min-height:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:640px}}.au-expand .ex-l{flex-direction:column;min-height:290px;display:flex}.au-expand .ex-l .au-fueltext{margin-top:auto}.au-expand .ex-img{align-self:center;animation:.6s .1s both auSlide;position:relative}@keyframes auSlide{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.au-expand .ex-img img{object-fit:contain;width:100%;max-height:300px}.au-expand .ex-img .au-fuel{font-size:5rem;top:-8px;left:auto;right:0}.au-expand .ex-series{font-size:56px;font-weight:300;line-height:1.05}.au-expand .ex-sub{color:#262626;margin:8px 0;font-size:16px}.au-expand .ex-btns{gap:10px;padding-top:70px;display:grid}.au-expand .ex-btns .btn{width:100%;padding:15px 10px;font-weight:500}.au-expand .ex-close{cursor:pointer;color:#000;z-index:2;background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:12px;right:18px}.au-expand .ex-price{color:var(--mid);font-size:14px}@media (width<=1100px){.au-expand{grid-template-columns:1fr 1fr}.au-expand .ex-l{min-height:0}.au-expand .ex-btns{grid-column:1/-1;padding-top:0}.au-expand .ex-series{font-size:40px}}@media (width<=600px){.au-expand{grid-template-columns:1fr;padding:22px 18px}.au-expand .ex-img{order:2}}.au-empty{text-align:center;color:var(--mid);padding:30px}
