/* DRS 88 Stage 05 catalog polish: appended to existing catalog styles. */
.drs-cat-hero-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.drs-cat-hero-brand img{display:block;width:94px;height:54px;object-fit:contain;padding:5px 10px;border-radius:10px;background:#fff;box-shadow:0 6px 18px #0002}
.drs-cat-hero-brand .drs-cat-kicker{font-size:11px;letter-spacing:.16em}
.drs-cat-filter{grid-template-columns:minmax(230px,1.6fr) repeat(4,minmax(125px,1fr));align-items:end;column-gap:14px;row-gap:18px;padding:24px}
.drs-cat-filter label{font-size:13px;line-height:1.4;gap:8px;font-weight:700}
.drs-cat-filter input,.drs-cat-filter select{font-size:14px;min-height:44px;line-height:1.3;padding:10px 12px}
.drs-cat-filter input:focus-visible,.drs-cat-filter select:focus-visible{outline:2px solid #24589c;outline-offset:2px}
.drs-cat-filter-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;border-top:1px solid #edf0f5;padding-top:17px}
.drs-cat-filter-actions .drs-cat-reset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;text-decoration:none}
.drs-cat-filter-actions .drs-cat-reset:hover{text-decoration:underline}
.drs-cat-filter-actions button{min-width:175px;min-height:44px;width:auto;margin:0;white-space:nowrap}
.drs-cat-toolbar{align-items:center;line-height:1.6;gap:16px;flex-wrap:wrap}
.drs-cat-toolbar span:last-child{text-align:right;max-width:570px}
.drs-cat-empty{margin-top:18px;padding:48px 24px 55px;box-shadow:0 10px 28px rgba(12,31,64,.035)}
.drs-cat-empty-logo{width:130px;height:80px;padding:8px 12px;background:#f5f7fb;border:1px solid #e5eaf2;border-radius:12px;margin:0 auto 20px;display:grid;place-items:center}
.drs-cat-empty-logo img{width:100%;height:100%;object-fit:contain}
.drs-cat-empty h2{font-size:clamp(21px,2.5vw,27px);line-height:1.3;margin:0}
.drs-cat-empty p{margin:15px auto 24px;font-size:15px;line-height:1.7}
.drs-cat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;width:100%;padding:20px;background:#f6f8fb}
.drs-cat-placeholder img{width:min(60%,130px);height:75px;object-fit:contain}
.drs-cat-placeholder small{font-size:12px;font-weight:600;text-align:center;color:#74829b}
.drs-cat-primary-img .drs-cat-placeholder{min-height:100%}
@media(max-width:1150px){.drs-cat-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.drs-cat-filter label:first-child{grid-column:span 2}}
@media(max-width:740px){.drs-cat-filter{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.drs-cat-filter label:first-child{grid-column:1/-1}.drs-cat-toolbar span:last-child{text-align:left}}
@media(max-width:520px){.drs-cat-filter{grid-template-columns:1fr;gap:13px}.drs-cat-filter label:first-child{grid-column:auto}.drs-cat-filter-actions{justify-content:stretch;gap:8px}.drs-cat-filter-actions button{min-width:0;flex:1}.drs-cat-filter-actions .drs-cat-reset{flex:0 0 auto}.drs-cat-empty{padding:35px 15px 44px}.drs-cat-empty p{font-size:14px}.drs-cat-hero-brand img{width:82px;height:48px}}
/* Center konten ketika katalog kosong */
.drs-cat-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.drs-cat-empty h2 {
    width: 100%;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.drs-cat-empty p {
    width: 100%;
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}