.pp{--pp-accent:#1e3a5f;--pp-text:#1a1d29;--pp-text-2:#4b5060;--pp-border:#e3e6ec;color:var(--pp-text);background:#fff;padding:56px 0 64px}.pp-inner{width:100%}.pp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:24px;display:flex}.pp-title{margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700;line-height:1.3}.pp-subtitle{color:var(--pp-text-2);margin:4px 0 0;font-size:15px}.pp-more{min-height:44px;color:var(--pp-accent);align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.pp-more:hover{text-decoration:underline}.pp-more svg{width:18px;height:18px}.pp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.pp-grid>li{display:flex}.pp-card{border:1px solid var(--pp-border);background:#fff;border-radius:16px;flex-direction:column;width:100%;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.pp-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1a1d291a}.pp-card:focus-within{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--pp-accent)}.pp-media{aspect-ratio:1;background:#eef0f3;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.pp-media img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.pp-media-fallback{width:36px;height:36px;color:var(--pp-text-2)}.pp-badge{color:#111827;background:#a5d8ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.pp-badge--muted{background:#1a1d29bf;left:auto;right:10px}.pp-body{flex-direction:column;flex:1;gap:4px;padding:14px 16px 16px;display:flex}.pp-name{margin:0;font-size:16px;font-weight:600;line-height:1.45}.pp-link{color:inherit;-webkit-line-clamp:2;outline:none;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.pp-link:after{content:"";position:absolute;inset:0}.pp-card:hover .pp-link{color:var(--pp-accent)}.pp-foundation{color:var(--pp-text-2);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.pp-rating{color:var(--pp-text-2);align-items:center;gap:4px;margin:2px 0 0;font-size:14px;display:inline-flex}.pp-rating svg{color:#b7791f;fill:#f6c046;width:15px;height:15px}.pp-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pp-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin-top:auto;padding-top:8px;display:flex}.pp-price{color:var(--pp-accent);margin:0;font-size:18px;font-weight:700}.pp-sold{color:var(--pp-text-2);margin:0;font-size:13px}.pp-card--skeleton{gap:10px;padding-bottom:16px}.pp-skel-img,.pp-skel-line{background:linear-gradient(90deg,#eceef2 25%,#f5f6f8 50%,#eceef2 75%) 0 0/200% 100%;animation:1.4s infinite pp-shimmer;display:block}.pp-skel-img{aspect-ratio:1}.pp-skel-line{border-radius:6px;height:14px;margin:0 16px}.pp-skel-line--short{width:40%}@keyframes pp-shimmer{to{background-position:-200% 0}}@media (max-width:1023px){.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.pp{padding:40px 16px 48px}.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pp-body{padding:12px}.pp-name{font-size:15px}.pp-price{font-size:16px}}@media (prefers-reduced-motion:reduce){.pp *,.pp-card{transition:none!important;animation:none!important}.pp-card:hover{transform:none}}
.wd{--wd-h:clamp(28px, 4vw, 48px);--wd-front:#fff;--wd-back:#a5d8ff;z-index:2;height:var(--wd-h);margin-top:calc(var(--wd-h) * -1);pointer-events:none;line-height:0;position:relative;overflow:hidden}.wd-tide{position:absolute;inset:0}.wd-tide--back{animation:7s ease-in-out infinite alternate wt-tide}.wd-tide--front{animation:5s ease-in-out -2s infinite alternate-reverse wt-tide}.wd-drift{will-change:transform;width:200%;height:100%;display:block;position:absolute;bottom:0;left:0}.wd-drift--back{animation:24s linear infinite reverse wt-flow}.wd-drift--front{animation:16s linear infinite wt-flow}.wd-back{fill:var(--wd-back);opacity:.5}.wd-front{fill:var(--wd-front)}.wt-title{padding-bottom:12px;display:inline-block;position:relative}.wt-title:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='8' viewBox='0 0 40 8'%3E%3Cpath d='M0 4 Q10 -1 20 4 T40 4' fill='none' stroke='%233B8FD4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0/40px 8px repeat-x;width:min(100%,120px);height:8px;animation:2.4s linear infinite wt-underline;position:absolute;bottom:0;left:0}.wt-ripple{position:relative}.wt-ripple:before,.wt-ripple:after{content:"";aspect-ratio:1;opacity:0;pointer-events:none;z-index:1;border:2px solid #ffffffd9;border-radius:50%;width:40%;margin:-20% 0 0 -20%;position:absolute;top:50%;left:50%}a:hover .wt-ripple:before,.wt-hover:hover .wt-ripple:before{animation:1.6s ease-out infinite wt-ripple}a:hover .wt-ripple:after,.wt-hover:hover .wt-ripple:after{animation:1.6s ease-out .5s infinite wt-ripple}.wt-hover:hover{animation:2.6s ease-in-out infinite wt-bob}@keyframes wt-flow{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes wt-tide{0%{transform:translateY(14%)}to{transform:translateY(-10%)}}@keyframes wt-underline{to{background-position-x:40px}}@keyframes wt-ripple{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}@keyframes wt-bob{0%,to{translate:0 -3px}50%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.wd-tide,.wd-drift,.wt-title:after,.wt-hover:hover{animation:none!important}.wt-ripple:before,.wt-ripple:after{display:none}}