/* /Pooja listing — Figma frames 7:2 (desktop) and 7:82 (mobile). Builds on figma-home.css (.fh hero, buttons, pooja card). */
.fp .fp-back { display: inline-flex; align-items: center; justify-content: center; width: 108px; height: 44px; border-radius: 22px; background: #fff; border: 1px solid var(--npj-border);
    font: 600 14px/24px 'Poppins', sans-serif; color: var(--npj-burgundy); white-space: pre; }
.fp .fp-back:hover { background: var(--npj-soft); color: var(--npj-burgundy); }
.fp .fh-hero-copy .k { margin-top: 2px; }
.fp .fh-hero-copy h1 { font-size: 36px; line-height: 44px; }
.fp .fp-intro-actions .fh-btn { flex: 0 0 180px; min-height: 44px; font-size: 12px; padding: 12px 24px; }
.fp .fp-season { padding-top: 24px; }

/* List */
.fp .fp-list { padding: 32px 0 48px; }
.fp .fp-h { font: 600 28px/38px 'Poppins', sans-serif; color: var(--npj-ink); margin: 8px 0 18px; }
.fp .fp-toolbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; }
.fp .fp-filter-btn { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--npj-border); background: #fff; display: grid; place-items: center; cursor: pointer; }
.fp .fp-filter-btn:hover, .fp .fp-filter-btn[aria-expanded="true"] { background: var(--npj-soft); }
.fp .fp-reset { min-height: 44px; }
.fp .fp-online { margin-left: auto; min-height: 44px; border-radius: 10px; }
.fp .fp-sort { height: 44px; padding: 0 36px 0 14px; border: 1px solid var(--npj-border); border-radius: 10px; background-color: #fff; font: 400 14px/22px 'Poppins', sans-serif; color: var(--npj-ink); }
.fp .fp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.fp .fp-col { min-width: 0; }
.fp .fp-col.d-none { display: none !important; }
.fp .fp-col .ph { height: 244px; display: block; }
.fp .fp-col .bd { padding: 16px 20px 20px; gap: 8px; }
.fp .fp-col .fh-chip { align-self: flex-start; padding: 4px 10px; border-radius: 12px; line-height: 16px; }
.fp .fp-col h3 { font-size: 18px; line-height: 26px; }
.fp .fp-col h3 a { color: inherit; }
.fp .fp-col .meta { font-size: 13px; line-height: 20px; }
.fp .fp-col .price { font-size: 24px; line-height: 32px; }
.fp .fp-col .acts .fh-btn { min-height: 44px; padding: 10px 8px; font-size: 13px; }
.fp .fp-empty { text-align: center; padding: 40px 12px; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--npj-secondary); }
.fp .fp-empty.d-none { display: none; }
.fp .fp-empty b { font: 600 18px/24px 'Poppins', sans-serif; color: var(--npj-ink); }
.fp .fp-empty p { margin: 0 0 8px; font: 400 14px/20px 'Poppins', sans-serif; }

/* Filter panel (Figma 823:15649 family) */
.fp .fp-panel { position: absolute; top: 52px; left: 0; z-index: 30; width: 350px; max-width: calc(100vw - 40px); max-height: 70vh; overflow: auto; background: #fff; border: 1px solid var(--npj-border); border-radius: 14px; padding: 16px 20px 20px; box-shadow: 0 16px 40px rgba(139, 26, 16, .14); }
.fp .fp-panel[hidden] { display: none; }
.fp .fp-panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.fp .fp-panel-head b { font: 600 14px/22px 'Poppins', sans-serif; color: var(--npj-burgundy); }
.fp .fp-x { width: 36px; height: 36px; border: 0; border-radius: 10px; background: var(--npj-soft); color: var(--npj-accent); font-size: 22px; line-height: 1; cursor: pointer; }
.fp .fp-panel-sec { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-top: 1px solid #f0e6d8; }
.fp .fp-panel-sec:first-of-type { border-top: 0; }
.fp .fp-panel-sec small { font: 600 11px/18px 'Poppins', sans-serif; color: var(--npj-burgundy); text-transform: uppercase; letter-spacing: .3px; }
.fp .fp-opt { display: flex; align-items: center; min-height: 44px; padding: 8px 10px; border-radius: 10px; font: 400 14px/22px 'Poppins', sans-serif; color: var(--npj-ink); }
.fp .fp-opt:hover { background: var(--npj-soft); color: var(--npj-ink); }
.fp .fp-opt.is-on { background: var(--npj-soft); color: var(--npj-burgundy); font-weight: 600; }
.fp .fp-search { display: flex; gap: 8px; }
.fp .fp-search input { flex: 1; min-width: 0; height: 44px; border: 1px solid var(--npj-border); border-radius: 10px; padding: 0 12px; font: 400 14px/22px 'Poppins', sans-serif; }
.fp .fp-search button { min-height: 44px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--npj-burgundy); color: #fff; font: 600 14px/20px 'Poppins', sans-serif; cursor: pointer; }

/* Reassurance row */
.fp .fp-reassure { background: var(--npj-soft); padding: 24px 0; }
.fp .fp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.fp .fp-card { background: #fff; border: 1px solid var(--npj-border); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.fp .fp-card small { font: 600 12px/20px 'Poppins', sans-serif; color: var(--npj-saffron); }
.fp .fp-card b { font: 600 14px/20px 'Poppins', sans-serif; color: var(--npj-burgundy); }
.fp .fp-card p { margin: 0; font: 400 14px/20px 'Poppins', sans-serif; color: var(--npj-secondary); }

@media (max-width: 1099px) { .fp .fp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .fp .fp-grid { grid-template-columns: 1fr; gap: 16px; }
    .fp .fp-cards { grid-template-columns: 1fr; gap: 12px; }
    .fp .fp-h { font-size: 24px; line-height: 34px; }
    .fp .fp-intro-actions .fh-btn { flex: 1 1 0; }
    .fp .fh-hero-copy h1 { font-size: 28px; line-height: 36px; }
    .fp .fp-online { margin-left: 0; }
    .fp .fp-panel { width: calc(100vw - 40px); }
}