/* Price Drops page. Builds on site.css. */
.drops-group{display:flex;flex-direction:column;gap:16px}
.drops-group > h2{font-family:var(--display);font-weight:700;font-size:30px;line-height:1.1;text-transform:uppercase}
.drops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.drops > li{display:flex;min-width:0}
.drop{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px}
.drop-feature{border:2px solid var(--yellow)}
.drop-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.drop-brand{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.drop-badge{flex:none;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:3px}
.drop-name{font-family:var(--display);font-weight:700;font-size:25px;line-height:1.08;text-transform:uppercase}
.drop-meta{font-size:14px;line-height:1.5;color:var(--muted)}
.drop-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:auto;padding-top:10px}
.drop-was{font-size:16px;color:var(--muted);text-decoration:line-through}
.drop-now{font-family:var(--display);font-weight:700;font-size:32px;line-height:1;color:var(--yellow)}
.drop-ship{flex-basis:100%;font-size:14px;font-weight:500;color:var(--text)}
.drop-ship strong{color:var(--yellow)}
.drop-tbd{font-size:15px;font-weight:600;color:var(--yellow);border:1px dashed var(--yellow);border-radius:4px;padding:4px 10px}
.drop-was-plain{font-size:16px;color:var(--muted);flex-basis:100%}
.drop-ask{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1;text-transform:uppercase;color:var(--yellow)}
.drop .btn{width:100%;margin-top:6px;padding-top:11px;padding-bottom:11px;font-size:16px}