.dpp-card{scroll-snap-align:start;background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 72%, transparent);cursor:pointer;--primary-color:var(--amber,#e8a830);--btn-bg:var(--amber,#e8a830);--btn-text:var(--wx-btn-fill-fg);border-radius:18px;flex-direction:column;flex-shrink:0;width:272px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}@media (hover:hover){.dpp-card:hover{box-shadow:var(--shadow-card);border-color:#e8a83066}}.dpp-card:focus-visible{outline:2px solid var(--amber,#e8a830);outline-offset:2px}@media (max-width:639px){.dpp-card{width:200px}}.dpp-cover{aspect-ratio:1/.82;background:var(--surface2);border-radius:14px;margin:8px 8px 0;position:relative;overflow:hidden}.dpp-cover .sfg-wish{top:auto;bottom:10px;right:10px}.dpp-cover>a{display:block;position:absolute;inset:0}.dpp-cover-img{display:block}.dpp-cover-fallback{color:var(--dim);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dpp-cat{letter-spacing:.04em;max-width:calc(100% - 20px);color:var(--muted);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#0a0a0a9e;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:650;position:absolute;bottom:10px;left:10px;overflow:hidden}html[data-lite] .dpp-cat{backdrop-filter:none}html.light .dpp-cat{color:var(--text);background:#ffffffd9}.dpp-body{flex-direction:column;gap:4px;min-width:0;padding:14px 16px 17px;display:flex}.dpp-head{align-items:center;gap:6px;min-width:0;display:flex}.dpp-avatar{object-fit:cover;border-radius:6px;flex-shrink:0;width:20px;height:20px}.dpp-avatar--fallback{font-family:var(--font-display);color:var(--amber,#e8a830);background:#e8a8301a;border:1px solid #e8a83033;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.dpp-store{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:650;overflow:hidden}.dpp-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.dpp-title a{color:inherit;text-decoration:none}.dpp-price-row{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:4px;display:flex}.dpp-price{letter-spacing:-.02em;color:var(--text);font-size:21px;font-weight:800;font-family:var(--font-display);line-height:1.1}.dpp-compare{color:var(--dim);font-size:11.5px;text-decoration:line-through}.dpp-save{color:#4caf7d;background:#4caf7d24;border-radius:20px;padding:1px 7px;font-size:10.5px;font-weight:700}.dpp-cta{background:color-mix(in srgb, var(--amber,#e8a830) 14%, transparent);color:var(--amber,#e8a830);border-radius:100px;align-self:flex-start;align-items:center;margin-top:9px;padding:6px 14px;font-size:12px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}@media (hover:hover){.dpp-card:hover .dpp-cta{background:var(--amber,#e8a830);color:#14100a}}.dpp-skeleton{aspect-ratio:auto;height:290px}@media (max-width:639px){.dpp-skeleton{height:230px}}.dpp-body .sfg-purchased{display:none}.dpp-closed-tag{color:#ff9b8a;letter-spacing:.03em;text-transform:uppercase;backdrop-filter:blur(8px);white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#471d1dd3;border:1px solid #e5484d73;border-radius:20px;max-width:calc(100% - 20px);padding:3px 10px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:10px;overflow:hidden;box-shadow:0 2px 8px #0000004d}html[data-lite] .dpp-closed-tag{backdrop-filter:none}html.light .dpp-closed-tag{color:#c0292f;background:#e5484d1f;border-color:#e5484d59}.dpp-card{background:0 0;border:0;border-radius:0;transition:transform .2s;overflow:visible}@media (hover:hover){.dpp-card:hover{box-shadow:none;border-color:#0000;transform:translateY(-2px)}}.dpp-cover{aspect-ratio:1.04;border-radius:15px;margin:0}.dpp-cover .sfg-wish{--text-color:#fff;background:#0f0f0f47;border-color:#ffffff75;top:10px;bottom:auto;right:10px;box-shadow:0 2px 10px #00000024}.dpp-body{padding:10px 2px 2px}.dpp-title{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block}.dpp-cover-img{transition:transform .45s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.dpp-card:hover .dpp-cover-img{transform:scale(1.035)}}.dpp-cover--sold-out .dpp-cover-img{filter:blur(1px)brightness(.74)saturate(.82);transform:scale(1.015)}.dpp-stock-overlay{z-index:2;color:#fff;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.dpp-stock-overlay strong{backdrop-filter:blur(8px);letter-spacing:.035em;text-transform:uppercase;background:#0c0c0c8a;border:1px solid #ffffff4d;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:800;box-shadow:0 4px 14px #0003}.dpp-stock-overlay small{color:#ffffffd1;text-shadow:0 1px 3px #000000b3;font-size:10px;font-weight:600}.dpp-avatar{border-radius:5px;width:18px;height:18px}.dpp-store{font-weight:550}.dpp-meta-separator{color:var(--dim);font-size:11px}.dpp-kind{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.dpp-price{letter-spacing:-.01em;font-size:15px;font-weight:750}.dpp-price-row{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.dpp-save{text-overflow:ellipsis;overflow:hidden}.dpp-body>.sfg-actions,.dpp-body>.sfg-commerce-state{margin-top:6px}.dpp-body>button{width:100%;margin-top:6px}.dpp-state-cta{border-radius:var(--btn-radius,8px);justify-content:center;align-items:center;width:100%;min-height:34px;margin-top:6px;padding:6px 10px;font-size:10.5px;font-weight:750;text-decoration:none;display:inline-flex}.dpp-state-cta--primary{background:var(--amber,#e8a830);color:#14100a;border:0}.dpp-state-cta--secondary{border:1px solid color-mix(in srgb, var(--text) 20%, transparent);color:color-mix(in srgb, var(--text) 88%, transparent);background:0 0}.dpp-state-cta--notify{border:1px solid color-mix(in srgb, var(--text) 20%, transparent);color:color-mix(in srgb, var(--text) 88%, transparent);font:inherit;cursor:pointer;background:0 0;font-size:10.5px;font-weight:750}.dpp-state-cta--notify.is-on{border-color:color-mix(in srgb, var(--amber,#e8a830) 55%, transparent);background:color-mix(in srgb, var(--amber,#e8a830) 14%, transparent);color:var(--amber,#e8a830)}.dpp-state-cta--notify:disabled{opacity:.6;cursor:progress}@media (hover:none){.dpp-state-cta--notify{min-height:44px}}.dpp-card--sold-out .dpp-body .sfg-sold-out{display:none}