@layer reset,plugins,tokens,base,layout,components;@layer blocks{.pp-card{border-radius:var(--pp-radius-lg);background:var(--pp-tile);isolation:isolate;height:100%;transition:translate var(--pp-dur-slow) var(--pp-ease), box-shadow var(--pp-dur-slow) var(--pp-ease);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0b16310a,0 1rem 2rem -1.25rem #0b163100;container-type:inline-size}.pp-section--surface .pp-card{background:var(--pp-white)}.pp-card:before{content:"";z-index:-1;opacity:0;transition:opacity var(--pp-dur-slow) var(--pp-ease);background:#3d63ae0d;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){li:hover>.pp-card{translate:0 -.375rem;box-shadow:inset 0 0 0 1px #0b16310a,0 1rem 2rem -1.25rem #0b163129}li:hover>.pp-card:before{opacity:1}}.pp-card__media{aspect-ratio:1;padding:6% 6% 2%;position:relative}.pp-card__media img{object-fit:contain;width:100%;height:100%;transition:scale var(--pp-dur-slow) var(--pp-ease)}@media (hover:hover){.pp-card:hover .pp-card__media img{scale:1.06}}.pp-card__body{grid-template-rows:minmax(calc(var(--pp-fs-xs) * 1.3), auto) auto 1fr auto;column-gap:var(--pp-space-2);padding:0 .75rem .75rem;flex:1;grid-template-columns:minmax(0,1fr) auto;padding:clamp(0rem,4cqi - .5rem,.5rem) clamp(.75rem,6cqi,1.5rem) clamp(.75rem,6cqi,1.5rem);display:grid}.pp-card__text{display:contents}.pp-card__type{color:var(--pp-blue);font-size:var(--pp-fs-xs);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-weight:500;line-height:1.3;overflow:hidden}.pp-card__title{margin-top:var(--pp-space-1);color:var(--pp-ink);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;grid-area:2/1/auto/-1;font-size:clamp(.875rem,.75rem + 1.4cqi,1.125rem);font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pp-card__title a{color:inherit;text-decoration:none}.pp-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.pp-card__title a:focus-visible{outline:none}.pp-card:has(.pp-card__title a:focus-visible){outline:2px solid var(--pp-blue);outline-offset:3px}.pp-card__price{margin-top:var(--pp-space-2);color:var(--pp-ink);grid-area:4/1;align-self:center;font-size:clamp(.875rem,.75rem + 1cqi,1rem);font-weight:600}.pp-card__price del{color:var(--pp-text-muted);margin-right:.375rem;font-weight:400}.pp-card__price ins{color:var(--pp-sale);text-decoration:none}.pp-card__badge{top:var(--pp-space-3);left:var(--pp-space-3);z-index:2;position:absolute}.pp-card__action{z-index:2;margin-top:var(--pp-space-2);grid-area:4/2;align-self:end;position:relative}.pp-card__action form{display:contents}.pp-card__add{width:var(--pp-tap);height:var(--pp-tap);border:1px solid var(--pp-blue);background:var(--pp-blue);color:var(--pp-white);cursor:pointer;isolation:isolate;transition:background-color var(--pp-dur-fast) ease, border-color var(--pp-dur-fast) ease, color .1s linear 60ms, scale var(--pp-dur) var(--pp-ease);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.pp-card__add:before{content:"";inset-block:-1px;z-index:-1;border-radius:inherit;background:var(--pp-white);width:0;transition:width .3s;position:absolute;left:-1px}.pp-card__add .pp-icon{width:1.25rem;height:1.25rem;transition:opacity var(--pp-dur-fast) ease, scale var(--pp-dur) var(--pp-ease)}@media (hover:hover) and (pointer:fine){.pp-card__add:not(.is-added,.is-disabled):hover{color:var(--pp-blue)}.pp-card__add:not(.is-added,.is-disabled):hover:before{width:calc(100% + 2px)}}.pp-card__add:active{scale:.92}.pp-card__add:focus-visible{outline:2px solid var(--pp-blue);outline-offset:3px}.pp-card__add.is-disabled{border-color:var(--pp-border);background:var(--pp-border);color:var(--pp-text-muted);cursor:default}.pp-card__add:after{content:"";opacity:0;width:1.125rem;height:1.125rem;transition:opacity var(--pp-dur-fast) ease;border:2px solid;border-right-color:#0000;border-radius:50%;margin:auto;position:absolute;inset:0}.pp-card__add:is([aria-busy=true],.is-added) .pp-icon{opacity:0;scale:.6}.pp-card__add[aria-busy=true]:after{opacity:1;animation:.7s linear infinite pp-spin}.pp-card__add.is-added{border-color:var(--pp-green);background:var(--pp-green)}.pp-card__add.is-added:after{opacity:1;border-width:0 0 2px 2px;border-radius:0;width:.875rem;height:.5rem;translate:0 -.125rem;rotate:-45deg}@keyframes pp-spin{to{rotate:1turn}}:root{--pp-star-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='M10 1.4l2.7 5.4 6 .9-4.35 4.2 1 5.95L10 15.05 4.65 17.85l1-5.95L1.3 7.7l6-.9z' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}.pp-stars{background:linear-gradient(90deg, var(--pp-star) calc(var(--pp-rating,0) * 20%), #3031332e 0);width:5.5em;height:1em;-webkit-mask:var(--pp-star-shape) 0 0 / 1.1em 1em repeat-x;-webkit-mask:var(--pp-star-shape) 0 0 / 1.1em 1em repeat-x;mask:var(--pp-star-shape) 0 0 / 1.1em 1em repeat-x;vertical-align:-.125em;flex:none;display:inline-block}.pp-card__rating{color:var(--pp-ink);font-size:var(--pp-fs-xs);grid-area:3/1/auto/-1;align-self:start;align-items:center;gap:.25rem;margin-top:.375rem;font-weight:600;line-height:1.3;display:flex}.pp-card__rating:before{content:"";background:var(--pp-star);width:1.1em;height:1em;-webkit-mask:var(--pp-star-shape) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--pp-star-shape) 0 0 / 100% 100% no-repeat;mask:var(--pp-star-shape) 0 0 / 100% 100% no-repeat;flex:none}.pp-rail{gap:var(--pp-card-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pp-rail>li{display:flex}.pp-rail>li:nth-child(n+5){display:none}.pp-rail>li>.pp-card{width:100%}@media (min-width:768px){.pp-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-rail>li:nth-child(n+4){display:none}}@media (min-width:1280px){.pp-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-rail>li:nth-child(4){display:flex}}.pp-slider__head{justify-content:space-between;align-items:flex-end;gap:var(--pp-space-5);margin-bottom:var(--pp-space-6);flex-wrap:wrap;display:flex}.pp-slider__title{color:var(--pp-ink);font-size:var(--pp-fs-title-xl);letter-spacing:var(--pp-tracking-tight);font-weight:700;line-height:1.05}.pp-slider__intro{align-items:flex-start;gap:var(--pp-space-4);flex-direction:column;max-width:24rem;display:flex}.pp-slider__intro p{color:var(--pp-text-muted);font-size:var(--pp-fs-small);line-height:1.6}.pp-slider__more{border-radius:var(--pp-radius-pill);min-height:2.75rem;font-size:var(--pp-fs-xs);border-width:1px;padding:.65rem 1.4rem}.pp-slider__track{--edge:var(--pp-gutter);--gap:var(--pp-card-gap);gap:var(--gap);padding:0 var(--edge) var(--pp-space-2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);scrollbar-width:none;margin:0;list-style:none;display:flex;overflow:auto hidden;container-type:inline-size}.pp-slider__track::-webkit-scrollbar{display:none}.pp-slider__track>li{flex:0 0 calc((100cqi - var(--gap)) / 2);scroll-snap-align:start;min-width:0;display:flex}.pp-slider__track>li>.pp-card{width:100%}@media (min-width:768px){.pp-slider__track>li{flex-basis:calc((100cqi - 2 * var(--gap)) / 3)}}@media (min-width:1280px){.pp-slider__track>li{flex-basis:calc((100cqi - 3 * var(--gap)) / 4)}}@media (hover:hover) and (pointer:fine){.pp-slider__track{cursor:grab}}.pp-slider__track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.pp-slider__track.is-dragging>li{pointer-events:none}.pp-slider__bar{height:2px;margin-top:var(--pp-space-6);cursor:pointer;touch-action:none;background:#30313329;border-radius:2px;position:relative}.pp-slider__bar:before{content:"";position:absolute;inset:-.875rem 0}.pp-slider__thumb{inset-block:0;width:var(--pp-thumb-w,33%);border-radius:inherit;background:var(--pp-ink);transform:translateX(var(--pp-thumb-x,0));transition:height var(--pp-dur-fast) var(--pp-ease), inset var(--pp-dur-fast) var(--pp-ease);position:absolute;left:0}.pp-slider__bar:is(:hover,.is-active) .pp-slider__thumb{inset-block:-1px}.pp-slider.is-static .pp-slider__bar{visibility:hidden}.pp-showcase{overflow-x:clip}.pp-showcase__stage{container:pp-showcase/inline-size}.pp-showcase__track{--gap:var(--pp-space-5);gap:var(--gap);padding:var(--pp-space-1) var(--pp-gutter) var(--pp-space-4);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pp-gutter);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.pp-showcase__track>li{scroll-snap-align:start;flex:0 0 82cqi;min-width:0;display:flex}@container pp-showcase (width>=768px){.pp-showcase__track>li{flex-basis:calc((100cqi - 2 * var(--pp-gutter) - var(--gap)) / 2)}}@container pp-showcase (width>=1024px){.pp-showcase__track>li{flex-basis:calc((100cqi - 2 * var(--pp-gutter) - 2 * var(--gap)) / 3)}}.pp-showcase.is-pinned .pp-showcase__stage{top:var(--pp-showcase-top,6rem);position:sticky}.pp-showcase.is-pinned .pp-showcase__track{transform:translate3d(var(--pp-showcase-x,0), 0, 0);will-change:transform;overflow:visible}.pp-showcase-card{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:relative;container:pp-showcase-card/inline-size}.pp-showcase-card__media{aspect-ratio:1;width:100%;display:block;overflow:hidden}.pp-showcase-card__media img{object-fit:contain;width:100%;height:100%;transition:scale var(--pp-dur-slow) var(--pp-ease)}@media (hover:hover){.pp-showcase-card:hover .pp-showcase-card__media img{scale:1.04}}.pp-showcase-card__title{margin-top:var(--pp-space-4);color:var(--pp-ink);font-size:1.25rem;font-weight:600;line-height:1.2}.pp-showcase-card__title a{color:inherit;text-decoration:none}.pp-showcase-card__title a:hover{text-underline-offset:.2em;text-decoration:underline}.pp-showcase-card__price{margin:var(--pp-space-2) 0 var(--pp-space-5);color:var(--pp-ink);font-size:1.25rem;font-weight:600;line-height:1.2}.pp-showcase-card__price del{color:var(--pp-text-muted);margin-right:.375rem;font-weight:400}.pp-showcase-card__price ins{text-decoration:none}.pp-showcase-card__actions{gap:.625rem;width:100%;margin-top:auto;display:flex}.pp-showcase-card__actions form{display:contents}.pp-showcase-card__btn{border-width:1px;flex:1 1 0;min-width:max-content;padding-inline:.75rem;font-size:.9375rem}.pp-showcase-card__btn[aria-disabled=true]{border-color:var(--pp-surface-2);background:var(--pp-surface-2);color:var(--pp-text-muted)}.pp-showcase-card__btn[aria-busy=true]{opacity:.7;cursor:progress}.pp-showcase-card__btn.is-added,.pp-showcase-card__btn.is-added:hover{border-color:var(--pp-green);background:var(--pp-green);color:var(--pp-white)}@container pp-showcase-card (width<=23.75rem){.pp-showcase-card__actions{flex-direction:column}}}@layer templates,utilities;