/*
Theme Name: Binance P2P Custom Theme
Theme URI: https://yourwebsite.com
Author: Your Name
Description: A fully custom, dynamic, and responsive Binance P2P clone theme styled in App Light Mode.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: binance-p2p
*/

/* 🎨 Binance App Light Theme Color Variables */
:root {
    --bp-bg-main: #F8F8F8; /* অ্যাপের পেছনের হালকা ধূসর/সাদা ব্যাকগ্রাউন্ড */
    --bp-bg-card: #FFFFFF; /* প্রতিটি সেলারের সাদা কার্ড */
    --bp-bg-darker: #EEEEEE; 
    --bp-bg-hover: #F1F1F1;
    --bp-color-yellow: #F3BA2F;
    --bp-color-green: #0ECB81; /* সবুজ Buy বোতাম */
    --bp-color-red: #F6465D;
    --bp-color-text-main: #1E2329; /* কালো বা ডার্ক টেক্সট */
    --bp-color-text-muted: #767F8A; /* ধূসর রঙের ছোট টেক্সট */
    --bp-border-color: #EAECEF;
}

body {
    background-color: var(--bp-bg-main) !important;
    color: var(--bp-color-text-main) !important;
    font-family: 'Roboto', 'Inter', sans-serif;
    margin: 0;
    padding: 0;
}

/* 📱 Mobile Responsive Elements CSS */
.binance-p2p-wrapper {
    background-color: var(--bp-bg-main);
    padding-bottom: 80px; /* নিচের মেনুবারের জন্য গ্যাপ */
}

.bp-container {
    max-width: 600px; /* মোবাইল ভিউ এর জন্য পারফেক্ট উইডথ */
    margin: 0 auto;
    padding: 12px;
}

/* Header Top Tabs */
.bp-top-nav-tabs {
    display: flex;
    gap: 20px;
    padding: 10px 4px;
    font-size: 16px;
    font-weight: 500;
    color: var(--bp-color-text-muted);
}
.bp-top-nav-tabs span.active {
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid var(--bp-color-text-main);
    padding-bottom: 4px;
}

/* Buy/Sell Capsule Switch */
.bp-capsule-box {
    display: flex;
    background: #EAECEF;
    padding: 3px;
    border-radius: 20px;
    width: fit-content;
    margin-top: 10px;
}
.bp-capsule-btn {
    border: none;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    background: transparent;
    color: var(--bp-color-text-muted);
}
.bp-capsule-btn.active-buy {
    background: #000;
    color: #fff;
}

/* 📱 Seller Post Card Layout */
.bp-card-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 15px;
}

.bp-card {
    background-color: var(--bp-bg-card);
    padding: 16px;
    border-radius: 12px;
    border: 1px solid var(--bp-border-color);
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.02);
}

/* Card Left Information Group */
.bp-card-left {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 65%;
}

.bp-merchant-header {
    display: flex;
    align-items: center;
    gap: 6px;
}
.bp-merchant-avatar {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
}
/* ========================================================
   🎯 মার্চেন্ট নেম ফিক্স - স্ক্রিনশটের অবিকল মিডিয়াম এবং ক্লিন লুক
   ======================================================== */
.bp-merchant-name {
    font-size: 14px !important;
    font-weight: 600 !important; /* অতিরিক্ত মোটা (700) কেটে প্রফেশনাল মিডিয়াম (600) করা হলো */
    color: #1E2329 !important;
    letter-spacing: -0.1px !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* নামের পাশে থাকা গোল ভেরিফাইড ব্যাজটির সাইজ ও এলাইনমেন্ট স্ক্রিনশটের মতো নিখুঁত করা */
.bp-merchant-header i {
    font-size: 11px !important;
    color: #F3BA2F !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* বাম পাশের গোল লোগো বা অবতার ব্যাজটি হালকা ছোট ও ক্লিন করা */
.bp-merchant-avatar {
    width: 22px !important;
    height: 22px !important;
    background: #1E2329 !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
}


.bp-merchant-sub-stats {
    font-size: 11px;
    color: var(--bp-color-text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.bp-price-row {
    margin-top: 5px;
}
.bp-price-currency {
    font-size: 13px;
    color: #1E2329;
    font-weight: 500;
}
.bp-price-big-num {
    font-size: 24px;
    font-weight: bold;
    color: #1E2329;
}
.bp-price-unit {
    font-size: 11px;
    color: var(--bp-color-text-muted);
}

.bp-limits-row {
    font-size: 12px;
    color: var(--bp-color-text-muted);
    line-height: 1.5;
}
.bp-limits-row strong {
    color: #1E2329;
}

/* Card Right Group (বিকাশ-নগদ ডান পাশে নিচে নিচে সাজানো) */
.bp-card-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    width: 33%;
    text-align: right;
}

.bp-vertical-badges {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
    font-size: 11px;
    font-weight: 500;
    color: var(--bp-color-text-muted);
}
.bp-vertical-badges span {
    display: flex;
    align-items: center;
    gap: 4px;
}
/* স্ক্রিনশটের মতো কালার বার ইন্ডিকেটর */
.bp-badge-indicator {
    width: 3px;
    height: 11px;
    border-radius: 2px;
    display: inline-block;
}
.indicator-bkash { background-color: #E2126E; }
.indicator-nagad { background-color: #FA4A12; }
.indicator-bank { background-color: #F3BA2F; }

.bp-app-buy-btn {
    background-color: var(--bp-color-green) !important;
    color: white !important;
    font-weight: bold !important;
    border: none !important;
    padding: 8px 24px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
}

/* 📱 Mobile Bottom App Navigation Bar */
.bp-app-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid var(--bp-border-color);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 6px 0;
    z-index: 99999;
}
.bp-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--bp-color-text-muted);
    font-size: 10px;
    text-decoration: none;
    gap: 2px;
}
.bp-nav-item.active {
    color: var(--bp-color-text-main);
    font-weight: bold;
}
.bp-nav-item i {
    font-size: 18px;
}

/* 📱 মোবাইলে ১০০% ফুল স্ক্রিন ও রেসপন্সিভ লেআউট সেটিংস */
html, body, #page, #content, .site-content, .container, .entry-content, .site-main, .ast-container, .elementor-section {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #F8F8F8 !important;
}

/* মূল মোবাইল স্ক্রিন কনটেইনার */
.bp-master-wrapper {
    width: 100% !important;
    height: 100vh !important;
    background: #F8F8F8 !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

/* স্ক্রোলযোগ্য ভেতরের মূল বডি */
.bp-scrollable-content {
    flex: 1;
    overflow-y: auto !important;
    padding: 12px 16px 100px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
}

/* নিচের প্লেস অর্ডার বাটন ফিক্সড রাখার জন্য */
.bp-footer-action {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #F8F8F8;
    padding: 12px 16px 24px 16px;
    box-sizing: border-box;
    z-index: 999;
}

/* লাইক ও পার্সেন্টেজ ব্যাজ স্টাইল */
.bp-feedback-badge {
    font-size: 12px;
    color: #767F8A;
    background: #F5F5F5;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    margin-left: 4px;
}
<style>
/* ==========================================================================
   🎯 বাইন্যান্স পিটুপি অর্ডার পেজ - চূড়ান্ত ফিক্সড হেডার, ফুটার ও ফন্ট হাইপ ইঞ্জিন
   ========================================================================== */

/* ডেক্সটপ এবং গ্লোবাল থিমের কন্টেইনার ওভাররাইড */
html, body, #page, #content, .site-content, .container, .entry-content, .site-main, .ast-container, .elementor-section {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #F8F8F8 !important;
}

/* মূল ফ্রেম কনটেইনার - ডেস্কটপে আপনার হোমপেজের অবিকল উইডথ ধরে রাখবে */
.bp-master-wrapper {
    width: 100% !important;
    max-width: 500px !important;
    height: 100vh !important;
    height: 100dvh !important;
    background-color: #FFFFFF !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important; /* বাইরের অপ্রয়োজনীয় স্ক্রোলবার পুরোপুরি বন্ধ */
    margin: 0 auto !important;
    font-family: 'Inter', 'Roboto', sans-serif !important;
    position: relative !important;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.05) !important;
}

/* 🎯 ১. অফিশিয়াল হেডার এরিয়া - যা স্ক্রিনের একদম ওপরে চিরতরে ফিক্সড থাকবে */
.bp-header-area { 
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 16px 12px !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    box-sizing: border-box !important; 
    background: #FFFFFF !important; 
    border-bottom: 1px solid #EAECEF !important;
    z-index: 100000000 !important;
}
.bp-back-btn { position: absolute; left: 16px; top: 18px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #1E2329; }
.bp-header-title { font-weight: 700; color: #1E2329; font-size: 18px; display: flex; align-items: center; gap: 8px; }
.bp-header-price { font-size: 12px; color: #1E2329; margin-top: 6px; font-weight: 600; display: flex; align-items: center; gap: 6px; }

/* 🔄 ২. স্ক্রোলযোগ্য মাঝখানের মূল কন্টেন্ট বডি (যা হেডার ও ফুটারের মাঝখানে স্বাধীনভাবে স্ক্রোল হবে) */
#bp-order-screen {
    flex: 1 !important;
    overflow-y: auto !important;
    display: flex !important; 
    flex-direction: column !important; 
    gap: 20px !important;
    padding: 20px 20px 140px 20px !important; /* নিচে ফিক্সড ফুটার বাটনের জন্য সেফ গ্যাপ */
    box-sizing: border-box !important;
    width: 100% !important;
}
#bp-order-screen::-webkit-scrollbar { display: none !important; }

/* ইনপুট বড় কার্ড সিএসএস */
.bp-input-card { background: #F8F8F8; border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 14px; width: 100%; box-sizing: border-box; }
.bp-input-tabs { display: flex; gap: 24px; }
.bp-input-tabs span { color: #767F8A; font-weight: 600; padding-bottom: 6px; cursor: pointer; font-size: 15px; }
.bp-input-tabs span.active { color: #1E2329; border-bottom: 3px solid #F3BA2F; font-weight: 700; }
.bp-input-row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.bp-input-row input { background: transparent; border: none; color: #1E2329; font-size: 42px; font-weight: 700; width: 65%; outline: none; padding: 0; }
.bp-input-label-box { color: #1E2329; font-weight: 700; font-size: 16px; text-align: right; }
.bp-max-btn { color: #F3BA2F; cursor: pointer; font-size: 15px; margin-left: 6px; font-weight: 700; }
.bp-limit-text { font-size: 12px; color: #767F8A; margin-top: -2px; font-weight: 500; }
.bp-calc-result-row { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding-top: 12px; border-top: 1px solid #EAECEF; }
#calc-result-label { color: #1E2329; font-weight: 600; }
.bp-receive-amount { color: #1E2329; font-weight: 700; font-size: 16px; }
/* পেমেন্ট মেথড কার্ড */
.bp-payment-method-card { background: #F8F8F8; border-radius: 16px; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; }
.bp-payment-left { display: flex; align-items: center; gap: 10px; }
.bp-payment-indicator { width: 4px; height: 16px; display: inline-block; border-radius: 2px; }
.bp-payment-indicator.bkash { background: #E2126E; }
.bp-payment-indicator.nagad { background: #FA4A12; }
.bp-payment-title { font-weight: 700; color: #1E2329; font-size: 16px; }
.bp-payment-right { display: flex; align-items: center; gap: 8px; color: #767F8A; font-size: 14px; }
.bp-badge-count { background: #EAECEF; color: #767F8A; border-radius: 50%; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }

/* সাবস্ক্রাইব ও মার্চেন্ট এরিয়া */
.bp-section-block { display: flex; flex-direction: column; gap: 10px; width: 100%; box-sizing: border-box; }
.bp-section-title { font-size: 15px; font-weight: 700; color: #1E2329; padding-left: 2px; margin: 0; }
.bp-subscribe-card { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; background: #FFF; border: none; padding: 4px 0; }
.bp-subscribe-text { font-size: 15px; color: #1E2329; font-weight: 600; }
.bp-apr-text { color: #0ECB81; font-size: 13px; border-bottom: 1px dashed #0ECB81; padding-bottom: 1px; margin-left: 6px; font-weight: 600; }
.bp-toggle-switch { width: 36px; height: 20px; background: #F3BA2F; border-radius: 10px; position: relative; cursor: pointer; }
.bp-toggle-circle { width: 16px; height: 16px; background: #FFF; border-radius: 50%; position: absolute; right: 2px; top: 2px; }
.bp-advertiser-card { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; background: #FFF; border: none; padding: 4px 0; }
.bp-merchant-name { font-weight: 700; color: #1E2329; font-size: 16px; }
.bp-advertiser-right { display: flex; align-items: center; gap: 6px; color: #0ECB81; font-size: 14px; font-weight: 600; }

/* শর্তাবলী টেক্সট নোটিশ */
.bp-terms-row-node { font-size: 14px; color: #767F8A; line-height: 2.3; font-weight: 500; white-space: pre-line; width: 100%; box-sizing: border-box; padding: 12px 4px; border-top: 1px solid #F1F1F1; margin-top: 10px; }

/* 🟢 ৩. ফিক্সড ফুটার প্লেস অর্ডার বাটন ফুটার - যা স্ক্রিনের একদম নিচে চিরতরে লক থাকবে */
.bp-mobile-btn-footer {
    position: absolute !important; /* কনটেইনার ফ্রেমের সাপেক্ষে একদম নিচে ফিক্সড লক করার মেকানিজম */
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #FFFFFF !important;
    padding: 16px 20px 28px 20px !important; /* নিচে মোবাইল হোম-বারের জন্য সেফ গ্যাপ */
    box-sizing: border-box !important;
    z-index: 100000000 !important;
    border-top: 1px solid #EAECEF !important;
}
.bp-mobile-btn-footer button { 
    width: 100% !important; 
    background: #0ECB81 !important; 
    color: #fff !important; 
    font-weight: 700 !important; 
    padding: 14px !important; 
    border-radius: 10px !important; 
    border: none !important; 
    font-size: 16px !important; 
    cursor: pointer !important; 
    box-shadow: 0px 4px 12px rgba(14, 203, 129, 0.15) !important;
}

/* ==========================================================================
   📱 ৪. শুধুমাত্র মোবাইল স্ক্রিনের কাস্টম ফন্ট সাইজ ও ফাঁকা ফাঁকা স্পেসিফিকেশন
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .bp-master-wrapper { 
        max-width: 100% !important; 
        left: 0 !important; 
        transform: none !important; 
        box-shadow: none !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
    }

    /* মোবাইলের অটো-স্পেসিং লেআউট ইঞ্জিন */
    #bp-order-screen {
        padding: 24px 20px 140px 20px !important;
        gap: 28px !important; /* 🎯 মাঝখানের কার্ডগুলোর দূরত্ব বৃদ্ধি করে ফাঁকা ফাঁকা করা হলো */
    }

    /* মোবাইলের হেডার ফন্ট সাইজ বৃদ্ধি */
    .bp-header-title { font-size: 23px !important; }
    .bp-header-price { font-size: 14px !important; margin-top: 8px !important; }

    /* 🎯 ইনপুট বক্সের মাঝখানের মূল লেখাগুলোর ফন্ট সাইজ বড় করা (+৫ পিক্সেল বা তার বেশি পরিমাণ বৃদ্ধি) */
    .bp-input-row input { font-size: 52px !important; } /* বিশাল বড় স্পষ্ট সংখ্যা */
    .bp-input-label-box { font-size: 21px !important; } /* BDT টেক্সট বড় করা হলো */
    .bp-max-btn { font-size: 19px !important; margin-left: 8px !important; }
    .bp-limit-text { font-size: 15px !important; margin-top: 2px !important; }
    
    /* ইউ রিসিভ ক্যালকুলেশন লাইনের ফন্ট বৃদ্ধি */
    .bp-calc-result-row { font-size: 19px !important; padding-top: 16px !important; }
    .bp-receive-amount { font-size: 21px !important; }

    /* বিকাশ/নগদ ও মার্চেন্ট এরিয়ার ফন্ট সাইজ বৃদ্ধি */
    .bp-payment-title, .bp-section-title, .bp-subscribe-text, .bp-merchant-name { 
        font-size: 20px !important; /* 🎯 লেখাগুলো বড় করা হলো */
    }
    .bp-advertiser-right { font-size: 17px !important; }
    .bp-apr-text { font-size: 16px !important; margin-left: 8px !important; }

    /* 🎯 শর্তাবলী নোটিশের ফন্ট বড় করা এবং লাইনগুলো আরও ফাঁকা ফাঁকা করা */
    .bp-terms-row-node {
        font-size: 18px !important; /* 🎯 সাধারণ ফন্ট বড় করা হলো */
        line-height: 2.8 !important; /* 🎯 প্রতিটি লাইনের মাঝখানের ফাঁকা স্পেস আরও বাড়ানো হলো */
        padding: 16px 4px !important;
        border-top: 1px solid #F1F1F1 !important;
        margin-top: 10px !important;
    }

    /* মোবাইলের নিচের প্লেস অর্ডার বাটন এরিয়া ফিক্স */
    .bp-mobile-btn-footer {
        position: fixed !important; /* 🎯 মোবাইলেও বাটনটি স্ক্রিনের ফুটারে ফিক্সড থাকবে */
        width: 100vw !important;
        padding: 16px 16px 36px 16px !important;
    }
    .bp-mobile-btn-footer button {
        padding: 16px !important;
        font-size: 20px !important; /* বাটন টেক্সট বড় করা হলো */
    }
}
/* 📱 যেকোনো মোবাইল স্ক্রিনে ডান-বাম পাশের ফাঁকা জায়গা ১০০% ভরাট করার ফিক্স */
@media only screen and (max-width: 767px) {
    .bp-master-wrapper {
        width: 100% !important;       /* আড়াআড়িভাবে পুরো ডিসপ্লে স্ক্রিন জুড়ে থাকবে */
        max-width: 100% !important;   /* কন্টেইনারের যেকোনো সর্বোচ্চ সীমানা ভেঙে দেবে */
        padding-left: 0px !important;  /* বাম পাশের অতিরিক্ত ফাঁকা বর্ডার সম্পূর্ণ শূন্য */
        padding-right: 0px !important; /* ডান পাশের অতিরিক্ত ফাঁকা বর্ডার সম্পূর্ণ শূন্য */
    }
}
/* ========================================================
   📱 P2P Home Page Clean Responsive Classes (No Inline Style)
   ======================================================== */
.bp-home-wrapper {
    background-color: var(--bp-bg-main);
    padding-bottom: 80px;
    width: 100%;
    box-sizing: border-box;
}

.bp-flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    width: 100%;
    box-sizing: border-box;
}

.bp-currency-dropdown-btn {
    background: #EAECEF;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #1E2329;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: none;
    cursor: pointer;
}

.bp-currency-dropdown-btn i {
    font-size: 11px;
    color: #1E2329;
}

.bp-promoted-ad-title {
    font-size: 14px;
    font-weight: bold;
    color: #1E2329;
    margin: 15px 4px 5px 4px;
}

/* 🎯 ডাইনামিক ফিল্টার বার সিলেক্টর স্টাইলিং */
.bp-filter-form-wrap {
    margin: 0;
    padding: 0;
    width: 100%;
}

.bp-crypto-select-pill {
    position: relative;
    background: rgba(14,203,129,0.08);
    border-radius: 20px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
}

.bp-crypto-select-pill span {
    color: #0ECB81;
    font-size: 13px;
    font-weight: bold;
    margin-right: 4px;
    display: flex;
    align-items: center;
}

.bp-crypto-select-pill select {
    background: transparent;
    border: none;
    color: #0ECB81;
    font-size: 13px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    padding-right: 12px;
}

.bp-dropdown-pill-wrap {
    position: relative;
    background: #EAECEF;
    border-radius: 20px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
}

.bp-dropdown-pill-wrap select {
    background: transparent;
    border: none;
    color: #1E2329;
    font-size: 13px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
}

.bp-filter-slider-btn {
    margin-left: auto;
    background: none;
    border: none;
    padding: 6px;
    cursor: pointer;
    color: #1E2329;
    font-size: 15px;
    display: flex;
    align-items: center;
}

/* 🎯 লাইক ও সাব-স্ট্যাটাস টেক্সট ক্লাসেস */
.bp-sub-stats-like-wrap {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.bp-sub-stats-divider {
    color: #767F8A;
    opacity: 0.3;
    margin: 0 2px;
}

.bp-svg-like-icon {
    display: inline-block;
    vertical-align: middle;
}

.bp-feedback-rate-text {
    color: #767F8A;
    font-weight: 500;
}

/* ========================================================
   🟢 মার্চেন্ট অবতারের ওপর স্বয়ংক্রিয় সবুজ অনলাইন ডট ইজেক্টর
   ======================================================== */
.bp-m-avatar {
    position: relative !important;
}

.bp-m-avatar::after {
    content: '' !important;
    position: absolute !important;
    bottom: -1px !important;
    right: -1px !important;
    width: 7px !important;
    height: 7px !important;
    background-color: #0ECB81 !important; /* বাইনান্স অফিশিয়াল গ্রিন অ্যাক্টিভ কালার */
    border-radius: 50% !important;
    border: 1.5px solid #FFFFFF !important; /* চারপাশের সাদা প্রফেশনাল রিং বর্ডার */
    display: block !important;
    z-index: 99 !important;
}