.pp-wrap{max-width:var(--page-width, 1200px);margin:0 auto;padding:clamp(28px,4vw,56px) 18px}.pp-head{text-align:center;max-width:640px;margin:0 auto 20px}.pp-eyebrow{display:inline-block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--berry-deep, #8a3a52);background:var(--paper, #f7eef2);padding:5px 12px;border-radius:999px;margin-bottom:12px}.pp-heading{font-size:clamp(1.5rem,3.2vw,2.25rem);line-height:1.1;color:var(--cocoa, #4a3b34);margin:0 0 8px}.pp-body{color:var(--cocoa, #4a3b34);opacity:.82;font-size:1rem;line-height:1.6;margin:0}.pp-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin:22px 0 6px}.pp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;background:var(--paper, #f7eef2);padding:5px;border-radius:999px}.pp-tab{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--cocoa, #4a3b34);font:inherit;font-size:.9rem;font-weight:600;padding:9px 16px;border-radius:999px;cursor:pointer;opacity:.7;transition:background .2s ease,color .2s ease,opacity .2s ease,box-shadow .2s ease}.pp-tab:hover{opacity:1}.pp-tab.is-active{background:var(--cream, #fffdf9);color:var(--berry-deep, #8a3a52);opacity:1;box-shadow:0 2px 8px #4a3b341f}.pp-tab-count{font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:999px;background:#c96a7829;color:var(--berry-deep, #8a3a52)}.pp-sort{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--cocoa, #4a3b34)}.pp-sort-label{opacity:.72;font-weight:600}.pp-sort select{appearance:none;-webkit-appearance:none;border:1px solid rgba(74,59,52,.16);background:var(--cream, #fffdf9);color:inherit;font:inherit;font-size:.85rem;font-weight:600;padding:9px 34px 9px 14px;border-radius:999px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.pp-sort select:hover,.pp-sort select:focus-visible{border-color:#c96a788c;box-shadow:0 2px 10px #4a3b341a;outline:none}.pp-sort-chevron{position:absolute;right:13px;width:15px;height:15px;pointer-events:none;opacity:.55}.pp-note{text-align:center;font-size:.8rem;color:var(--cocoa, #4a3b34);opacity:.6;margin:10px 0 0;min-height:1.2em}.pp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}@media(max-width:1000px){.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.pp-slot{position:relative}.pp-slot[hidden]{display:none}.pp-card{position:relative;z-index:1;height:100%;transform-origin:50% 62%;will-change:transform,opacity,filter}.pp-puff{position:absolute;left:50%;top:56%;width:148%;aspect-ratio:4 / 3;transform:translate(-50%,-50%) scale(.42);color:#fff;opacity:0;pointer-events:none;z-index:2;filter:drop-shadow(0 6px 18px rgba(201,106,120,.28))}.pp-puff svg{width:100%;height:100%;display:block}.pp-sorter-ready .pp-card{opacity:0;transform:scale(.68) translateY(10px);filter:blur(7px);transition:opacity .46s ease-out,transform .66s cubic-bezier(.16,1.24,.3,1),filter .52s ease-out}.pp-sorter-ready .pp-slot.is-shown .pp-card,.pp-slot.is-shown .pp-card{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}.pp-slot.is-poofing .pp-puff{animation:pp-puff .66s cubic-bezier(.24,.86,.3,1) forwards}@keyframes pp-puff{0%{opacity:0;transform:translate(-50%,-50%) scale(.34)}18%{opacity:.92}55%{opacity:.6;transform:translate(-50%,-54%) scale(1.28)}to{opacity:0;transform:translate(-50%,-60%) scale(1.62)}}.pp-foot{display:flex;justify-content:center;gap:14px;margin-top:24px}.pp-more{font-size:.86rem;font-weight:600;color:var(--berry-deep, #8a3a52);text-decoration:none;border-bottom:1px solid rgba(201,106,120,.4);padding-bottom:2px}.pp-more:hover{border-bottom-color:currentColor}.pp-more[hidden]{display:none}@media(prefers-reduced-motion:reduce){.pp-sorter-ready .pp-card,.pp-slot.is-shown .pp-card{opacity:1;transform:none;filter:none;transition:none}.pp-puff,.pp-slot.is-poofing .pp-puff{display:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/pp-sorter.css.map */