.dd-svs{background:radial-gradient(120% 120% at 50% 0%,var(--dd-surface-2) 0%,var(--dd-bg) 62%);padding:74px 30px 84px;border-bottom:1px solid var(--dd-border-soft);scroll-margin-top:76px}@media(max-width:989px){.dd-svs{scroll-margin-top:64px}}.dd-svs__inner{max-width:1500px;margin:0 auto}.dd-svs__head{text-align:center;margin-bottom:8px}.dd-svs__eyebrow{font-family:var(--dd-font-mono);font-size:13px;letter-spacing:.24em;color:var(--dd-accent);text-transform:uppercase;margin-bottom:14px}.dd-svs__subhead{margin:0 auto;max-width:640px;font-family:var(--dd-font-body);font-style:italic;font-weight:700;font-size:clamp(18px,2vw,24px);line-height:1.35;color:var(--dd-text)}.dd-svs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.dd-truck{text-decoration:none;color:var(--dd-text);display:flex;flex-direction:column;align-items:center;padding:20px 12px 26px;border-radius:var(--dd-radius-card);border:1px solid transparent;background:transparent;transition:border-color .25s ease,background-color .25s ease}.dd-truck:hover,.dd-truck:focus-visible{border-color:var(--dd-border);background:#8fce2b0a;outline:none}.dd-truck__img{width:100%;aspect-ratio:16 / 9;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .45s cubic-bezier(.16,.84,.36,1),filter .3s ease}.dd-truck__img img,.dd-truck__img svg{width:100%;height:100%;object-fit:contain;display:block;transition:filter .3s ease}.dd-truck__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--dd-border-strong);border-radius:var(--dd-radius-tile);font-family:var(--dd-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-text-faint);padding:8px;text-align:center}.dd-truck:hover .dd-truck__img,.dd-truck:focus-visible .dd-truck__img{transform:translateY(-6px) scale(1.05)}.dd-truck:hover .dd-truck__img img,.dd-truck:focus-visible .dd-truck__img img{filter:drop-shadow(0 0 10px rgba(143,206,43,.65)) drop-shadow(0 0 24px rgba(143,206,43,.35))}.dd-truck__name{margin:22px 0 8px;font-family:var(--dd-font-heading);font-weight:800;font-style:italic;font-size:clamp(19px,1.5vw,25px);letter-spacing:-.01em;transition:color .25s ease}.dd-truck__years{font-family:var(--dd-font-mono);font-size:13px;letter-spacing:.12em;color:var(--dd-text-faint);margin-bottom:16px}.dd-truck__cta{display:inline-flex;align-items:center;gap:9px;font-family:var(--dd-font-body);font-weight:700;font-size:14px;color:var(--dd-text);border-bottom:1.5px solid var(--dd-border-strong);padding-bottom:3px;transition:color .25s ease,border-color .25s ease}.dd-truck:hover .dd-truck__name,.dd-truck:focus-visible .dd-truck__name,.dd-truck:hover .dd-truck__cta,.dd-truck:focus-visible .dd-truck__cta{color:var(--dd-accent)}.dd-truck:hover .dd-truck__cta,.dd-truck:focus-visible .dd-truck__cta{border-color:var(--dd-accent)}.dd-truck{animation:dd-rise .6s ease both}.dd-truck:nth-child(1){animation-delay:.08s}.dd-truck:nth-child(2){animation-delay:.16s}.dd-truck:nth-child(3){animation-delay:.24s}.dd-truck:nth-child(4){animation-delay:.32s}@media(prefers-reduced-motion:reduce){.dd-truck{animation-name:dd-fade}.dd-truck:hover .dd-truck__img,.dd-truck:focus-visible .dd-truck__img{transform:none}}@media(max-width:989px){.dd-svs__grid{grid-template-columns:repeat(2,1fr)}}.dd-svs__pager{display:none;justify-content:center;align-items:center;gap:8px;margin-top:4px}.dd-svs__dot{width:8px;height:8px;padding:0;border:none;border-radius:4px;background:var(--dd-border-strong);cursor:pointer;transition:width .25s ease,background .2s ease}.dd-svs__dot.is-active{width:24px;background:var(--dd-accent)}.dd-svs__dot:focus-visible{outline:2px solid var(--dd-accent);outline-offset:3px}@media(max-width:749px){.dd-svs{padding:56px 22px 48px}.dd-svs__grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:24px -22px 12px;padding:4px 22px 12px}.dd-svs__grid::-webkit-scrollbar{display:none}.dd-truck{flex:0 0 min(80%,320px);scroll-snap-align:start;background:var(--dd-surface-1);border-color:var(--dd-border);padding:20px 18px 24px}.dd-svs__pager{display:flex}}@media(prefers-reduced-motion:reduce){.dd-svs__grid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dd-shop-by-vehicle.css.map */