.wp-overview{--wp-color-primary:#00737d;--wp-color-button:#00B9BC;--wp-color-text:#203556;font-family:Roboto,Arial,Helvetica,sans-serif;color:var(--wp-color-text)}
.wp-overview__toolbar{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.wp-overview__search{flex:1 1 auto;max-width:420px;padding:10px 14px;border:1px solid rgba(0,0,0,.1);border-radius:999px}
.wp-overview__filters{display:flex;gap:0;flex-wrap:wrap;background:#fff;border-radius:999px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:3px}
.wp-chip{background:transparent;color:#203556;border:0;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s;position:relative}
.wp-chip:hover{background:rgba(0,0,0,.04)}
.wp-chip.is-active{background:var(--wp-color-button);color:#fff;box-shadow:0 2px 8px rgba(0,115,125,.35)}
.wp-overview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;transition:opacity .25s ease}
.wp-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden;transform:translateY(6px);opacity:.0;transition:transform .25s ease,opacity .25s ease;display:flex;flex-direction:column;height:100%}
.wp-card.is-visible{transform:translateY(0);opacity:1}
.wp-card__media{position:relative;aspect-ratio:7/5;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.1))}
.wp-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wp-card__media img.fit-contain{object-fit:contain}
.wp-empty{grid-column:1/-1;text-align:center;color:#203556;opacity:.8;padding:32px 0}
.wp-poster-overlay{position:absolute;inset:auto 0 0 0;padding:10px 12px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%)}
.wp-poster-title{color:#fff;font-weight:700;line-height:1.25;display:block}
.wp-card__body{padding:12px;display:flex;flex-direction:column;flex:1 1 auto}
.wp-badge{display:inline-block;background:rgba(0,115,125,.1);color:var(--wp-color-primary);padding:4px 8px;border-radius:6px;font-size:12px;margin-bottom:6px}
.wp-badge{text-transform:uppercase;letter-spacing:.02em}
.wp-card__title{font-weight:700;color:var(--wp-color-text);margin:2px 0 10px}
.wp-card__footer{margin-top:auto}
.wp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--wp-color-button);color:#fff;padding:10px 14px;border-radius:999px;text-decoration:none;line-height:1}
.wp-btn svg{width:18px;height:18px}
.wp-btn:hover{background:#00737d;color:#fff}
.wp-overview__pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}
.wp-page-btn{background:#fff;border:1px solid rgba(0,0,0,.1);padding:8px 12px;border-radius:8px;cursor:pointer}
.wp-page-btn.is-active{background:var(--wp-color-primary);color:#fff;border-color:var(--wp-color-primary)}

/* Loader */
.wp-overview__loader{display:flex;align-items:center;gap:12px;justify-content:center;padding:24px 0}
.wp-loader{display:inline-flex;gap:6px}
.wp-loader__dot{width:10px;height:10px;border-radius:50%;background:#00B9BC;animation:wp-pulse 1s ease-in-out infinite}
.wp-loader__dot:nth-child(2){animation-delay:.15s}
.wp-loader__dot:nth-child(3){animation-delay:.3s}
.wp-loader__label{color:#203556;opacity:.8}
@keyframes wp-pulse{0%,80%,100%{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}