.pd-similar{padding:1rem;border:1px solid var(--pd-border);border-radius:calc(var(--pd-r, 12px) + 2px);background:var(--pd-surface)}@media (min-width:768px){.pd-similar{padding:1.25rem 1.5rem}}.pd-similar__head{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.pd-similar__bar{width:.25rem;height:1.25rem;border-radius:999px;background:linear-gradient(180deg,var(--pd-primary),var(--pd-accent))}.pd-similar__title{margin:0;font-family:var(--font-heading,inherit);font-size:1rem;font-weight:800;color:var(--pd-text)}.pd-similar__grid--count{display:grid;grid-template-columns:repeat(var(--pd-similar-cols,2),minmax(0,1fr));gap:.75rem}@media (min-width:768px){.pd-similar__grid--count{gap:1rem}}.pd-similar__slider{position:relative;min-width:0}.pd-similar__viewport{touch-action:pan-y pinch-zoom;cursor:grab}.pd-similar__viewport:active{cursor:grabbing}.pd-similar__track{gap:.75rem}.pd-similar__slide{flex:0 0 calc((100% - 0.75rem) / 2);min-width:0}@media (min-width:640px){.pd-similar__slide{flex-basis:calc((100% - 2.25rem) / 4)}.pd-similar__track{gap:.75rem}}@media (min-width:1024px){.pd-similar__slide{flex-basis:calc((100% - 3.75rem) / 5)}}.pd-similar__nav{position:absolute;top:50%;z-index:2;display:grid;place-content:center;width:2rem;height:2rem;padding:0;color:var(--pd-text);border:1px solid var(--pd-border);border-radius:999px;background:color-mix(in srgb,var(--pd-surface) 92%,transparent);backdrop-filter:blur(6px);transform:translateY(-50%);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--pd-text) 8%,transparent);transition:border-color .2s ease,background .2s ease}.pd-similar__nav:hover{border-color:color-mix(in srgb,var(--pd-primary) 40%,transparent);background:var(--pd-surface)}.pd-similar__nav--prev{left:-.5rem}.pd-similar__nav--next{right:-.5rem}@media (min-width:768px){.pd-similar__nav--prev{left:-.75rem}.pd-similar__nav--next{right:-.75rem}}