/* Samples catalog on the tools-hub skeleton: same hero, search, filter chips and count. The cards are
   different from the tools cards on purpose: each pack is sold by its poster, so the art runs full width
   across the top of the card and the copy sits underneath, short. Each pack keeps its own accent. */
.samples-hub .hub-card[data-category=beats]{--accent:#4dc9ff;--shade:#d63cff}
.samples-hub .hub-card[data-category=midi]{--accent:#ffb266;--shade:#ff6a3d}
.samples-hub .hub-card[data-category=presets]{--accent:#f3c24d;--shade:#b8791a}
.samples-hub .hub-card{border-radius:22px;background:var(--hub-panel)}
.samples-hub .hub-card>a{display:flex;flex-direction:column;padding:0;min-height:0;gap:0}
.samples-hub .hub-art{height:auto;perspective:none;display:block;align-self:stretch;width:100%}.samples-hub .hub-art:before{display:none}
.samples-hub .hub-cover{position:relative;width:100%;max-width:none;aspect-ratio:16/9;border-radius:0;overflow:hidden;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:#15111e;box-shadow:none;transform:none;transition:none}
.samples-hub .hub-card:nth-child(even) .hub-cover,.samples-hub .hub-card:hover .hub-cover,.samples-hub .hub-card:focus-within .hub-cover{transform:none;box-shadow:none}
.samples-hub .hub-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--hub-ease)}
.samples-hub .hub-card:hover .hub-cover img,.samples-hub .hub-card:focus-within .hub-cover img{transform:scale(1.035)}
.samples-hub .hub-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#0b0810cc);pointer-events:none}
.samples-hub .hub-card-copy{padding:20px 26px 24px;width:100%}
.samples-hub .hub-category{margin-bottom:12px}
.samples-hub .hub-card h2{font-size:28px;margin-bottom:6px}
.samples-hub .hub-card p{max-width:none;margin:0 0 16px}
.samples-hub .hub-card-copy .hub-price{display:flex;align-items:baseline;gap:9px;margin:0;flex:1 1 auto}
.samples-hub .hub-price strong{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.1;color:var(--accent)}
.samples-hub .hub-price s{font-size:13px;color:var(--hub-muted);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#d63cff}
.samples-hub .hub-price small{font-size:11px;letter-spacing:.02em;color:var(--hub-muted)}
.samples-hub .hub-card-copy{display:grid;grid-template-columns:1fr auto;grid-template-areas:"cat cat" "title title" "text text" "price open";align-items:center;column-gap:16px}
.samples-hub .hub-category{grid-area:cat}.samples-hub .hub-card h2{grid-area:title}.samples-hub .hub-card p{grid-area:text}.samples-hub .hub-price{grid-area:price}.samples-hub .hub-open{grid-area:open;margin:0;white-space:nowrap}.samples-hub .hub-price small{white-space:nowrap}
@media(max-width:1100px){.samples-hub .hub-card>a{padding:0;grid-template-columns:none}.samples-hub .hub-card h2{font-size:26px}.samples-hub .hub-card-copy{padding:18px 22px 22px}}
@media(max-width:760px){.samples-hub .hub-price strong{font-size:22px}.samples-hub .hub-card-copy{padding:18px 20px 20px;grid-template-columns:1fr;grid-template-areas:"cat" "title" "text" "price" "open";row-gap:4px}.samples-hub .hub-card-copy .hub-price{flex-wrap:wrap;margin-bottom:6px}}
@media(max-width:380px){.samples-hub .hub-card>a{padding:0;min-height:0;grid-template-columns:none}.samples-hub .hub-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.samples-hub .hub-cover img{transition:none!important;transform:none!important}}

/* Plugins catalog shares the poster-first cards; each card also carries its native checkout form. */
.plugins-hub .hub-card[data-category=fix]{--accent:#c9b6ff;--shade:#6a4bd6}
.plugins-hub .hub-card[data-category=drums]{--accent:#8fe7d2;--shade:#1d7a68}
.plugins-hub .hub-card{display:flex;flex-direction:column}.plugins-hub .hub-card>a{flex:1 1 auto}
.plugins-hub .hub-buy{margin:0;padding:0 26px 24px}.plugins-hub .hub-buy button{width:100%;min-height:50px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 85%,#fff),var(--accent) 60%,color-mix(in srgb,var(--accent) 70%,var(--shade)));color:#120a1c;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s}.plugins-hub .hub-buy button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0006}
.plugins-hub .hub-membership a{white-space:nowrap}
@media(max-width:760px){.plugins-hub .hub-buy{padding:0 20px 20px}}