/* কার্ড ব্যাজ */
.shop-card, .fs-card { position: relative; }
.pd-off {
    position: absolute; top: 6px; right: 6px; z-index: 4;
    background: #ee4d2d; color: #fff; font-size: 10px; font-weight: 700;
    padding: 2px 6px; border-radius: 3px;
}
.pd-meta { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-top: 3px; font-size: 10px; color: #888; }
.pd-rate i { color: #faca51; font-size: 10px; }
.pd-rate small { margin-left: 2px; color: #aaa; }
.pd-fd-tag {
    display: inline-block; margin-top: 4px; font-size: 9.5px; line-height: 1.2;
    color: #0ba360; border: 1px solid #bfe8d2; background: #f0fbf5;
    padding: 2px 5px; border-radius: 3px;
}
.pd-fd-tag.solid { background: #0ba360; border-color: #0ba360; color: #fff; }

/* ফ্ল্যাশ সেল কাউন্টডাউন */
.pd-countdown { font-size: 12px; color: #555; display: inline-flex; align-items: center; gap: 4px; }
.pd-countdown em {
    font-style: normal; font-weight: 700; background: #333; color: #fff;
    padding: 2px 5px; border-radius: 3px; min-width: 20px; text-align: center; display: inline-block;
}
.fs-header { align-items: center; }

/* ক্যাটাগরি টুলবার: সর্ট + দাম ফিল্টার */
.pd-toolbar { display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
.pd-toolbar select, .pd-toolbar .pd-filter-btn {
    font-size: 12px; padding: 6px 8px; border: 1px solid #e0e0e0; border-radius: 4px;
    background: #fff; color: #333; flex: 1; min-width: 0;
}
.pd-toolbar .pd-filter-btn { cursor: pointer; flex: 0 0 auto; }
.pd-price-panel { display: none; width: 100%; gap: 6px; align-items: center; }
.pd-price-panel.open { display: flex; }
.pd-price-panel input { width: 0; flex: 1; font-size: 12px; padding: 6px; border: 1px solid #e0e0e0; border-radius: 4px; }
.pd-price-panel button { background: #ee4d2d; color: #fff; border: 0; border-radius: 4px; padding: 7px 12px; font-size: 12px; }

/* আরও দেখুন */
.pd-loadmore {
    display: block; margin: 14px auto 0; padding: 9px 26px; border: 1px solid #ee4d2d;
    background: #fff; color: #ee4d2d; border-radius: 4px; font-size: 13px; cursor: pointer;
}
.pd-loadmore.loading { opacity: .6; pointer-events: none; }

/* টোস্ট */
.pd-toast {
    position: fixed; left: 50%; bottom: 80px; transform: translate(-50%, 20px);
    background: rgba(33,33,33,.92); color: #fff; font-size: 13px; padding: 10px 16px;
    border-radius: 24px; z-index: 99999; opacity: 0; transition: all .25s; max-width: 90%; text-align: center;
    pointer-events: none;
}
.pd-toast.show { opacity: 1; transform: translate(-50%, 0); }

/* কার্ট সাজেশন */
.pd-cs { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 12px; margin: 14px 0; }
.pd-cs-title { font-size: 13px; margin-bottom: 10px; color: #333; }
.pd-cs-scroll { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; }
.pd-cs-card { min-width: 120px; max-width: 120px; font-size: 11px; }
.pd-cs-card img { width: 100%; height: 110px; object-fit: cover; border-radius: 6px; }
.pd-cs-name { height: 28px; overflow: hidden; margin: 4px 0 2px; line-height: 1.3; }
.pd-cs-price { color: #ee4d2d; font-weight: 700; }
.pd-cs-add {
    display: block; margin-top: 5px; text-align: center; background: #ee4d2d; color: #fff;
    padding: 5px 0; border-radius: 4px; text-decoration: none; font-size: 11px;
}

/* সার্চ সাজেশন ড্রপডাউন */
.pd-sg {
    position: fixed; z-index: 1100; background: #fff; border-radius: 6px; display: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.18); max-height: 60vh; overflow-y: auto;
}
.pd-sg.open { display: block; }
.pd-sg-head { display: flex; justify-content: space-between; padding: 9px 12px 4px; font-size: 11px; color: #888; }
.pd-sg-head a { color: #ee4d2d; text-decoration: none; cursor: pointer; }
.pd-sg-row { display: flex; align-items: center; gap: 10px; padding: 9px 12px; font-size: 13px; color: #333; text-decoration: none; border-bottom: 1px solid #f5f5f5; }
.pd-sg-row i { color: #bbb; font-size: 12px; }
.pd-sg-row img { width: 38px; height: 38px; object-fit: cover; border-radius: 4px; }
.pd-sg-row .pd-sg-t { flex: 1; min-width: 0; line-height: 1.3; }
.pd-sg-row .pd-sg-p { color: #ee4d2d; font-size: 12px; font-weight: 700; }