.tp-section{padding:56px 0;position:relative}.tp-header{text-align:center;max-width:560px;margin:0 auto 32px;padding:0 16px}.tp-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#8a8a8a;margin:0 0 10px}.tp-heading{font-size:30px;font-weight:700;margin:0 0 10px}.tp-subheading{font-size:15px;color:#7a7a7a;margin:0}.tp-viewport{position:relative;padding:0 16px}.tp-track{display:flex;gap:var(--tp-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none;margin:0;padding:0;cursor:grab;touch-action:pan-y}.tp-track::-webkit-scrollbar{display:none}.tp-track.tp-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.tp-track.tp-dragging .tp-slide{pointer-events:none}.tp-slide{flex:0 0 calc(100% / var(--tp-per-mobile));max-width:calc(100% / var(--tp-per-mobile));scroll-snap-align:center}.tp-peek .tp-slide{flex-basis:calc((100% / var(--tp-per-mobile)) * .86);max-width:calc((100% / var(--tp-per-mobile)) * .86)}.tp-empty{padding:40px 16px;text-align:center;color:#8a8a8a;width:100%}.tp-card{display:block;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;overflow:hidden;text-decoration:none;color:inherit}.tp-card__image-wrap{position:relative;width:100%;aspect-ratio:var(--tp-ratio, .8);overflow:hidden;background:#f2f2f2;border-radius:20px}.tp-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.tp-card__placeholder,.tp-placeholder-svg{width:100%;height:100%}.tp-card__info{padding:16px 18px 18px}.tp-card__vendor{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a;margin:0 0 4px}.tp-card__title{font-size:16px;font-weight:500;margin:0 0 8px;color:#111}.tp-card__rating{margin-bottom:8px}.tp-card__rating .jdgm-widget{display:flex;align-items:center;gap:4px}.tp-card__rating .jdgm-star,.tp-card__rating .jdgm-star.jdgm--on,.tp-card__rating .jdgm-star.jdgm--half,.tp-card__rating .jdgm-star:before{color:#f2c94d!important;fill:#f2c94d!important}.tp-card__price{font-size:16px;font-weight:600;color:#111}.tp-card__price-label{font-weight:400;color:#7a7a7a;font-size:14px}.tp-card__price-compare{color:#aaa;font-weight:400;margin-right:6px;text-decoration:line-through}.tp-nav{position:absolute;top:40%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #00000026;z-index:3}.tp-nav svg{width:18px;height:18px}.tp-nav--prev{left:0}.tp-nav--next{right:0}.tp-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.tp-dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.tp-dot.is-active{background:#333;transform:scale(1.15)}@media screen and (min-width:750px){.tp-slide{flex-basis:calc((100% - (var(--tp-per-tablet) - 1) * var(--tp-gap)) / var(--tp-per-tablet));max-width:calc((100% - (var(--tp-per-tablet) - 1) * var(--tp-gap)) / var(--tp-per-tablet))}.tp-peek .tp-slide{flex-basis:calc(((100% - (var(--tp-per-tablet) - 1) * var(--tp-gap)) / var(--tp-per-tablet)) * .9);max-width:calc(((100% - (var(--tp-per-tablet) - 1) * var(--tp-gap)) / var(--tp-per-tablet)) * .9)}}@media screen and (min-width:990px){.tp-viewport{padding:0 56px}.tp-section[data-layout-desktop=slider] .tp-slide{flex-basis:calc((100% - (var(--tp-per-desktop) - 1) * var(--tp-gap)) / var(--tp-per-desktop));max-width:calc((100% - (var(--tp-per-desktop) - 1) * var(--tp-gap)) / var(--tp-per-desktop))}.tp-section[data-layout-desktop=slider].tp-peek .tp-slide,.tp-section[data-layout-desktop=slider] .tp-peek .tp-slide{flex-basis:calc(((100% - (var(--tp-per-desktop) - 1) * var(--tp-gap)) / var(--tp-per-desktop)) * .92);max-width:calc(((100% - (var(--tp-per-desktop) - 1) * var(--tp-gap)) / var(--tp-per-desktop)) * .92)}.tp-section[data-layout-desktop=grid] .tp-track{display:grid;grid-template-columns:repeat(var(--tp-per-desktop),1fr);overflow:visible}.tp-section[data-layout-desktop=grid] .tp-slide{flex-basis:auto;max-width:none}.tp-section[data-layout-desktop=grid] .tp-nav,.tp-section[data-layout-desktop=grid] .tp-dots,.tp-section[data-layout-desktop=grid] .tp-slide--clone{display:none}.tp-section[data-layout-desktop=grid] .tp-track{cursor:default}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/top-products-slider.css.map */
