.tplx-cdt-shelf{--tplx-cdt-shelf-link: #1255cc;box-sizing:border-box;width:100%;padding-block:clamp(32px,4vw,56px);background:#fff;color:#171719;font-family:var(--font-body-family, sans-serif);text-align:left}.tplx-cdt-shelf__inner{box-sizing:border-box;max-width:1248px;padding-inline:24px;margin-inline:auto}.tplx-cdt-shelf__header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;margin-bottom:32px}.tplx-cdt-shelf__heading{margin:0;font-family:var(--font-heading-family, sans-serif);color:inherit;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}.tplx-cdt-shelf__subtitle{margin:12px 0 0;color:#45454a;font-size:17px;line-height:1.5}.tplx-cdt-shelf__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.tplx-cdt-shelf__item{min-width:0}.tplx-cdt-shelf__tile{display:grid;place-items:center;width:100%;aspect-ratio:1;background:#f5f5f5;color:inherit;text-decoration:none}.tplx-cdt-shelf__crop{position:relative;display:block;width:calc(var(--tplx-cdt-crop-width, 330) * .0911458333%);aspect-ratio:var(--tplx-cdt-crop-width, 330) / 1024;overflow:hidden}.tplx-cdt-shelf__image{position:absolute;inset:0 auto auto 0;display:block;width:var(--tplx-cdt-image-width, 465.454545%);max-width:none;height:100%;transform:translate(var(--tplx-cdt-image-shift, -6.4453125%))}.tplx-cdt-shelf__details{display:grid;justify-items:start;gap:8px;margin-top:20px}.tplx-cdt-shelf__title{margin:0;color:inherit;font-family:var(--font-heading-family, sans-serif);font-size:19px;font-weight:700;line-height:1.35;overflow-wrap:break-word}.tplx-cdt-shelf__title a{color:inherit;text-decoration:none}.tplx-cdt-shelf__category{margin:0;color:#45454a;font-size:15px;line-height:1.5}.tplx-cdt-shelf__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;color:var(--tplx-cdt-shelf-link);font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}.tplx-cdt-shelf__link:hover,.tplx-cdt-shelf__title a:hover{text-decoration:underline;text-underline-offset:4px}.tplx-cdt-shelf a:focus-visible{outline:2px solid var(--tplx-cdt-shelf-link);outline-offset:4px}@media(max-width:999px){.tplx-cdt-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.tplx-cdt-shelf__inner{padding-inline:20px}.tplx-cdt-shelf__header{margin-bottom:24px}.tplx-cdt-shelf__grid{gap:28px 16px}.tplx-cdt-shelf__title{font-size:17px}.tplx-cdt-shelf__details{margin-top:16px}}@media(max-width:359px){.tplx-cdt-shelf__grid{grid-template-columns:minmax(0,1fr)}}@media(forced-colors:active){.tplx-cdt-shelf{background:Canvas;color:CanvasText}.tplx-cdt-shelf__tile{background:Canvas;outline:1px solid CanvasText}.tplx-cdt-shelf__subtitle,.tplx-cdt-shelf__category{color:CanvasText}.tplx-cdt-shelf__link{color:LinkText}.tplx-cdt-shelf a:focus-visible{outline-color:Highlight}}.tplx-cdt-shelf{--tplx-cdt-hover-surface: #eef3fc;--tplx-cdt-hover-line: rgba(18, 85, 204, .18);--tplx-cdt-motion-duration: .18s;--tplx-cdt-motion-easing: cubic-bezier(.16, 1, .3, 1);--tplx-cdt-hover-lift: -.1875rem;--tplx-cdt-hover-scale: 1.035}.tplx-cdt-shelf__tile:focus-visible{background:var(--tplx-cdt-hover-surface);box-shadow:inset 0 0 0 1px var(--tplx-cdt-hover-line)}@media(hover:hover)and (pointer:fine){.tplx-cdt-shelf__tile:hover{background:var(--tplx-cdt-hover-surface);box-shadow:inset 0 0 0 1px var(--tplx-cdt-hover-line)}}@media(prefers-reduced-motion:no-preference){.tplx-cdt-shelf__crop{transform-origin:center;transition:transform var(--tplx-cdt-motion-duration) var(--tplx-cdt-motion-easing)}.tplx-cdt-shelf__tile:focus-visible .tplx-cdt-shelf__crop{transform:translateY(var(--tplx-cdt-hover-lift)) scale(var(--tplx-cdt-hover-scale))}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.tplx-cdt-shelf__tile:hover .tplx-cdt-shelf__crop{transform:translateY(var(--tplx-cdt-hover-lift)) scale(var(--tplx-cdt-hover-scale))}}@media(forced-colors:active){.tplx-cdt-shelf__tile:hover,.tplx-cdt-shelf__tile:focus-visible{background:Canvas;box-shadow:none}}@media(min-width:1000px){.tplx-cdt-shelf__header{flex-direction:row-reverse}.tplx-cdt-shelf__heading,.tplx-cdt-shelf__subtitle{text-align:end}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/terplax-cdt-product-shelf.css.map */