@charset "UTF-8";.popular-products{--tile-bg:#eef1f6;--tile-radius:18px;--tile-shadow:0 6px 16px rgba(16,24,40,.06);--tile-shadow-hover:0 10px 22px rgba(16,24,40,.1);background-color:#eef1f6;margin:0 auto;padding:8px 100px 56px;width:100%}.popular-products__title{display:flex;justify-content:left;padding:24px 0 16px}.popular-products__title h2{font-size:clamp(24px,3.2vw,38px);font-weight:700;letter-spacing:-.02em;margin:0}.popular-products__viewport{-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.popular-products__viewport::-webkit-scrollbar{display:none}.popular-products__track{display:grid;gap:16px;grid-auto-columns:minmax(260px,320px);grid-auto-flow:column;list-style:none;margin:0;padding:6px 2px;width:-moz-max-content;width:max-content}.popular-products .pp-nav{box-shadow:var(--tile-shadow);height:44px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:44px;z-index:2}.popular-products .pp-nav:hover{box-shadow:var(--tile-shadow-hover)}.popular-products .pp-nav--prev{left:0}.popular-products .pp-nav--next{right:0}.popular-products .pp-nav span{font-size:22px}.popular-products .pp-card{background:#fff;border-radius:var(--tile-radius);box-shadow:var(--tile-shadow);display:grid;grid-template-rows:auto 1fr;overflow:hidden;scroll-snap-align:start;transition:transform .16s ease,box-shadow .16s ease}.popular-products .pp-card:hover{box-shadow:var(--tile-shadow-hover);transform:translateY(-2px)}.popular-products .pp-card__imgwrap{aspect-ratio:16/9;background:var(--tile-bg);display:block;position:relative}.popular-products .pp-card__imgwrap img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popular-products .pp-card__body{display:grid;gap:10px;padding:12px}.popular-products .pp-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2a37;display:-webkit-box;font-weight:600;line-height:1.25;overflow:hidden;text-decoration:none}.popular-products .pp-card__title:hover{text-decoration:underline}.popular-products .pp-badge{background:#2e90fa;border-radius:12px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:6px 10px;position:absolute;top:10px}.popular-products .pp-badge--pick{background:#f79009;left:auto;right:10px}.popular-products .pp-seller{align-items:center;color:#344054;display:flex;gap:8px}.popular-products .pp-seller__logo{background:#6840ff;border-radius:4px;color:#fff;display:grid;font-size:12px;font-weight:800;height:18px;place-items:center;width:18px}.popular-products .pp-seller__name{font-size:14px;font-weight:600}.popular-products .pp-stars .star{display:inline-block;font-size:14px;font-style:normal;line-height:1;margin-left:auto;text-align:center;width:14px}.popular-products .pp-stars .star:before{color:#cbd2e0;content:"★"}.popular-products .pp-stars .star.full:before{color:#f59e0b}.popular-products .pp-stars .star.half:before{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f59e0b 50%,#cbd2e0 0);-webkit-background-clip:text;background-clip:text;color:transparent}.popular-products .pp-price__current{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.popular-products .pp-price__current .pp-price__amount{font-size:22px;font-weight:800}.popular-products .pp-price__current .pp-price__currency{font-weight:700;opacity:.9}.popular-products .pp-price__current .pp-price__off{background:#f04438;border-radius:8px;color:#fff;font-size:12px;font-weight:800;padding:2px 6px}.popular-products .pp-price__normal{color:#8f9bb3;font-size:12px;text-decoration:line-through}.popular-products .pp-actions{margin-top:4px}.popular-products .pp-actions .pp-btn{background:#ff3535;border-radius:10px;color:#fff;display:block;font-family:Poppins,sans-serif;font-weight:800;padding:10px 12px;text-align:center;text-decoration:none;width:100%}@media (min-width:1400px){.popular-products__track{grid-auto-columns:320px}}.popular-products__rail{position:relative}.popular-products__rail:after,.popular-products__rail:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:56px;z-index:3}.popular-products__rail:before{background:linear-gradient(90deg,#eef1f6 0,rgba(238,241,246,0));left:0}.popular-products__rail:after{background:linear-gradient(270deg,#eef1f6 0,rgba(238,241,246,0));right:0}.popular-products__viewport{scroll-padding-left:8px;scroll-padding-right:8px}.popular-products .pp-nav{background:#fff;border:0;box-shadow:0 8px 18px rgba(16,24,40,.12);cursor:pointer;display:grid;height:48px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease;width:48px;z-index:4}.popular-products .pp-nav span{font-size:28px;line-height:1}.popular-products .pp-nav:hover{box-shadow:0 12px 24px rgba(16,24,40,.16);transform:translateY(-50%) translateY(-1px)}.popular-products .pp-nav:active{transform:translateY(-50%) translateY(0)}.popular-products .pp-nav:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.45),0 12px 24px rgba(16,24,40,.16);outline:none}.popular-products .pp-nav--prev{left:-24px}.popular-products .pp-nav--next{right:-24px}.popular-products .pp-nav:disabled{box-shadow:0 8px 18px rgba(16,24,40,.1);cursor:default;opacity:.35;transform:translateY(-50%)}@media (max-width:640px){.popular-products .pp-nav--prev{left:6px}.popular-products .pp-nav--next{right:6px}}@media (hover:none) and (pointer:coarse){.popular-products .pp-nav{display:none}}.popular-products .pp-nav--prev{left:-65px}.popular-products .pp-nav--next{right:-65px}@media (hover:none),(max-width:768px),(pointer:coarse){.popular-products{padding:8px 0 16px}.popular-products .pp-nav,.popular-products__rail:after,.popular-products__rail:before{display:none!important}.popular-products__viewport{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-inline:12px;scroll-padding-left:12px;scroll-padding-right:12px;scroll-snap-type:x mandatory}.popular-products__track{gap:12px;grid-auto-columns:clamp(260px,85vw,310px);padding:4px 0}.popular-products .pp-card{border-radius:18px}.popular-products .pp-card__imgwrap{aspect-ratio:16/9}}.popular-products__viewport{cursor:grab;touch-action:pan-x}.popular-products__viewport.is-dragging{cursor:grabbing;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (hover:none),(max-width:768px),(pointer:coarse){.popular-products__rail:after,.popular-products__rail:before{display:none!important}}

/*# sourceMappingURL=popular_products.css.map*/