.ui-fresh{
--fresh-sh:0 1px 2px rgb(15 23 42/.04), 0 4px 14px rgb(15 23 42/.06);
--fresh-sh-hi:0 2px 6px rgb(15 23 42/.07), 0 12px 28px rgb(15 23 42/.10);
--fresh-r:18px;
}
:root[data-theme="dark"] .ui-fresh,
html.dark .ui-fresh{
--fresh-sh:0 1px 2px rgb(0 0 0/.35), 0 6px 18px rgb(0 0 0/.28);
--fresh-sh-hi:0 2px 8px rgb(0 0 0/.45), 0 14px 34px rgb(0 0 0/.40);
}
.ui-fresh .aks-card{
border:0;
border-radius:var(--fresh-r);
box-shadow:var(--fresh-sh);
transition:box-shadow .18s ease, transform .18s ease;
}
.ui-fresh .aks-card:hover{
box-shadow:var(--fresh-sh-hi);
transform:translateY(-3px);
}
.ui-fresh .aks-photo{
background:var(--surface-2);
border-radius:calc(var(--fresh-r) - 4px);
margin:8px 8px 0;
}
.ui-fresh .aks-cbody{padding:12px 14px 14px}
.ui-fresh .aks-ctitle{font-size:15px;font-weight:800;letter-spacing:-.015em;line-height:1.25}
.ui-fresh .aks-cname{font-size:12.5px;font-weight:400;color:var(--ink-3);line-height:1.4}
.ui-fresh .aks-cspecs{font-size:11.5px;color:var(--ink-3);line-height:1.45}
.ui-fresh .aks-price{font-size:20px;font-weight:850;letter-spacing:-.02em}
.ui-fresh .facet,
.ui-fresh .cat-side > *,
.ui-fresh .car-panel,
.ui-fresh .cat-carlinks{
border:0;
border-radius:var(--fresh-r);
box-shadow:var(--fresh-sh);
}
.ui-fresh .car-panel-head,
.ui-fresh .car-panel-row{border-color:color-mix(in srgb, var(--line) 55%, transparent)}
.ui-fresh .cat-brand,
.ui-fresh .cbr-item{
border:0;
border-radius:14px;
box-shadow:var(--fresh-sh);
transition:box-shadow .16s ease, transform .16s ease;
}
.ui-fresh .cat-brand:hover,
.ui-fresh .cbr-item:hover{box-shadow:var(--fresh-sh-hi);transform:translateY(-2px)}
.ui-fresh .aks-cmp,
.ui-fresh .cat-sort-o,
.ui-fresh .aks-views button{
border:0;
background:var(--surface-2);
border-radius:12px;
}
.ui-fresh .aks-cmp:hover,
.ui-fresh .cat-sort-o:hover,
.ui-fresh .aks-views button:hover{background:var(--surface-3)}
.ui-fresh .cat-sort-o.is-on,
.ui-fresh .aks-views button.is-on{background:var(--accent);color:var(--on-accent)}
.ui-fresh .cat-sort-o.is-on:hover{background:var(--accent-2)}
.ui-fresh .aks-quick{
border:0;
border-radius:16px;
box-shadow:var(--fresh-sh-hi);
}
.ui-fresh .cat-tile,
.ui-fresh .home-prod,
.ui-fresh .home-block{
border:0;
border-radius:var(--fresh-r);
box-shadow:var(--fresh-sh);
transition:box-shadow .18s ease, transform .18s ease;
}
.ui-fresh .cat-tile:hover,
.ui-fresh .home-prod:hover{box-shadow:var(--fresh-sh-hi);transform:translateY(-3px)}
.ui-fresh .home-brand{
border:0;
border-radius:12px;
background:var(--surface);
transition:background-color .15s ease, transform .15s ease;
}
.ui-fresh .home-brand:hover{background:var(--surface-2);transform:translateY(-1px)}
.ui-fresh .card,
.ui-fresh .offer-cell,
.ui-fresh .kit-row,
.ui-fresh .us-card,
.ui-fresh .hero-specs{
border:0;
border-radius:var(--fresh-r);
box-shadow:var(--fresh-sh);
}
.ui-fresh .offer-grp{border:0;box-shadow:none}
.ui-fresh .offer-cell{transition:box-shadow .18s ease, transform .18s ease}
.ui-fresh .offer-cell:hover{box-shadow:var(--fresh-sh-hi);transform:translateY(-3px)}
.ui-fresh .offer-grp:hover{box-shadow:none;transform:none}
.ui-fresh a.kit-row:hover{box-shadow:var(--fresh-sh-hi);transform:translateY(-2px);border:0}
.ui-fresh .offer-phwrap{border:0;background:var(--surface-2)}
.ui-fresh .tog-i{
border:0;
background:var(--surface-2);
border-radius:14px;
transition:background-color .15s ease, transform .15s ease;
}
.ui-fresh .tog-i:hover{background:var(--surface-3);transform:translateY(-2px);border:0}
.ui-fresh .ph .frame{border:0;background:var(--surface-2)}
.ui-fresh .ph .frame:hover{border:0}
.ui-fresh .fit li{border:0}
.ui-fresh .oc-in{border:0;background:var(--surface-2)}
.ui-fresh .fold,
.ui-fresh .fold > summary{border:0}
.ui-fresh .folds .fold{box-shadow:var(--fresh-sh)}
.ui-fresh .hero-specs table{border:0}
.ui-fresh .cbr,
.ui-fresh .cat-kid,
.ui-fresh .cat-carlinks-a{
border:0;
background:var(--surface-2);
transition:background-color .15s ease, transform .15s ease;
}
.ui-fresh .cbr:hover,
.ui-fresh .cat-kid:hover,
.ui-fresh .cat-carlinks-a:hover{background:var(--surface-3);transform:translateY(-1px)}
.ui-fresh .cat-h1{font-size:30px;font-weight:850;letter-spacing:-.025em;line-height:1.15}
.ui-fresh .cat-found{color:var(--ink-3);font-size:13px}
.ui-fresh .cat-crumbs{font-size:12.5px}
@media(max-width:760px){
.ui-fresh .cat-h1{font-size:23px}
.ui-fresh .aks-price{font-size:18px}
}