/* রেডিও বার্তা থিম — ওয়ার্ডপ্রেস radiobarta-core প্লাগইনের CSS হুবহু */

/* ===== global ===== */
            /* গ্লোবাল ভ্যারিয়েবলস */
            :root {
                --rb-bg-main: #ffffff;
                --rb-bg-sec: #f9f9f9;
                --rb-text-title: #111111; /* গ্লোবাল কালার কালো */
                --rb-text-main: #333333;
                --rb-text-muted: #555555;
                --rb-border: #eeeeee;
                --rb-border-dark: #dddddd;
                --rb-img-bg: #f5f5f5;
                --rb-hover-color: #009663;
                --rb-single-title: #113366; /* শুধুমাত্র সিঙ্গেল পোস্টের টাইটেল ব্লু */
            }
            
            html.rb-dark-mode body {
                --rb-bg-main: #121212 !important;
                --rb-bg-sec: #1e1e1e !important;
                --rb-text-title: #ffffff !important;
                --rb-text-main: #e0e0e0 !important;
                --rb-text-muted: #aaaaaa !important;
                --rb-border: #333333 !important;
                --rb-border-dark: #444444 !important;
                --rb-img-bg: #2a2a2a !important;
                --rb-single-title: #ffffff !important; /* ডার্ক মোডে সাদা */
                background-color: var(--rb-bg-main) !important;
                color: var(--rb-text-main) !important;
            }

            /* ইমেজ অপটিমাইজেশন */
            img:not(.rb-no-bg) { background-color: var(--rb-img-bg); animation: rbImageFade 0.5s ease-in-out; }
            img.rb-no-bg { background-color: transparent !important; animation: none !important; }
            @keyframes rbImageFade { from { opacity: 0.8; } to { opacity: 1; } }

            #rb-header-spacer { height: 90px; }
            .rb-fixed-wrapper { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; font-family: inherit; box-shadow: 0 2px 5px rgba(0,0,0,0.1); background-color: var(--rb-bg-main); }
            .rb-container { max-width: 1250px; margin: 0 auto; padding: 0 15px; position: relative; }
            .relative { position: relative; }
            .rb-desktop-header { background: var(--rb-bg-main); display: block; }
            .rb-top-bar-wrapper { background: var(--rb-bg-main); border-bottom: 1px solid var(--rb-border); height: 40px; }
            .rb-top-flex { height: 100%; display: flex; justify-content: space-between; align-items: center; padding-left: 180px; }
            .rb-date { color: var(--rb-text-muted); font-size: 14px; font-weight: 600; }
            .rb-date i { color: var(--rb-hover-color); margin-right: 4px; }
            .rb-top-links { display: flex; align-items: center; gap: 18px; }
            .rb-top-links a { color: var(--rb-text-main); text-decoration: none; font-size: 14px; font-weight: 700; transition: 0.2s; }
            .rb-top-links a:hover { color: var(--rb-hover-color); }
            .rb-live-btn { color: #e46044 !important; font-weight: bold; }
            .rb-live-btn i { font-size: 10px; animation: blink 1.5s infinite; vertical-align: middle; margin-right: 3px; }
            
            .rb-top-links a.rb-en-btn { background-color: #113366 !important; color: #fff !important; padding: 3px 10px !important; border-radius: 3px !important; font-size: 12px !important; }
            html.rb-dark-mode body .rb-top-links a.rb-en-btn { color: #fff !important; }

            .rb-theme-toggle { font-size: 18px; cursor: pointer; color: var(--rb-text-muted); }
            html.rb-dark-mode body .rb-theme-toggle { color: #f1c40f !important; } 
            @keyframes blink { 50% { opacity: 0; } }
            .rb-menu-bar-wrapper { background: var(--rb-hover-color); height: 50px; }
            .rb-menu-flex { height: 100%; display: flex; justify-content: space-between; align-items: center; padding-left: 180px; }
            .rb-desktop-overlap-logo { position: absolute; left: 15px; top: -40px; height: 90px; z-index: 100; display: flex; align-items: center; }
            .rb-desktop-overlap-logo a { display: block; }
            .rb-desktop-overlap-logo img { max-height: 85px !important; max-width: 170px !important; width: auto !important; object-fit: contain; display: block; }
            .rb-menu-list { flex-grow: 1; overflow: hidden; height: 100%; }
            .rb-ul { list-style: none; margin: 0; padding: 0; display: flex; height: 100%; align-items: center; }
            .rb-ul li { height: 100%; }
            .rb-ul li a { color: #fff !important; text-decoration: none; padding: 0 16px; font-size: 16px; font-weight: bold; border-right: 1px solid rgba(255,255,255,0.2); line-height: 50px; display: block; transition: 0.2s; }
            .rb-ul li:first-child a { border-left: 1px solid rgba(255,255,255,0.2); }
            .rb-ul li a:hover { background: rgba(0,0,0,0.1); }
            .rb-icons { display: flex; color: #fff; font-size: 20px; height: 100%; align-items: center; border-left: 1px solid rgba(255,255,255,0.2); }
            .rb-icons i { cursor: pointer; transition: 0.2s; padding: 0 15px; line-height: 50px; height: 100%; display: flex; align-items: center; border-right: 1px solid rgba(255,255,255,0.2); }
            .rb-icons i:hover { background: rgba(0,0,0,0.1); }
            .rb-desktop-search-box { display: none; background: var(--rb-bg-sec); padding: 15px 0; border-top: 1px solid var(--rb-border); position: absolute; width: 100%; top: 100%; left: 0; z-index: 998;}
            .rb-desktop-search-box form { display: flex; width: 100%; max-width: 600px; margin: 0 auto; }
            .rb-desktop-search-box input { flex-grow: 1; padding: 10px 15px; border: 1px solid var(--rb-border-dark); background: var(--rb-bg-main); color: var(--rb-text-main); font-size: 16px; outline: none; border-radius: 4px 0 0 4px; font-family: inherit;}
            .rb-desktop-search-box button { background: var(--rb-hover-color); color: #fff; border: none; padding: 0 25px; font-size: 16px; cursor: pointer; font-weight: bold; border-radius: 0 4px 4px 0; font-family: inherit;}
            .rb-mega-menu-dropdown { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: var(--rb-bg-sec); box-shadow: 0 10px 20px rgba(0,0,0,0.15); z-index: 999; border-top: 2px solid #e46044; padding-bottom: 20px; }
            .rb-mega-content { padding: 30px 0 20px 0; }
            .rb-mega-ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px 15px; }
            .rb-mega-ul li a { display: block; padding-bottom: 8px; color: var(--rb-text-main); text-decoration: none; font-size: 15px; font-weight: bold; border-bottom: 1px dotted var(--rb-border-dark); transition: 0.2s; }
            .rb-mega-ul li a:hover { color: var(--rb-hover-color); padding-left: 5px; }
            .rb-mega-bottom-icons { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 1px solid var(--rb-border-dark); padding-top: 20px; margin-top: 10px; }
            .rb-mega-bottom-icons a { display: flex; align-items: center; gap: 8px; color: var(--rb-text-main); font-size: 14px; font-weight: bold; text-decoration: none; transition: 0.3s; }
            .rb-mega-bottom-icons a:hover { color: var(--rb-hover-color); }
            .rb-mega-bottom-icons a i { font-size: 16px; width: 20px; text-align: center; }

            .rb-mobile-header { display: none; }
            @media only screen and (max-width: 900px) {
                #rb-header-spacer { height: 100px; } 
                .rb-desktop-header { display: none; }
                .rb-mobile-header { display: block; width: 100%; position: relative; }
                .rb-mob-scroll-mask { position: absolute; left: 0; bottom: 0; width: 100px; height: 45px; background: var(--rb-bg-sec); z-index: 102; border-bottom: 2px solid var(--rb-hover-color); }
                .rb-mob-logo { position: absolute; left: 15px; top: 5px; height: 85px; z-index: 105; display: flex; align-items: center; }
                .rb-mob-logo a { display: block; height: 100%; }
                .rb-mob-logo img { height: 100% !important; width: auto !important; max-width: 120px !important; object-fit: contain; display: block; }
                .rb-mob-topbar-colored { background: var(--rb-hover-color); display: flex; justify-content: flex-end; align-items: center; padding: 0 15px; height: 55px; }
                .rb-mob-icons-right { display: flex; align-items: center; gap: 15px; }
                .rb-mob-icons-right a, .rb-mob-icons-right i { color: #fff !important; text-decoration: none; font-size: 14px; font-weight: bold; cursor: pointer; }
                
                .rb-mob-icons-right a.rb-mob-en-btn { background-color: #fff !important; color: var(--rb-hover-color) !important; padding: 2px 6px !important; border-radius: 3px !important; font-size: 13px !important; display: inline-block; }
                html.rb-dark-mode body .rb-mob-icons-right a.rb-mob-en-btn { color: var(--rb-hover-color) !important; }

                .rb-mob-icons-right i.fa-bars { font-size: 20px; }
                .rb-mob-bottom-scroll-white { position: relative; z-index: 100; background: var(--rb-bg-sec); height: 45px; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; border-bottom: 2px solid var(--rb-hover-color); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
                .rb-mob-bottom-scroll-white::-webkit-scrollbar { display: none; }
                .rb-mob-ul { list-style: none; margin: 0; padding: 0; padding-left: 105px; display: flex; height: 100%; align-items: center; } 
                .rb-mob-ul li a { display: block; padding: 0 15px; color: var(--rb-text-main); text-decoration: none; font-size: 15px; font-weight: bold; line-height: 45px; border-right: 1px solid var(--rb-border);}
            }

            .rb-mobile-sidebar { position: fixed; top: 0; right: -320px; width: 300px; max-width: 80%; height: 100vh; background: var(--rb-bg-sec); z-index: 9999999; transition: right 0.3s ease; box-shadow: -5px 0 15px rgba(0,0,0,0.1); overflow-y: auto; font-family: inherit;}
            .rb-mobile-sidebar.active { right: 0; }
            .rb-sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); z-index: 9999998; display: none; }
            .rb-sidebar-overlay.active { display: block; }
            .rb-sidebar-inner { padding: 20px; }
            .rb-sidebar-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--rb-border-dark); padding-bottom: 15px; margin-bottom: 20px; }
            .rb-sidebar-head i { font-size: 24px; color: #e46044; cursor: pointer; }
            .rb-sidebar-search form { display: flex; border: 1px solid var(--rb-hover-color); border-radius: 4px; overflow: hidden; margin-bottom: 20px; }
            .rb-sidebar-search input { flex-grow: 1; padding: 10px; border: none; outline: none; font-size: 15px; font-family: inherit; background: var(--rb-bg-main); color: var(--rb-text-main);}
            .rb-sidebar-search button { background: var(--rb-hover-color); color: #fff; border: none; padding: 0 15px; cursor: pointer; }
            .rb-side-ul { list-style: none; margin: 0; padding: 0; }
            .rb-side-ul li { border-bottom: 1px solid var(--rb-border); }
            .rb-side-ul li a { display: block; padding: 12px 5px; color: var(--rb-text-main); text-decoration: none; font-size: 16px; font-weight: bold; }
            .rb-sidebar-extra-links { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px; border-top: 2px solid var(--rb-border-dark); padding-top: 20px; }
            .rb-sidebar-extra-links a { display: flex; align-items: center; gap: 8px; color: var(--rb-text-main); font-size: 14px; font-weight: bold; text-decoration: none; transition: 0.3s; }
            .rb-sidebar-extra-links a:hover { color: var(--rb-hover-color); }
            .rb-sidebar-extra-links a i { font-size: 18px; width: 20px; text-align: center; }
        

/* ===== trending ===== */
            .rb-trending-tags-container { display: flex; align-items: center; gap: 10px; overflow-x: auto; white-space: nowrap; padding: 10px 0; font-family: inherit; -ms-overflow-style: none; scrollbar-width: none; width: 100%; }
            .rb-trending-tags-container::-webkit-scrollbar { display: none; }
            .rb-trending-badge { background: linear-gradient(45deg, #e46044, #f37021); color: #ffffff; padding: 5px 16px; border-radius: 25px; font-weight: bold; font-size: 15px; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; box-shadow: 0 2px 5px rgba(228, 96, 68, 0.3); }
            .rb-trending-badge svg { width: 14px; height: 14px; }
            .rb-tag-item { background-color: var(--rb-border); color: var(--rb-text-main); padding: 5px 16px; border-radius: 25px; text-decoration: none; font-size: 15px; transition: all 0.3s ease; display: inline-block; }
            .rb-tag-item:hover { background-color: var(--rb-hover-color); color: #ffffff; box-shadow: 0 2px 5px rgba(0, 150, 99, 0.3); }
        

/* ===== matrix ===== */
            .rb-news-matrix { display: grid; grid-template-columns: 260px 1fr 280px; gap: 25px; font-family: inherit; color: var(--rb-text-main); max-width: 1250px; margin: 0 auto; line-height: 1.4; }
            .rb-col { display: flex; flex-direction: column; } .rb-col-left { border-right: 1px solid var(--rb-border); padding-right: 25px; } .rb-col-mid { padding-right: 25px; border-right: 1px solid var(--rb-border); }
            .rb-news-matrix a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; font-weight: bold; } .rb-news-matrix a:hover { color: var(--rb-hover-color); }
            .rb-excerpt { font-size: 15px; color: var(--rb-text-muted); line-height: 1.5; margin-top: 8px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
            .rb-divider { height: 1px; background: var(--rb-border); margin: 16px 0; width: 100%; }
            .rb-flex-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; } .rb-flex-title-area { flex: 1; } .rb-flex-title-area h3 { font-size: 17px; margin: 0; line-height: 1.4; font-weight: bold; }
            .rb-flex-img-area { width: 90px; height: 65px; flex-shrink: 0; border-radius: 4px; overflow: hidden; } .rb-flex-img-area img { width: 100%; height: 100%; object-fit: cover; display: block; }
            .rb-title-list h4 { font-size: 16px; margin: 0; line-height: 1.5; padding: 12px 0; border-bottom: 1px dashed var(--rb-border-dark); font-weight: bold; } .rb-title-list h4:last-child { border-bottom: none; padding-bottom: 0; } .rb-title-list h4:first-child { padding-top: 0; }
            .rb-lead-box { display: flex; gap: 20px; align-items: flex-start; } .rb-lead-img { width: 55%; border-radius: 4px; overflow: hidden; } .rb-lead-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
            .rb-lead-content { width: 45%; } .rb-lead-content h2 { font-size: 24px; font-weight: bold; margin: 0 0 10px 0; line-height: 1.3; }
            .rb-mid-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .rb-mid-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
            .rb-grid-item-border { border-right: 1px solid var(--rb-border); padding-right: 20px; } .rb-grid-img-top img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; margin-bottom: 10px; display: block; }
            .rb-grid-img-top h4 { font-size: 17px; margin: 0; font-weight: bold; line-height: 1.3; } .rb-grid-txt-top h4 { font-size: 17px; margin: 0 0 8px 0; font-weight: bold; line-height: 1.3; }
            .rb-ad-box { text-align: center; } .rb-ad-box img, .rb-ad-box iframe { max-width: 100%; height: auto; display: block; margin: 0 auto;}
            @media (max-width: 1024px) { .rb-news-matrix { grid-template-columns: 1fr 300px; gap: 30px; } .rb-col-left { grid-column: 1 / -1; border-right: none; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 20px; padding-right: 0;} .rb-col-mid { border-right: none; padding-right: 0;} .rb-left-tablet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .rb-title-list { border-left: 1px solid var(--rb-border); padding-left: 20px; } }
            @media (max-width: 768px) { .rb-news-matrix { grid-template-columns: 1fr; } .rb-left-tablet-grid { grid-template-columns: 1fr; } .rb-title-list { border-left: none; padding-left: 0; } .rb-lead-box { flex-direction: column; } .rb-lead-img, .rb-lead-content { width: 100%; } .rb-mid-grid-2, .rb-mid-grid-3 { grid-template-columns: 1fr; gap: 15px; } .rb-grid-item-border { border-right: none; padding-right: 0; border-bottom: 1px solid var(--rb-border); padding-bottom: 15px; } .rb-col-mid { border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 20px; } }
        

/* ===== catblock ===== */
            .rb-cb-container { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); line-height: 1.4; clear: both; } .rb-cb-container a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-cb-container a:hover { color: var(--rb-hover-color); }
            .rb-cb-container img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-cb-excerpt { font-size: 14px; color: var(--rb-text-muted); line-height: 1.5; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
            .rb-cb-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 20px; } .rb-cb-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; } .rb-cb-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100%; height: 2px; background: var(--rb-hover-color); } .rb-cb-header a.rb-cb-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-cb-header a.rb-cb-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-cb-main { display: grid; grid-template-columns: 1fr 300px; gap: 30px; align-items: start; } .rb-cb-row-1 { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 20px; border-bottom: 1px solid var(--rb-border); padding-bottom: 20px; margin-bottom: 20px; align-items: start; } .rb-cb-r1-img a { display: block; } .rb-cb-r1-img img { aspect-ratio: 16/9; } .rb-cb-r1-txt { padding-right: 15px; border-right: 1px solid var(--rb-border); } .rb-cb-r1-txt h3 { font-size: 24px; margin: 0 0 10px 0; color: #e46044 !important; font-weight: bold; line-height: 1.3; } .rb-cb-r1-side h3 { font-size: 18px; margin: 10px 0 0 0; font-weight: bold; line-height: 1.3; } .rb-cb-r1-side a { display: block; } .rb-cb-r1-side img { aspect-ratio: 16/9; }
            .rb-cb-row-2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; border-bottom: 1px solid var(--rb-border); padding-bottom: 20px; margin-bottom: 20px; align-items: start; } .rb-cb-r2-item a { display: block; margin-bottom: 10px; } .rb-cb-r2-item img { aspect-ratio: 16/9; margin-bottom: 0; } .rb-cb-r2-item h3 { font-size: 16px; margin: 0; font-weight: bold; line-height: 1.4; }
            .rb-cb-row-3 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; } .rb-cb-r3-col { display: flex; flex-direction: column; gap: 15px; } .rb-cb-r3-col-right { border-left: 1px solid var(--rb-border); padding-left: 30px; } .rb-cb-r3-item { display: flex; gap: 15px; align-items: flex-start; border-bottom: 1px dashed var(--rb-border); padding-bottom: 15px; } .rb-cb-r3-item:last-child { border-bottom: none; padding-bottom: 0; } .rb-cb-r3-txt { flex: 1; } .rb-cb-r3-txt h3 { font-size: 17px; margin: 0 0 5px 0; font-weight: bold; line-height: 1.3; } .rb-cb-r3-img { width: 120px; flex-shrink: 0; } .rb-cb-r3-img img { height: 80px; object-fit: cover; width:100%; }
            .rb-cb-sidebar { border-left: 1px solid var(--rb-border); padding-left: 30px; } .rb-cb-ad { margin-bottom: 25px; text-align: center; } .rb-cb-ad img, .rb-cb-ad iframe { max-width: 100%; height: auto; border: 1px solid var(--rb-border); border-radius: 4px; display: block; margin: 0 auto; } .rb-cb-sb-big a { display: block; margin-bottom: 10px; } .rb-cb-sb-big img { aspect-ratio: 16/9; margin-bottom: 0; } .rb-cb-sb-big h3 { font-size: 18px; margin: 0; font-weight: bold; line-height: 1.3; } .rb-cb-sb-list { margin-top: 20px; display: flex; flex-direction: column; gap: 15px; } .rb-cb-sb-item { display: flex; gap: 15px; align-items: flex-start; border-top: 1px solid var(--rb-border); padding-top: 15px; } .rb-cb-sb-txt { flex: 1; } .rb-cb-sb-txt h3 { font-size: 15px; margin: 0; font-weight: bold; line-height: 1.4; } .rb-cb-sb-img { width: 90px; flex-shrink: 0; } .rb-cb-sb-img img { height: 65px; object-fit: cover; width:100%; }
            @media (max-width: 1024px) { .rb-cb-main { grid-template-columns: 1fr; gap: 40px; } .rb-cb-sidebar { border-left: none; padding-left: 0; border-top: 2px solid var(--rb-border-dark); padding-top: 30px; } .rb-cb-row-1 { grid-template-columns: 1fr 1fr; } .rb-cb-r1-txt { padding-right: 0; border-right: none; } .rb-cb-r1-img { grid-column: 1 / -1; } }
            @media (max-width: 768px) { .rb-cb-row-1, .rb-cb-row-2, .rb-cb-row-3 { grid-template-columns: 1fr; gap: 20px; } .rb-cb-r3-col-right { border-left: none; padding-left: 0; border-top: 1px dashed var(--rb-border); padding-top: 20px; } }
        

/* ===== pol ===== */
            .rb-pol-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-pol-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-pol-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-pol-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-pol-excerpt { font-size: 14px; color: var(--rb-text-muted); line-height: 1.5; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
            .rb-pol-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 20px; } .rb-pol-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; padding-left: 10px; border-left: 4px solid var(--rb-hover-color); line-height: 1; } .rb-pol-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100px; height: 2px; background: var(--rb-hover-color); } .rb-pol-header a.rb-pol-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-pol-header a.rb-pol-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-pol-grid { display: grid; grid-template-columns: 280px 1fr 300px; gap: 30px; align-items: start; } .rb-pol-item-standard { border-bottom: 1px solid var(--rb-border); padding-bottom: 15px; margin-bottom: 15px; } .rb-pol-item-standard:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .rb-pol-item-top { display: flex; gap: 15px; align-items: flex-start; } .rb-pol-item-title { flex: 1; font-size: 16px; margin: 0; font-weight: bold; line-height: 1.4; } .rb-pol-item-img { width: 110px; flex-shrink: 0; } .rb-pol-item-img img { aspect-ratio: 4/3; }
            .rb-pol-col-mid { border-left: 1px solid var(--rb-border); border-right: 1px solid var(--rb-border); padding: 0 30px; } .rb-pol-mid-featured { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-bottom: 1px solid var(--rb-border); padding-bottom: 20px; margin-bottom: 20px; } .rb-pol-mid-featured img { aspect-ratio: 16/9; } .rb-pol-mid-feat-txt h3 { font-size: 22px; margin: 0 0 10px 0; font-weight: bold; color: #e46044; line-height: 1.3; } .rb-pol-mid-feat-txt .rb-pol-excerpt { -webkit-line-clamp: 4; font-size: 15px; } .rb-pol-mid-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-bottom: 1px solid var(--rb-border); padding-bottom: 20px; margin-bottom: 20px; } .rb-pol-mid-row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .rb-pol-mid-row3 .rb-pol-item-img-top img { aspect-ratio: 16/9; margin-bottom: 10px; } .rb-pol-mid-row3 h3 { font-size: 15px; margin: 0; font-weight: bold; line-height: 1.4; }
            .rb-pol-ad { margin-bottom: 25px; text-align: center; } .rb-pol-ad img, .rb-pol-ad iframe { max-width: 100%; height: auto; border: 1px solid var(--rb-border); border-radius: 4px; display: block; margin: 0 auto; }
            @media (max-width: 1024px) { .rb-pol-grid { grid-template-columns: 1fr; gap: 40px; } .rb-pol-col-mid { border: none; padding: 0; border-top: 2px solid var(--rb-border-dark); border-bottom: 2px solid var(--rb-border-dark); padding-top: 30px; padding-bottom: 30px; } }
            @media (max-width: 768px) { .rb-pol-mid-featured, .rb-pol-mid-row2, .rb-pol-mid-row3 { grid-template-columns: 1fr; gap: 20px; } }
        

/* ===== sd ===== */
            .rb-sd-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-sd-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-sd-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-sd-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-sd-excerpt { font-size: 14px; color: var(--rb-text-muted); line-height: 1.5; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
            .rb-sd-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 20px; } .rb-sd-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; padding-left: 10px; border-left: 4px solid var(--rb-hover-color); line-height: 1; } .rb-sd-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100px; height: 2px; background: var(--rb-hover-color); } .rb-sd-header a.rb-sd-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-sd-header a.rb-sd-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-sd-top-section { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 20px; margin-bottom: 20px; align-items: start; } .rb-sd-side-item { border-bottom: 1px dashed var(--rb-border); padding-bottom: 15px; margin-bottom: 15px; } .rb-sd-side-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .rb-sd-side-item img { aspect-ratio: 16/9; margin-bottom: 10px; } .rb-sd-side-item h3 { font-size: 17px; margin: 0; font-weight: bold; line-height: 1.4; } .rb-sd-mid-featured { padding: 0 10px; } .rb-sd-mid-featured img { aspect-ratio: 16/9; margin-bottom: 15px; } .rb-sd-mid-featured h3 { font-size: 24px; margin: 0 0 10px 0; font-weight: bold; line-height: 1.3; }
            .rb-sd-bottom-section { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; border-top: 1px solid var(--rb-border); padding-top: 20px; align-items: start; } .rb-sd-bottom-item img { aspect-ratio: 16/9; margin-bottom: 10px; } .rb-sd-bottom-item h3 { font-size: 16px; margin: 0; font-weight: bold; line-height: 1.4; }
            @media (max-width: 991px) { .rb-sd-top-section { grid-template-columns: 1fr; gap: 30px; } .rb-sd-mid-featured { order: -1; padding: 0; border-bottom: 1px solid var(--rb-border); padding-bottom: 20px; } .rb-sd-bottom-section { grid-template-columns: 1fr 1fr; } }
            @media (max-width: 767px) { .rb-sd-bottom-section { grid-template-columns: 1fr; } }
        

/* ===== int ===== */
            .rb-int-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-int-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-int-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-int-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-int-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 20px; } .rb-int-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; padding-left: 10px; border-left: 4px solid var(--rb-hover-color); line-height: 1; } .rb-int-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100px; height: 2px; background: var(--rb-hover-color); } .rb-int-header a.rb-int-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-int-header a.rb-int-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-int-row-1 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border-bottom: 1px solid var(--rb-border); padding-bottom: 25px; margin-bottom: 25px; align-items: start; } .rb-int-item-large img { aspect-ratio: 16/9; margin-bottom: 12px; } .rb-int-item-large h3 { font-size: 20px; margin: 0; font-weight: bold; line-height: 1.4; }
            .rb-int-row-small { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; border-bottom: 1px solid var(--rb-border); padding-bottom: 25px; margin-bottom: 25px; align-items: start; } .rb-int-row-small:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .rb-int-item-small img { aspect-ratio: 16/9; margin-bottom: 10px; } .rb-int-item-small h3 { font-size: 16px; margin: 0; font-weight: bold; line-height: 1.4; }
            @media (max-width: 991px) { .rb-int-row-small { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .rb-int-row-1 { grid-template-columns: 1fr; gap: 25px; } .rb-int-row-small { grid-template-columns: 1fr; gap: 25px; } }
        

/* ===== sp ===== */
            .rb-sp-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-sp-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-sp-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-sp-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-sp-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 20px; } .rb-sp-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; padding-left: 10px; border-left: 4px solid var(--rb-hover-color); line-height: 1; } .rb-sp-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100px; height: 2px; background: var(--rb-hover-color); } .rb-sp-header a.rb-sp-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-sp-header a.rb-sp-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-sp-grid { display: grid; grid-template-columns: 1.8fr 1.2fr; gap: 40px; align-items: start; } .rb-sp-featured { display: flex; flex-direction: column; } .rb-sp-featured img { aspect-ratio: 16/9; margin-bottom: 20px; } .rb-sp-featured h3 { font-size: 28px; margin: 0 0 10px 0; font-weight: bold; color: #e46044; line-height: 1.3; } .rb-sp-featured .rb-sp-excerpt { font-size: 15px; color: var(--rb-text-muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
            .rb-sp-list-wrapper { display: flex; flex-direction: column; border-left: 1px solid var(--rb-border); padding-left: 40px; } .rb-sp-list-item { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px dashed var(--rb-border-dark); padding-bottom: 18px; margin-bottom: 18px; } .rb-sp-list-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .rb-sp-list-title { flex: 1; } .rb-sp-list-title h3 { font-size: 18px; margin: 0; font-weight: bold; line-height: 1.4; } .rb-sp-list-img { width: 140px; flex-shrink: 0; } .rb-sp-list-img img { aspect-ratio: 16/9; }
            @media (max-width: 991px) { .rb-sp-grid { grid-template-columns: 1fr; gap: 30px; } .rb-sp-list-wrapper { border-left: none; padding-left: 0; border-top: 2px solid var(--rb-border-dark); padding-top: 30px; } .rb-sp-featured h3 { font-size: 24px; } }
            @media (max-width: 768px) { .rb-sp-list-item { gap: 15px; } .rb-sp-list-title h3 { font-size: 16px; } .rb-sp-list-img { width: 110px; } }
        

/* ===== ent ===== */
            .rb-ent-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-ent-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-ent-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-ent-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-ent-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 25px; } .rb-ent-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; padding-left: 10px; border-left: 4px solid var(--rb-hover-color); line-height: 1; } .rb-ent-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100px; height: 2px; background: var(--rb-hover-color); } .rb-ent-header a.rb-ent-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-ent-header a.rb-ent-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-ent-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; align-items: start; } .rb-ent-item { display: flex; flex-direction: column; } .rb-ent-item img { aspect-ratio: 16/9; margin-bottom: 12px; } .rb-ent-item h3 { font-size: 16px; margin: 0; font-weight: bold; line-height: 1.4; color: var(--rb-text-title); }
            @media (max-width: 991px) { .rb-ent-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; } } @media (max-width: 575px) { .rb-ent-grid { grid-template-columns: 1fr; gap: 20px; } .rb-ent-item img { margin-bottom: 10px; } }
        

/* ===== edit ===== */
            .rb-edit-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-edit-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-edit-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-edit-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; display: block; }
            .rb-edit-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--rb-border-dark); padding-bottom: 10px; margin-bottom: 25px; } .rb-edit-header h2 { margin: 0; font-size: 22px; font-weight: bold; color: #e46044; position: relative; padding-left: 10px; border-left: 4px solid var(--rb-hover-color); line-height: 1; } .rb-edit-header h2::after { content: ""; position: absolute; bottom: -12px; left: 0; width: 100px; height: 2px; background: var(--rb-hover-color); } .rb-edit-header a.rb-edit-more { background: var(--rb-border); color: var(--rb-text-main); padding: 4px 15px; border-radius: 20px; font-size: 14px; font-weight: bold; border: 1px solid var(--rb-border-dark); } .rb-edit-header a.rb-edit-more:hover { background: var(--rb-hover-color); color: #fff; border-color: var(--rb-hover-color); }
            .rb-edit-top-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 25px; align-items: start; } .rb-edit-top-item img { aspect-ratio: 16/9; margin-bottom: 15px; } .rb-edit-top-item h3 { font-size: 20px; margin: 0 0 10px 0; font-weight: bold; line-height: 1.3; } .rb-edit-excerpt { font-size: 15px; color: var(--rb-text-muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
            .rb-edit-bottom-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; align-items: start; border-top: 1px solid var(--rb-border-dark); padding-top: 25px; } .rb-edit-bottom-col { padding: 0 25px; } .rb-edit-bottom-col:first-child { padding-left: 0; border-right: 1px solid var(--rb-border-dark); } .rb-edit-bottom-col:nth-child(2) { border-right: 1px solid var(--rb-border-dark); } .rb-edit-bottom-col:last-child { padding-right: 0; } .rb-edit-text-item { border-bottom: 1px solid var(--rb-border); padding-bottom: 15px; margin-bottom: 15px; } .rb-edit-text-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .rb-edit-text-item h3 { font-size: 18px; margin: 0; font-weight: bold; line-height: 1.4; color: var(--rb-text-title); }
            @media (max-width: 991px) { .rb-edit-top-row { grid-template-columns: 1fr; gap: 30px; } .rb-edit-bottom-row { grid-template-columns: 1fr; border-top: 2px solid var(--rb-border-dark); padding-top: 25px; } .rb-edit-bottom-col { padding: 0 !important; border-right: none !important; margin-bottom: 25px; } .rb-edit-bottom-col:last-child { margin-bottom: 0; } }
        

/* ===== four ===== */
            .rb-4col-wrapper { max-width: 1250px; margin: 40px auto; font-family: inherit; color: var(--rb-text-main); clear: both; } .rb-4col-wrapper a { text-decoration: none; color: var(--rb-text-title); transition: 0.2s; } .rb-4col-wrapper a:hover { color: var(--rb-hover-color); }
            .rb-4col-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; align-items: start; } .rb-4col-item { display: flex; flex-direction: column; }
            .rb-4col-cat-head { margin-bottom: 15px; } .rb-4col-cat-head a { font-size: 20px; font-weight: bold; color: var(--rb-text-title); display: inline-flex; align-items: center; gap: 8px; } .rb-4col-cat-head span { color: #e46044; font-size: 16px; } 
            .rb-4col-main-post { margin-bottom: 15px; } .rb-4col-main-post img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; margin-bottom: 10px; } .rb-4col-main-post h3 { font-size: 17px; margin: 0; font-weight: bold; line-height: 1.4; color: var(--rb-text-title); }
            .rb-4col-list-post { border-top: 1px solid var(--rb-border); padding: 12px 0; } .rb-4col-list-post h3 { font-size: 15px; margin: 0; font-weight: normal; line-height: 1.5; color: var(--rb-text-main); }
            .rb-4col-ad-box { margin-top: 20px; text-align: center; } .rb-4col-ad-box img, .rb-4col-ad-box iframe { max-width: 100%; height: auto; display: block; margin: 0 auto; border: 1px solid var(--rb-border); }
            @media (max-width: 991px) { .rb-4col-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; } } @media (max-width: 575px) { .rb-4col-grid { grid-template-columns: 1fr; gap: 40px; } }
        

/* ===== single ===== */
            .rb-custom-single-container { max-width: 1250px; margin: 40px auto; padding: 0 15px; overflow-anchor: none; font-family: inherit; }
            .rb-custom-single-wrapper { display: grid; grid-template-columns: 240px 1fr 300px; gap: 30px; align-items: start; overflow-anchor: none; }
            .rb-post-title { font-size: 34px; line-height: 1.4; color: var(--rb-single-title); margin-top: 0; margin-bottom: 20px; font-weight: bold; }
            .rb-share-box { display: flex; flex-wrap: nowrap; gap: 6px; margin-bottom: 20px; border-bottom: 2px solid #e74c3c; padding-bottom: 15px; }
            .rb-share-box a, .rb-share-box button { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: #fff !important; text-decoration: none; border-radius: 4px; transition: 0.3s; border: none; cursor: pointer; font-size: 14px; position: relative; }
            .rb-share-box a i, .rb-share-box button i { color: #fff !important; }
            .rb-share-box a:hover, .rb-share-box button:hover { opacity: 0.8; }
            .rb-copy-tooltip { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); background: #333; color: #fff; font-size: 12px; padding: 4px 8px; border-radius: 4px; white-space: nowrap; opacity: 0; visibility: hidden; transition: 0.3s; pointer-events: none; z-index: 10; font-family: inherit;}
            .rb-copy-tooltip.show { opacity: 1; visibility: visible; }
            .rb-author-box { border-bottom: 1px solid var(--rb-border); padding-bottom: 15px; margin-bottom: 20px; }
            .rb-auth-info { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
            .rb-author-avatar { border-radius: 50%; border: 1px solid var(--rb-border); padding: 2px; }
            .rb-auth-info span { font-weight: bold; font-size: 16px; color: var(--rb-text-main); }
            .rb-time-toggle-container { display: flex; align-items: flex-start; gap: 8px; }
            .rb-toggle-arrow { cursor: pointer; color: var(--rb-hover-color); line-height: 0.6; font-size: 14px; margin-top: 5px; display: flex; flex-direction: column;}
            .rb-toggle-arrow .rb-up { opacity: 0.3; } .rb-toggle-arrow .rb-down { opacity: 1; }
            .rb-toggle-arrow.toggled .rb-up { opacity: 1; } .rb-toggle-arrow.toggled .rb-down { opacity: 0.3; }
            .rb-time-toggle-container p { margin: 0 0 5px 0; font-size: 13px; color: var(--rb-text-muted); }
            .rb-post-tags { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; border-top: 1px dashed var(--rb-border-dark); padding-top: 20px;}
            .rb-post-tags a { border: 1px solid var(--rb-border-dark); padding: 5px 15px; border-radius: 20px; text-decoration: none; font-size: 14px; transition: 0.3s; background-color: transparent; color: var(--rb-text-muted);}
            .rb-post-tags a:hover { border-color: var(--rb-hover-color); color: var(--rb-hover-color);}
            .rb-sec-title { font-size: 18px; font-weight: bold; border-bottom: 2px solid var(--rb-hover-color); padding-bottom: 5px; margin-bottom: 15px; display: inline-block; margin-top:0; color: var(--rb-text-title); }
            .rb-col-left { position: sticky; top: 100px; }
            .rb-left-grid-wrapper { display: flex; flex-direction: column; gap: 15px; }
            .rb-left-item { border-bottom: 1px dashed var(--rb-border); padding-bottom: 15px; }
            .rb-left-item a { text-decoration: none; display: block; color: var(--rb-text-main); }
            .rb-left-item img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; } 
            .rb-left-item h5 { margin: 8px 0 0 0; font-size: 16px; font-weight: bold; line-height: 1.4; transition: 0.2s; color: inherit; }
            .rb-left-item:hover h5 { color: var(--rb-hover-color); }
            .rb-mobile-meta-share { display: none; }
            .rb-feat-image-box { margin-bottom: 25px; border: 1px solid var(--rb-border); border-radius: 4px; overflow: hidden; width: 100%; height: auto; } 
            .rb-feat-image-box img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; } 
            .rb-caption { padding: 10px 15px; font-size: 14px; border-top: 1px solid var(--rb-border); text-align: center; font-style: italic; color: var(--rb-text-muted);}
            .rb-content-ad { margin: 25px 0; text-align: center; clear: both; } .rb-content-ad img, .rb-content-ad iframe { max-width: 100%; height: auto; border: 1px solid var(--rb-border); display: block; margin: 0 auto; }
            .rb-post-body { font-size: 18px; line-height: 1.8; margin-bottom: 20px; color: var(--rb-text-main); }
            .rb-post-body p, .rb-post-body h1, .rb-post-body h2, .rb-post-body h3, .rb-post-body h4, .rb-post-body span { color: var(--rb-text-main); }
            .rb-post-body p { margin-bottom: 20px; } .rb-post-body img { max-width: 100%; height: auto; display:block;}
            .rb-col-right { border: 1px solid var(--rb-border); padding: 20px; border-radius: 5px; background-color: transparent; height: fit-content; }
            .rb-latest-title { background: var(--rb-hover-color); color: #fff !important; padding: 5px 15px; border-bottom: none; border-radius: 3px; }
            .rb-latest-list { display: flex; flex-direction: column; gap: 15px;}
            .rb-latest-item { display: flex; gap: 12px; align-items: flex-start; border-bottom: 1px dotted var(--rb-border-dark); padding-bottom: 12px; }
            .rb-latest-item:last-child { border-bottom: none; padding-bottom: 0; }
            .rb-number { background: transparent; border: 1px solid var(--rb-hover-color); color: var(--rb-hover-color); width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 15px; border-radius: 3px; flex-shrink: 0; }
            .rb-latest-item a { font-size: 16px; line-height: 1.4; text-decoration: none; font-weight: bold; transition: 0.2s; color: var(--rb-text-main); }
            .rb-latest-item a:hover { color: var(--rb-hover-color); }
            .rb-sidebar-ad { margin-top: 30px; margin-bottom: 30px; }
            .rb-sidebar-ad img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: block;}
            .rb-html-box { margin-top: 20px; overflow: hidden; text-align: center;}
            .rb-full-related-wrapper { margin-top: 50px; background-color: transparent; padding: 30px 0; border-top: 4px solid var(--rb-hover-color); border-radius: 5px; clear: both;}
            .rb-related-header h3 { margin: 0 0 20px 0; font-size: 22px; font-weight: bold; border-left: 4px solid #e46044; padding-left: 10px; color: var(--rb-text-title);}
            .rb-related-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; }
            .rb-related-item { background-color: transparent; transition: 0.3s;}
            .rb-related-item a { text-decoration: none; color: var(--rb-text-main); display: block;}
            .rb-related-item img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; margin-bottom: 12px; } 
            .rb-related-item h5 { margin: 0; font-size: 18px; font-weight: bold; line-height: 1.4; transition: 0.2s; color: inherit; }
            .rb-related-item:hover h5 { color: var(--rb-hover-color); }
            .rb-post-separator { position: relative; text-align: center; margin: 60px 0 20px 0; clear: both; width: 100%; max-width: 1250px; left: 50%; transform: translateX(-50%); }
            .rb-post-separator::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: var(--rb-border); z-index: 1; }
            .rb-post-separator img { position: relative; z-index: 2; background: var(--rb-bg-main); padding: 0 20px; height: 45px; width: auto; border-radius: 25px; object-fit: contain;}
            .rb-loading-spinner { text-align: center; padding: 30px 20px; display: none; color: var(--rb-hover-color); font-size: 22px; font-weight: bold;}

            @media (max-width: 1024px) {
                .rb-custom-single-wrapper { grid-template-columns: 1fr 300px; }
                .rb-col-mid { grid-column: 1; grid-row: 1; }
                .rb-col-right { grid-column: 2; grid-row: 1; }
                .rb-col-left { grid-column: 1 / -1; grid-row: 2; margin-top: 30px; display: block; position: static;}
                .rb-left-meta-hide-mobile { display: none; } 
                .rb-left-grid-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
                .rb-left-item { border: none; padding-bottom: 0; }
                .rb-mobile-meta-share { display: block; margin-bottom: 25px; } 
                .rb-related-grid { grid-template-columns: 1fr 1fr; }
            }
            @media (max-width: 768px) {
                .rb-custom-single-wrapper { display: flex; flex-direction: column; }
                .rb-col-mid { order: 1; width: 100%; }
                .rb-col-left { order: 2; width: 100%; margin-top: 30px; border-top: 2px solid var(--rb-border); padding-top: 20px; }
                .rb-col-right { order: 3; width: 100%; margin-top: 30px; }
                .rb-post-title { font-size: 26px; margin-bottom: 15px; line-height: 1.4; color: var(--rb-single-title); }
                .rb-mobile-meta-share .rb-author-box { display: flex; flex-direction: column; gap: 4px; border: none; padding: 0; margin-bottom: 15px; }
                .rb-mobile-meta-share .rb-auth-info { display: flex; align-items: center; gap: 8px; margin-bottom: 0; }
                .rb-mobile-meta-share .rb-author-avatar { width: 28px; height: 28px; padding: 1px; }
                .rb-mobile-meta-share .rb-auth-info span { font-size: 14px; font-weight: normal; color: var(--rb-text-main); }
                .rb-mobile-meta-share .rb-time-toggle-container { margin-left: 36px; display: flex; align-items: center;}
                .rb-mobile-meta-share .rb-time-toggle-container p { font-size: 13px; margin: 0; color: var(--rb-text-muted); }
                .rb-mobile-meta-share .rb-toggle-arrow { font-size: 12px; margin-top: 0; margin-right: 5px; }
                .rb-left-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
                .rb-full-related-wrapper { padding: 15px 0; }
                .rb-related-grid { grid-template-columns: 1fr; }
                .rb-post-separator img { height: 35px; padding: 0 15px; }
            }
        

/* ===== searchhead ===== */
                :root { 
                    --rb-primary: #109C71; 
                    --rb-secondary: #ED7138; 
                    --rb-bg-transparent: transparent;
                    --rb-text-main: inherit;
                    --rb-border-color: #dcdcdc; 
                    --rb-dropdown-bg: #ffffff;
                    --rb-dropdown-hover: #f1f8f6;
                    --rb-input-bg: #ffffff;
                    --rb-box-shadow: rgba(0,0,0,0.1);
                }

                @media (prefers-color-scheme: dark) {
                    :root { --rb-border-color: #444444; --rb-dropdown-bg: #1a1a1a; --rb-dropdown-hover: #2a2a2a; --rb-input-bg: transparent; --rb-box-shadow: rgba(0,0,0,0.5); }
                    body .flatpickr-calendar { background: #1a1a1a !important; border-color: #444 !important; box-shadow: 0 5px 20px var(--rb-box-shadow) !important; }
                    body .flatpickr-calendar .flatpickr-day, body .flatpickr-calendar .flatpickr-weekday, body .flatpickr-current-month .flatpickr-monthDropdown-months, body .flatpickr-current-month input.cur-year { color: #f1f1f1 !important; }
                    body .flatpickr-calendar .flatpickr-day:hover { background: #333 !important; border-color: #333 !important; }
                }

                .rb-main-container { max-width: 1200px; margin: 0 auto; padding: 50px 15px 50px 15px; font-family: inherit; color: var(--rb-text-main); background: var(--rb-bg-transparent); min-height: 800px;}
                .rb-title { font-size: 32px; font-weight: bold; color: inherit; margin-top: 0; margin-bottom: 20px; display: block; border-bottom: none !important;}
                
                .rb-search-layout { display: flex; gap: 40px; align-items: flex-start; }
                #rb-ajax-search-app { flex: 1; min-width: 0; padding: 0; background: transparent; position: relative;} 
                
                .rb-sidebar { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; gap: 20px; position: -webkit-sticky; position: sticky; top: 30px; }
                .rb-ad-box { width: 100%; text-align: center; overflow: hidden; background: transparent;}
                .rb-ad-box img { max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 4px; }

                .rb-search-box { display: flex; border: 1px solid var(--rb-border-color); border-radius: 4px; margin-bottom: 15px; position: relative; overflow: hidden; transition: 0.3s; background: var(--rb-input-bg); height: 48px;}
                .rb-search-box:focus-within { border-color: var(--rb-primary); box-shadow: 0 0 5px rgba(16, 156, 113, 0.2); }
                .rb-search-box input { flex-grow: 1; padding: 0 20px; border: none; outline: none; font-size: 18px; width: 100%; font-family: inherit; color: inherit; background: transparent;}
                
                .rb-clear-btn { background-color: transparent !important; background: none !important; border: none !important; outline: none !important; font-size: 18px; color: inherit; padding: 0 15px !important; transition: 0.2s; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none;}
                .rb-clear-btn.show-clear { opacity: 0.5; visibility: visible; pointer-events: auto; }
                .rb-clear-btn.show-clear:hover { opacity: 1; color: var(--rb-secondary) !important; }
                
                .rb-submit-btn { background: var(--rb-primary); color: #fff; border: none; padding: 0 25px; font-size: 18px; cursor: pointer; transition: 0.2s; }
                .rb-submit-btn:hover { background: #0c805c; }

                .rb-adv-toggle { display: none; } 
                
                .rb-filters { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 20px; padding: 0; border: none; background: transparent;}
                .rb-filter-box { position: relative; width: 100%; height: 44px; background: transparent; border: none; border-bottom: 1px solid var(--rb-border-color) !important; border-radius: 0; transition: 0.2s; }
                .rb-filter-box::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1.5px; background: var(--rb-primary); transition: 0.3s; }
                .rb-filter-box.active::after, .rb-filter-box.has-val::after { width: 100%; }
                
                .rb-filter-input { width: 100%; height: 100%; padding-bottom: 5px !important; display: flex; justify-content: space-between; align-items: flex-end; cursor: pointer; box-sizing: border-box; }
                .rb-filter-texts { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; justify-content: flex-end; height: 100%;}
                .rb-filter-label { font-size: 11px; color: var(--rb-primary); font-weight: bold; margin-bottom: 3px; display: none; line-height: 1;}
                
                .rb-filter-input input, .rb-filter-input .val-text { border: none !important; background: transparent !important; color: inherit !important; width: 100% !important; font-family: inherit !important; font-size: 15px !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; height: 18px !important; line-height: 18px !important; min-height: 18px !important; box-sizing: content-box !important; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; outline: none; display: block; }
                .rb-filter-box.active .rb-filter-input { color: var(--rb-primary); }
                
                .rb-filter-icon-wrap { flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; width: 22px; height: 18px; font-size: 13px; opacity: 0.5; z-index: 2;}
                .rb-filter-box.active .rb-default-icon { transform: rotate(180deg); transition: 0.2s; }
                
                .rb-filter-box.has-val .rb-filter-label { display: block; }
                .rb-filter-box.has-val input, .rb-filter-box.has-val .val-text { font-size: 13px !important; font-weight: bold; color: inherit;}
                .rb-filter-box.has-val .rb-default-icon { display: none; }
                .rb-filter-box.has-val .rb-clear-filter { display: block !important; cursor: pointer; color: inherit; opacity: 0.6; pointer-events: auto;}
                .rb-filter-box.has-val .rb-clear-filter:hover { opacity: 1; color: var(--rb-secondary); }

                .rb-dropdown-list { display: none; position: absolute; top: calc(100% + 2px); left: 0; width: 100%; background: var(--rb-dropdown-bg); border: 1px solid var(--rb-border-color); border-radius: 4px; box-shadow: 0 5px 15px var(--rb-box-shadow); z-index: 99; max-height: 250px; overflow-y: auto; overscroll-behavior: contain; list-style: none; padding: 0; margin: 0; }
                .rb-filter-box.active .rb-dropdown-list { display: block; }
                .rb-dropdown-list li { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; border-bottom: 1px solid var(--rb-border-color); cursor: pointer; font-size: 14px; color: inherit; transition: background 0.2s; }
                .rb-dropdown-list li:hover { background: var(--rb-dropdown-hover); color: var(--rb-primary); }
                .rb-has-radio li::after { content: ''; width: 14px; height: 14px; border: 2px solid var(--rb-border-color); border-radius: 50%; display: inline-block; transition: 0.2s; flex-shrink: 0; margin-left: 10px;}
                .rb-has-radio li.selected::after { border-color: var(--rb-primary); background-color: var(--rb-primary); box-shadow: inset 0 0 0 3px var(--rb-dropdown-bg); }

                .rb-meta-bar { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid var(--rb-primary) !important; padding-bottom: 10px; margin-bottom: 20px; }
                .rb-meta-left { display: flex; align-items: center; gap: 8px; }
                .rb-meta-right { display: flex; align-items: center; gap: 8px; }
                .rb-meta-label { font-size: 15px; font-weight: bold; color: inherit; opacity: 0.9;}
                .rb-meta-value { font-size: 18px; font-weight: bold; color: inherit; }
                
                #dd-sort { height: 34px; border: 1px solid var(--rb-border-color) !important; border-radius: 4px; }
                #dd-sort::after { display: none; }
                #dd-sort .rb-filter-input { padding: 0 10px !important; align-items: center;}
                #dd-sort .val-text { font-size: 14px !important; font-weight: normal !important;}

                .rb-results-wrapper { position: relative; min-height: 600px; }
                #rb-results-container { transition: opacity 0.3s ease-in-out; }
                
                .rb-result-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; border-bottom: 1px solid var(--rb-border-color); padding: 15px 0 20px 0; background: transparent;}
                .rb-result-text { flex-grow: 1; }
                .rb-result-title { font-size: 20px; font-weight: bold; color: inherit; text-decoration: none; margin-bottom: 8px; display: block; line-height: 1.4; transition: 0.2s;}
                .rb-result-title:hover { color: var(--rb-primary); }
                .rb-result-excerpt { font-size: 15px; color: inherit; opacity: 0.8; line-height: 1.6; margin-bottom: 10px; }
                .rb-result-date { font-size: 13px; color: inherit; opacity: 0.6; font-weight: 500;} 
                .rb-result-img { width: 220px; flex-shrink: 0; background: transparent;}
                .rb-result-img img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 16/9; border-radius: 4px; }

                .rb-no-results { text-align: center; padding: 50px 20px; background: transparent; border: 1px dashed var(--rb-secondary); border-radius: 8px; margin-top: 20px; color: inherit;}
                
                .rb-load-more { display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; max-width: 200px; margin: 30px auto; padding: 12px 0; background: transparent !important; color: var(--rb-primary); font-size: 16px; font-weight: bold; cursor: pointer; border-radius: 4px; border: 1px solid var(--rb-primary); transition: 0.3s; }
                .rb-load-more:hover { color: var(--rb-secondary) !important; border-color: var(--rb-secondary) !important; }
                .rb-load-more:disabled { opacity: 0.6; cursor: not-allowed; }
                .rb-loading-text { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; padding: 20px; color: var(--rb-primary); font-size: 18px; display: none; font-weight: bold; background: transparent; z-index: 10; pointer-events: none;}

                body .flatpickr-calendar { z-index: 9999 !important; font-family: inherit !important; box-shadow: 0 5px 20px var(--rb-box-shadow) !important; padding: 10px !important; border-radius: 8px !important; border: 1px solid var(--rb-border-color) !important; width: 320px !important; max-width: 95vw !important;}
                body .flatpickr-days, body .dayContainer { width: 100% !important; min-width: 100% !important; max-width: 100% !important; }
                body .flatpickr-calendar .flatpickr-day.selected, body .flatpickr-calendar .flatpickr-day.startRange, body .flatpickr-calendar .flatpickr-day.endRange, body .flatpickr-calendar .flatpickr-day.selected.inRange, body .flatpickr-calendar .flatpickr-day.startRange.inRange, body .flatpickr-calendar .flatpickr-day.endRange.inRange { background: var(--rb-primary) !important; border-color: var(--rb-primary) !important; color: #fff !important; }
                body .flatpickr-current-month { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; height: 35px !important; }
                body .flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: bold !important; font-size: 16px !important; background: transparent !important; padding: 0 !important; margin: 0 !important; appearance: none !important; -webkit-appearance: none !important; border: none !important; width: auto !important; }
                body .flatpickr-current-month .numInputWrapper { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: 70px !important; margin-left: 5px !important; }
                body .flatpickr-current-month input.cur-year { display: inline-block !important; visibility: visible !important; opacity: 1 !important; font-weight: bold !important; font-size: 16px !important; background: transparent !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; width: 100% !important; height: auto !important; line-height: normal !important; text-align: left !important; }
                body .flatpickr-current-month .numInputWrapper span { display: flex !important; visibility: visible !important; opacity: 1 !important; }

                @media(max-width: 992px) {
                    .rb-search-layout { flex-direction: column; gap: 30px; }
                    .rb-sidebar { width: 100%; position: static; }
                }
                @media(max-width: 768px) {
                    .rb-main-container { padding: 40px 15px 40px 15px;} 
                    .rb-adv-toggle { display: flex; justify-content: space-between; align-items: center; background: transparent; padding: 12px 15px; border: 1px solid var(--rb-border-color); border-radius: 4px; cursor: pointer; font-size: 15px; margin-bottom: 15px;}
                    .rb-adv-toggle-icons { display: flex; align-items: center; gap: 4px; opacity: 0.7;}
                    .rb-filters { display: none; grid-template-columns: 1fr; gap: 15px; padding: 0 0 10px 0; margin-bottom: 15px;}
                    .rb-filters.show-mobile { display: grid !important; }
                    
                    .rb-meta-bar { flex-direction: row; align-items: flex-start; justify-content: space-between; border-bottom: 2px solid var(--rb-primary) !important; padding-bottom: 10px; gap: 10px;}
                    .rb-meta-left, .rb-meta-right { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; width: 48%; }
                    .rb-meta-right { align-items: flex-start; }
                    .rb-meta-label { font-size: 14px; font-weight: normal; opacity: 0.8; margin: 0;}
                    .rb-meta-value { font-size: 18px; font-weight: bold; margin: 0; }
                    #dd-sort { width: 100% !important; height: 32px;}
                    #dd-sort .rb-filter-input { padding: 0 8px !important; }
                    
                    .rb-result-item { padding: 15px 0; gap: 15px; }
                    .rb-result-title { font-size: 17px; margin-bottom: 6px;}
                    .rb-result-excerpt { display: none; } 
                    .rb-result-img { width: 110px; }
                    .rb-result-img img { height: 75px; }
                }
            

/* ===== sticky bottom ad (প্লাগইনের Sticky Ad) ===== */
        #rbt-ultimate-box {
            position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2147483647;
            display: flex; justify-content: center; pointer-events: none; padding-bottom: 20px;
        }
        /* ক্রস বাটন প্রবলেম সল্ভ: প্যারেন্ট ডিভে overflow hidden নেই */
        .rbt-ad-main-wrapper {
            position: relative; pointer-events: auto; max-width: 950px; width: 100%;
            animation: slideUpAdFast 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        
        /* ক্রস বাটন */
        .rbt-ad-close {
            position: absolute; top: -15px; right: -10px; width: 28px; height: 28px;
            background: #ff4757; color: #fff; border-radius: 50%; display: flex; align-items: center;
            justify-content: center; font-size: 16px; font-weight: bold; cursor: pointer;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 999; border: 2px solid #fff;
            transition: 0.2s;
        }
        .rbt-ad-close:hover { background: #e84118; transform: scale(1.1) rotate(90deg); }

        /* কন্টেন্ট এরিয়া যেখানে overflow hidden থাকবে */
        .rbt-ad-content-area {
            border-radius: 12px; overflow: hidden; box-shadow: 0 5px 25px rgba(0,0,0,0.25);
            display: block; text-decoration: none; position: relative;
        }

        /* ===== SMART TEMPLATES CSS ===== */
        .rbt-tpl-wrap {
            display: flex; align-items: center; padding: 15px 25px; min-height: 85px;
            font-family: 'Hind Siliguri', sans-serif; position: relative; gap: 20px;
        }
        
        /* Feather Mask Image Effect */
        .rbt-tpl-img {
            position: absolute; left: 0; top: 0; height: 100%; width: 45%;
            object-fit: cover; z-index: 1; opacity: 0.9;
            /* ম্যাজিক: ফেদার মাস্কিং */
            -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
            mask-image: linear-gradient(to right, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
        }

        .rbt-tpl-text { z-index: 2; flex: 1; text-align: left; padding-left: 25%; }
        .rbt-tpl-no-img .rbt-tpl-text { padding-left: 0; }
        
        .rbt-tpl-head { font-size: 22px; font-weight: 700; line-height: 1.2; margin-bottom: 4px; }
        .rbt-tpl-desc { font-size: 14px; opacity: 0.9; line-height: 1.3; }
        
        .rbt-tpl-btn {
            z-index: 2; padding: 8px 25px; border-radius: 30px; font-size: 15px;
            font-weight: 700; white-space: nowrap; transition: 0.3s;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2); animation: rbtPulse 2s infinite;
        }

        /* --- THEME 1: Classic Radio Barta --- */
        .style-1 { background: linear-gradient(135deg, #0da176, #076b4f); color: #fff; }
        .style-1 .rbt-tpl-btn { background: #f26522; color: #fff; }
        
        /* --- THEME 2: Dark Premium --- */
        .style-2 { background: linear-gradient(135deg, #1a1a2e, #16213e); color: #fff; border: 1px solid #0f3460; }
        .style-2 .rbt-tpl-btn { background: #e94560; color: #fff; }
        .style-2 .rbt-tpl-head { color: #00f2fe; }

        /* --- THEME 3: Minimal Light --- */
        .style-3 { background: #ffffff; color: #222; border: 1px solid #eaeaea; }
        .style-3 .rbt-tpl-btn { background: #0da176; color: #fff; }
        .style-3 .rbt-tpl-desc { color: #555; }
        .style-3 .rbt-tpl-img { opacity: 0.6; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%); }

        /* --- THEME 4: Breaking News --- */
        .style-4 { background: linear-gradient(135deg, #d32f2f, #b71c1c); color: #fff; }
        .style-4 .rbt-tpl-btn { background: #fff; color: #d32f2f; }

        /* --- THEME 5: Modern Gradient --- */
        .style-5 { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; }
        .style-5 .rbt-tpl-btn { background: #ff0844; color: #fff; }

        /* Full Image & Code Layouts */
        .rbt-ad-content-area img { width: 100%; height: auto; max-height: 120px; display: block; object-fit: contain;}

        @keyframes slideUpAdFast { from { transform: translateY(150%); } to { transform: translateY(0); } }
        @keyframes rbtPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }

        /* Mobile Responsiveness */
        @media (max-width: 800px) {
            #rbt-ultimate-box { padding-bottom: 0; padding-left: 10px; padding-right: 10px;}
            .rbt-ad-close { top: -35px; right: 0px; } /* মোবাইলে ক্রস বাটন উপরে সরানো হয়েছে */
            .rbt-ad-content-area { border-radius: 12px 12px 0 0; }
            .rbt-tpl-wrap { flex-direction: column; text-align: center; padding: 15px; gap: 12px; }
            .rbt-tpl-img { width: 100%; opacity: 0.15; -webkit-mask-image: none; mask-image: none; } /* মোবাইলে ছবি জলছাপ হয়ে যাবে */
            .rbt-tpl-text { padding-left: 0; text-align: center; }
            .rbt-tpl-head { font-size: 18px; }
            .rbt-tpl-desc { font-size: 13px; }
            .rbt-tpl-btn { padding: 6px 20px; font-size: 14px; width: 80%; }
        }
    

/* ===== পোর্টালের বেস স্টাইলের সাথে মিলানো ===== */
body.th-rb{margin:0;background:var(--rb-bg-main);color:var(--rb-text-main);font-size:16px;line-height:1.5}
body.th-rb a{color:inherit}
body.th-rb ul{list-style:none;margin:0;padding:0}
body.th-rb .wrap.pg{max-width:none;padding:0}
.rb-main{min-height:40vh}
.rb-home{padding:0 15px}
.rb-home .rb-trending-tags-container{padding:15px 0 5px}
.rb-home-mx{padding:10px 0 0}
.rb-sec{clear:both}
.rb-post-body img{height:auto}.rb-post-body iframe,.rb-post-body video{max-width:100%}
.rb-post-body .pc-html,.rb-post-body.pc-html{font-size:inherit}
.rb-feat-image-box img{width:100%}
html.rb-dark-mode body .rb-ft{background:#0b0b0b}
/* ---- ফুটার ---- */
.rb-ft{background:#0f2f26;color:#e8f3ef;margin-top:40px;padding:34px 0 18px;font-size:15px}
.rb-ft a{color:#e8f3ef}.rb-ft a:hover{color:#ffb199}
.rb-ft-top{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:22px}
.rb-ft-logo img{max-height:70px;width:auto;background:#fff;border-radius:10px;padding:4px}
.rb-ft-m{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:bold}
.rb-ft-mid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;line-height:1.8;color:#cfe3dc}
.rb-ft-b{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding-top:16px;color:#b5cdc4}
.rb-ft-s{display:flex;gap:10px;margin-top:14px}.rb-ft-s a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.rb-ft-s a:hover{background:var(--rb-hover-color);color:#fff}
@media(max-width:768px){.rb-ft-mid{grid-template-columns:1fr}.rb-ft-top{flex-direction:column;align-items:flex-start}}
/* ---- তালিকা পেজ (ক্যাটাগরি / ট্যাগ / সর্বশেষ / এলাকা / ভিডিও / ছবি) ---- */
.rb-lp{max-width:1250px;margin:30px auto;padding:0 15px}
.rb-lp-head{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--rb-border-dark);padding-bottom:10px;margin-bottom:22px}
.rb-lp-title{margin:0;font-size:26px;font-weight:bold;color:var(--rb-text-title);border-left:4px solid var(--rb-hover-color);padding-left:10px;line-height:1.2}
.rb-lp-par{font-size:14px;color:var(--rb-text-muted)}
.rb-lp-h2{font-size:20px;margin:0 0 15px;color:var(--rb-text-main)}
.rb-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.rb-pills a{border:1px solid var(--rb-border-dark);border-radius:20px;padding:4px 14px;font-size:14px;color:var(--rb-text-muted)}.rb-pills a.on,.rb-pills a:hover{background:var(--rb-hover-color);border-color:var(--rb-hover-color);color:#fff}
.rb-lp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.rb-lp-main .rb-results-wrapper{display:block}
.rb-lp-cards{grid-template-columns:repeat(4,1fr)}
.rb-lp-cards .rb-related-item a{position:relative}
.rb-play{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(228,96,68,.92);color:#fff;display:flex;align-items:center;justify-content:center}
.rb-lp .pager,.rb-lp .pg-n{margin-top:26px}
@media(max-width:1024px){.rb-lp-grid{grid-template-columns:1fr}.rb-lp-cards{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:768px){.rb-lp-cards{grid-template-columns:1fr 1fr}.rb-lp-title{font-size:22px}}
@media(max-width:480px){.rb-lp-cards{grid-template-columns:1fr}}

/* ===== প্রিন্ট (rb-pro-print) ===== */

            /* =========================================
               প্রিন্ট লেআউট স্টাইল (শুধুমাত্র প্রিন্টারের জন্য)
               ========================================= */
            @media print {
                @page { margin: 1cm; size: A4 portrait; }
                
                /* ওয়েবসাইটের মূল বডি হাইড করা */
                body > *:not(#rb-print-layout-area) { display: none !important; }
                #cookie-law-info-bar, .cli-modal-backdrop, #ad-wrapper, header, footer, .sidebar { display: none !important; }

                /* কাস্টম প্রিন্ট এরিয়া দৃশ্যমান করা */
                #rb-print-layout-area {
                    display: block !important;
                    position: absolute;
                    top: 0; left: 0; width: 100%;
                    background: #fff; color: #000;
                    font-family: 'Noto Serif Bengali', serif !important;
                    z-index: 9999;
                }

                /* হেডার ডিজাইন */
                .rb-p-header { text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; }
                .rb-p-logo { height: 40px; width: auto; object-fit: contain; }
                .rb-p-cat { color: #d32f2f; font-weight: 700; font-size: 13px; margin-bottom: 5px; text-transform: uppercase; }
                .rb-p-title { font-size: 24px; font-weight: 700; line-height: 1.3; margin-bottom: 15px; color: #000; }
                .rb-p-meta-row { display: flex; justify-content: space-between; font-size: 11px; color: #444; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600; }
                
                /* ফিচারড ইমেজ */
                .rb-p-figure { margin: 0 0 20px 0; text-align: center; page-break-inside: avoid; }
                .rb-p-img { width: 100%; max-height: 400px; object-fit: contain; display: block; margin: 0 auto; border-radius: 4px; }
                .rb-p-caption { font-size: 10px; color: #666; margin-top: 5px; font-style: italic; }
                
                /* নিউজের ভেতরের কন্টেন্ট */
                .rb-p-body { font-size: 13pt; line-height: 1.6; text-align: justify; color: #111; }
                .rb-p-body p { margin-bottom: 10pt; }
                
                /* --- ভেতরের ইমেজ ফিক্স (New) --- */
                .rb-p-body img { 
                    display: block !important; 
                    max-width: 100% !important; 
                    height: auto !important; 
                    margin: 10px auto !important;
                    visibility: visible !important;
                    opacity: 1 !important;
                }
                /* ক্যাপশন থাকলে ঠিক করা */
                .wp-caption { width: 100% !important; max-width: 100% !important; }
                .wp-caption-text { font-size: 10px; text-align: center; font-style: italic; color: #555; }

                .rb-p-footer { margin-top: 40px; padding-top: 10px; border-top: 2px solid #000; text-align: center; font-size: 10px; }
            }
        
#rb-print-layout-area{display:none}
/* ===== ই-পেপার ===== */
body { font-family: 'Noto Serif Bengali', serif; margin-bottom: 60px; }
.epaper-layout { display: flex; flex-wrap: wrap; justify-content: center; }
.sidebar-thumbnails { flex: 0 0 150px; padding: 10px; display: flex; flex-direction: column; gap: 15px; }
.thumb-item { cursor: pointer; text-align: center; font-size: 14px; }
.thumb-item img { width: 100%; max-width: 120px; border: 2px solid #ccc; border-radius: 4px; display: block; margin: 0 auto 5px auto; }
.thumb-item img:hover { border-color: #007bff; }
.main-view { flex: 1; min-width: 300px; text-align: center; padding: 10px; }
.image-wrapper { margin-bottom: 20px; min-height: 400px; }
.image-wrapper img { width: 100%; max-width: 850px; height: auto; border: 1px solid #ccc; transition: transform 0.3s ease; display: block; margin: 0 auto; }
.nav-buttons button { padding: 8px 12px; margin: 4px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; font-family: 'Noto Serif Bengali', serif; display: inline-flex; align-items: center; gap: 6px; background-color: #f0f0f0; color: #333; font-size: 16px; }
.nav-buttons button:hover { background-color: #e0e0e0; border-color: #bbb; }
.master-action-bar { margin-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.action-btn, .social-icon-btn { padding: 6px 10px; margin: 2px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; font-family: 'Noto Serif Bengali', serif; display: inline-flex; align-items: center; gap: 5px; background-color: #f0f0f0; color: #333; font-size: 13px; }
.action-btn:hover, .social-icon-btn:hover { background-color: #e0e0e0; border-color: #bbb; }
.share-label { font-size: 14px; color: #333; margin-right: 2px; }
button[onclick="printPage()"], button[onclick="downloadPage()"] { background-color: #17a2b8; color: white; border-color: #17a2b8; }
button[onclick="printPage()"]:hover, button[onclick="downloadPage()"]:hover { background-color: #117a8b; border-color: #117a8b; }
button#generalShareBtn { background-color: #ffc107; color: black; border-color: #ffc107;}
button#generalShareBtn:hover { background-color: #e0a800; border-color: #e0a800;}
button[onclick="copyLink()"] { background-color: #6f42c1; color: white; border-color: #6f42c1;}
button[onclick="copyLink()"]:hover { background-color: #5a2aa3; border-color: #5a2aa3;}
.social-icon-btn { padding: 8px; width: 36px; height: 36px; justify-content: center; font-size: 0; }
.social-icon-btn svg { width: 18px; height: 18px; }
.social-icon-btn.facebook { background-color: #1877F2; color: white; border-color: #1877F2;}
.social-icon-btn.facebook:hover { background-color: #125db0;}
.social-icon-btn.x-twitter { background-color: #000000; color: white; border-color: #000000;}
.social-icon-btn.x-twitter:hover { background-color: #222222;}
.social-icon-btn.whatsapp { background-color: #25D366; color: white; border-color: #25D366;}
.social-icon-btn.whatsapp:hover { background-color: #1da851;}
.zoom-panel-sticky { position: sticky; bottom: 0; left: 0; width: 100%; background-color: transparent; padding: 8px 0; z-index: 1000; display: flex; justify-content: center; gap: 15px; box-sizing: border-box; }
.zoom-btn { padding: 6px 12px; margin: 2px; border: 1px solid #555; border-radius: 20px; cursor: pointer; font-family: 'Noto Serif Bengali', serif; display: inline-flex; align-items: center; gap: 6px; background-color: rgba(240, 240, 240, 0.85); color: #222; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.zoom-btn:hover { background-color: rgba(220, 220, 220, 0.9); border-color: #333; }
.zoom-btn svg { width: 16px; height: 16px; }
.zoom-btn span { font-family: Arial, sans-serif; }

@media (max-width: 768px) {
    body { margin-bottom: 50px; }
    .epaper-layout { flex-direction: column; align-items: center; }
    .sidebar-thumbnails { flex-direction: row; overflow-x: auto; width: 100%; justify-content: flex-start; padding: 10px 5px; flex: none; gap: 10px; }
    .thumb-item { flex: 0 0 auto; width: 100px; font-size: 12px; }
    .thumb-item img { max-width: 80px; }
    .main-view { width: 100%; padding: 5px; }
    .master-action-bar { gap: 5px; margin-bottom: 10px; }
    .action-btn, .social-icon-btn { padding: 5px 8px; font-size: 12px; gap: 4px; }
    .social-icon-btn { width: 32px; height: 32px; }
    .social-icon-btn svg { width: 16px; height: 16px; }
    .share-label { font-size: 13px; }
    .zoom-panel-sticky { padding: 6px 0; gap: 10px; }
    .zoom-btn { padding: 5px 10px; font-size: 13px; gap: 5px; }
    .zoom-btn svg { width: 14px; height: 14px; }
}
/* ===== জরিপ (kb-polling) ===== */

        .kb-poll-wrapper { font-family: 'Noto Serif Bengali', serif; width: 100%; box-sizing: border-box; display: block; text-align: left; margin-bottom: 30px; }
        .kb-poll-wrapper * { box-sizing: border-box; }
        
        .kb-poll-header-top { margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
        .kb-header-title { border-left: 5px solid #d32f2f; padding-left: 15px; color:#d32f2f; font-weight:bold; font-size:26px; line-height: 1; display: inline-block; }
        .kb-poll-header-top a { text-decoration: none; }
        
        .kb-poll-archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        @media (max-width: 900px) { .kb-poll-archive-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 600px) { .kb-poll-archive-grid { grid-template-columns: 1fr; } }

        .kb-poll-card { border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); position: relative; display: flex; flex-direction: column; overflow: hidden; width: 100%; }
        .kb-poll-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-color: #e0e0e0; }
        
        .kb-watermark-logo, .kb-poll-link-watermark, .kb-download-timestamp { display: none; }

        .kb-meta-header { display: flex; justify-content: space-between; align-items: center; color: #666; font-size: 13px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; height: 40px; }
        .kb-dl-btn { cursor: pointer; color: #555; background: transparent !important; border: none !important; padding: 5px; line-height: 0; }
        .kb-dl-btn:hover { color: #d32f2f; transform: scale(1.1); }
        
        .kb-thumb { margin-bottom: 15px; }
        .kb-thumb img { border-radius: 4px; width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9; display: block; }
        
        .kb-title { font-size: 18px; line-height: 1.4; margin: 0 0 15px; font-weight: 700; color: #000; }
        .kb-title a { color: #000; text-decoration: none; }
        .kb-title a:hover { color: #d32f2f; }
        
        .kb-options { margin-bottom: 15px; }
        .kb-opt-row { margin-bottom: 10px; }
        
        .kb-radio { display: flex; align-items: center; border: 1px solid #ddd; padding: 8px 10px; border-radius: 4px; cursor: pointer; transition: 0.2s; background: #fff; width: 100%; }
        .kb-radio:hover { border-color: #333; }
        .kb-radio input { display: none; }
        .kb-check-circle { width: 16px; height: 16px; border: 1px solid #666; border-radius: 50%; margin-right: 10px; flex-shrink: 0; }
        .kb-radio input:checked ~ .kb-check-circle { border-color: #2ecc71; background: #2ecc71; }
        
        .kb-res-bar { display: none; align-items: center; border: 1px solid #333; border-radius: 4px; min-height: 38px; position: relative; overflow: hidden; background: #fff; width: 100%; padding: 5px 10px; z-index: 0; }
        .show-results .kb-radio { display: none; }
        .show-results .kb-res-bar { display: flex; }
        
        .kb-voted-row .kb-res-bar { border: 2px solid #2ecc71 !important; background-color: #f0fff4; }
        .kb-your-vote-badge { display: inline-block; background: #2ecc71; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: 10px; margin-left: 5px; vertical-align: middle; line-height: 1.2; white-space: nowrap; }

        .kb-label, .kb-res-txt { font-size: 15px; font-weight: 500; color: #333; line-height: 1.3; word-wrap: break-word; white-space: normal; }
        .kb-res-txt { z-index: 2; font-weight: 600; flex-grow: 1; margin-right: 10px; position: relative; }
        
        .kb-progress { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; }
        .kb-fill { height: 100%; background: #89CFF0; transition: width 1s; }
        .kb-percent { z-index: 2; position: relative; font-weight: bold; color: #000; font-size: 13px; text-align: right; flex-shrink: 0; }

        .kb-footer-stats { text-align: center; margin-top: auto; font-size: 13px; font-weight: 600; color: #666; padding-bottom: 10px; }
        .kb-social-share { display: flex; justify-content: center; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee; }
        .kb-icon { width: 32px; height: 32px; border-radius: 50%; color: #fff; display: flex !important; align-items: center; justify-content: center; text-decoration: none; padding: 0; flex-shrink: 0; cursor: pointer; border: none; }
        .kb-icon svg { width: 16px !important; height: 16px !important; display: block; fill: currentColor; }
        .fb { background: #1877F2; } 
        .msg { background: #0084FF; } 
        .wa { background: #25D366; } 
        .x { background: #000; } 
        .cp { background: #555; }
        
        .kb-tooltip { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #333; color: #fff; padding: 10px 20px; border-radius: 5px; font-size: 14px; display: none; z-index: 9999; }
        .kb-load-more-wrapper { text-align: center; margin-top: 40px; width: 100%; }
        #kb-load-more { background: #fff; border: 1px solid #ccc; padding: 10px 30px; font-size: 16px; font-family: 'Noto Serif Bengali'; cursor: pointer; border-radius: 30px; transition: 0.3s; color: #333; }
    
/* ===== কিকার (news-headline-highlighter): সিঙ্গেল পোস্টে ধূসর */
.rb-single-article-entry .kicker{display:block;font-size:24px;line-height:1.3;color:#5f5f5f;font-weight:700;margin-bottom:8px}
@media(max-width:600px){.rb-single-article-entry .kicker{font-size:18px}}
.rb-lp .kk,.rb-latest-item .kk,.rb-result-title .kk,.rb-item .kk,.rb-4col-item .kk{color:#e00;font-weight:bold}
.rb-ep-wrap,.kb-poll-wrap{max-width:1250px;margin:30px auto;padding:0 15px}

/* ================= ফুটার (আপনার কোড) ================= */
:root{--rb-ft-text:#444444;--rb-ft-heading:#113366;--rb-ft-link:#009663;--rb-ft-border:rgba(128,128,128,.2)}
html.rb-dark-mode .rb-new-footer-area{--rb-ft-text:#e0e0e0;--rb-ft-heading:#ffffff;--rb-ft-link:#4ade80;--rb-ft-border:rgba(255,255,255,.15)}
.rb-new-footer-area{background-color:transparent;border-top:3px solid #009663;padding-top:50px;font-family:inherit;color:var(--rb-ft-text);margin-top:40px}
.rb-new-footer-container{max-width:1250px;margin:0 auto;padding:0 15px 40px 15px;display:grid;grid-template-columns:150px 1fr 350px;gap:30px;align-items:center}
.rb-brand-logo{width:100px;height:auto;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);display:block;background-color:#fff;padding:4px;transition:.3s}.rb-brand-logo:hover{transform:scale(1.05)}
.rb-footer-info-col{border-left:1px solid var(--rb-ft-border);padding-left:30px}
.rb-info-line{margin:0 0 8px 0;font-size:17px;line-height:1.6;color:var(--rb-ft-text)}
.rb-company-name{font-size:19px;font-weight:bold;color:var(--rb-ft-heading);margin-top:5px;margin-bottom:5px}
.rb-info-line a{color:var(--rb-ft-link);text-decoration:none;font-weight:bold}.rb-info-line a:hover{text-decoration:underline}
.rb-right-heading{font-size:16px;font-weight:bold;color:var(--rb-ft-heading);margin-top:0;margin-bottom:12px;display:block}.rb-mt-20{margin-top:25px}
.rb-app-buttons{display:flex;gap:10px}
.rb-app-btn{display:flex;align-items:center;background-color:#111;color:#fff !important;text-decoration:none;padding:6px 12px;border-radius:6px;gap:10px;transition:.3s;border:1px solid #333}
html.rb-dark-mode .rb-app-btn{border-color:#444}.rb-app-btn:hover{background-color:#333;transform:translateY(-2px)}
.rb-app-btn i{font-size:24px}.rb-btn-text{display:flex;flex-direction:column;line-height:1.1}
.rb-btn-text small{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.rb-btn-text span{font-size:14px;font-weight:bold}
.rb-social-icons{display:flex;gap:10px}
.rb-social-icons a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;color:#fff !important;font-size:15px;text-decoration:none;transition:.3s}
.rb-social-icons a.fb{background-color:#3b5998}.rb-social-icons a.tw{background-color:#000;border:1px solid rgba(255,255,255,.2)}.rb-social-icons a.yt{background-color:#f00}.rb-social-icons a.ig{background-color:#e1306c}.rb-social-icons a.wa{background-color:#25D366}
.rb-social-icons a:hover{transform:scale(1.1);opacity:.9}
.rb-footer-bottom-bar{border-top:1px solid var(--rb-ft-border);padding:25px 15px;text-align:center}
.rb-bottom-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 30px;margin-bottom:15px}
.rb-bottom-links a{color:var(--rb-ft-heading);text-decoration:none;font-size:16px;font-weight:600;transition:.2s}.rb-bottom-links a:hover{color:var(--rb-ft-link)}
.rb-bottom-copyright p{margin:0;font-size:14px;color:var(--rb-ft-text);opacity:.8}
@media(max-width:768px){
.rb-new-footer-area{padding-top:30px;margin-top:20px}
.rb-new-footer-container{grid-template-columns:80px 1fr;gap:15px;padding:0 10px 20px 10px}
.rb-footer-logo-col{grid-column:1/2;display:flex;align-items:center}.rb-brand-logo{width:100%;height:auto;padding:2px}
.rb-footer-info-col{grid-column:2/3;border-left:1px solid var(--rb-ft-border);padding-left:12px}
.rb-info-line{font-size:11px;margin-bottom:4px;line-height:1.4}.rb-company-name{font-size:13px;margin-top:2px;margin-bottom:2px}
.rb-footer-app-social-col{grid-column:1/3;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border-top:1px dashed var(--rb-ft-border);padding-top:15px;margin-top:5px}
.rb-right-heading{display:none}.rb-mt-20{margin-top:0}
.rb-app-buttons{gap:5px;flex-direction:row}.rb-app-btn{padding:4px 6px;gap:4px;border-radius:4px}.rb-app-btn i{font-size:15px}.rb-btn-text small{font-size:6px}.rb-btn-text span{font-size:10px}
.rb-social-icons{gap:5px;flex-direction:row}.rb-social-icons a{width:22px;height:22px;font-size:11px}
.rb-footer-bottom-bar{padding:15px 10px}
.rb-bottom-links{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;gap:12px;margin-bottom:10px;padding-bottom:5px}.rb-bottom-links::-webkit-scrollbar{display:none}.rb-bottom-links a{font-size:11px}
.rb-bottom-copyright p{font-size:10px}}

/* ================= ক্যাটাগরি / সর্বশেষ পেজ ================= */
.rb-lp2{max-width:1250px;margin:0 auto;padding:0 15px}
.rb-lpb{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 0;padding:10px 16px;border:1px solid #cfe9df;border-bottom:3px solid #0a6b4f;border-radius:8px;background:linear-gradient(90deg,#fff,#f1fbf6);box-shadow:0 2px 8px rgba(0,150,99,.08)}
.rb-lpb-l{display:flex;align-items:center;gap:10px}.rb-lpb-l img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;padding:2px}
.rb-lpb-l b{display:block;font-size:19px;color:#0a4d3a;line-height:1.1}.rb-lpb-l span{display:inline-block;background:#f6c026;color:#4a3500;font-size:11px;font-weight:bold;padding:1px 7px;border-radius:3px;margin-top:3px}
.rb-lpb-m{flex:1;text-align:center;font-size:17px;color:#111}.rb-lpb-m i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d32f2f;margin-right:5px}.rb-lpb-m b{color:#d32f2f}
.rb-lpb-r{display:flex;align-items:center;gap:14px}.rb-lpb-r em{font-style:normal;color:#555;font-size:14px}
.rb-lpb-r a{background:#0a4d3a;color:#fff !important;padding:8px 18px;border-radius:6px;font-weight:bold;font-size:14px;white-space:nowrap}
.rb-tk{display:flex;align-items:center;margin:16px 0 0;height:38px;border:1px solid #7ccbaa;border-radius:8px;background:linear-gradient(90deg,#f2fdf7,#fff);box-shadow:0 2px 10px rgba(0,150,99,.1);overflow:hidden}
.rb-tk-l{background:#c62828;color:#fff;font-weight:bold;font-size:14px;padding:0 22px 0 14px;height:100%;display:flex;align-items:center;gap:7px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.rb-tk-l i{width:7px;height:7px;border-radius:50%;background:#fff}
.rb-tk-t{flex:1;padding:0 14px;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:20px}.rb-tk-t:after{content:"|";color:#c62828;margin-left:2px}
.rb-tk-a{padding:0 14px;color:#d32f2f !important;border-left:1px solid #e3e3e3;height:100%;display:flex;align-items:center}
.rb-lp2-head{display:flex;align-items:center;gap:14px;border-top:1px solid var(--rb-border);margin-top:22px;padding-top:22px}
.rb-lp2-title{margin:0 0 22px;font-size:40px;line-height:1.2;font-weight:bold;color:#d32f2f}
.rb-lp2-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--rb-border)}
.rb-lp2-main{padding-right:28px;border-right:1px solid var(--rb-border)}
.rb-lp2-it{display:flex;gap:16px;align-items:flex-start}
.rb-lp2-tx{flex:1;min-width:0}.rb-lp2-tx h3{margin:0 0 8px;font-weight:bold;color:var(--rb-text-title);line-height:1.35}.rb-lp2-tx h3 a:hover{color:var(--rb-hover-color)}
.rb-lp2-tx p{margin:0;font-size:14px;line-height:1.6;color:var(--rb-text-muted)}
.rb-lp2-im{display:block;flex:none;overflow:hidden;border-radius:3px}.rb-lp2-im img{display:block;width:100%;height:100%;object-fit:cover}
.rb-lp2-lead{padding-bottom:22px;border-bottom:1px solid var(--rb-border)}.rb-lp2-lead h3{font-size:28px}.rb-lp2-lead .rb-lp2-tx p{font-size:15px}
.rb-lp2-lead .rb-lp2-im{width:46%;aspect-ratio:16/10}
.rb-lp2-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:0}
.rb-lp2-gi{padding:20px 16px 20px 0;border-bottom:1px solid var(--rb-border)}.rb-lp2-gi:nth-child(even){padding:20px 0 20px 16px;border-left:1px solid var(--rb-border)}.rb-lp2-gi:nth-last-child(-n+2){border-bottom:0}
.rb-lp2-gi h3{font-size:17px}.rb-lp2-gi .rb-lp2-im{width:84px;height:62px}
.rb-lp2-side>*{margin-bottom:22px}.rb-lp2-side .rb-ad-box img{width:100%}
.rb-joinbox{position:relative;background:linear-gradient(135deg,#e7f4ff,#f3faff);border:1px solid #cde7fa;border-bottom:3px solid #1aa0e8;border-radius:6px;padding:22px 18px 18px;box-shadow:0 6px 18px rgba(26,160,232,.12)}
.rb-joinbox-ic{position:absolute;left:18px;top:-18px;width:40px;height:40px;border-radius:50%;background:#1aa0e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.rb-joinbox h4{margin:10px 0 4px;color:#0b4a6f;font-size:19px}.rb-joinbox p{margin:0 0 12px;color:#2a7fb4;font-size:14px}
.rb-joinbox-btn{display:inline-block;border:1.5px solid #1aa0e8;border-radius:30px;padding:7px 20px;color:#0b6aa5 !important;font-weight:bold;font-size:14px;background:transparent;cursor:pointer}
.rb-nl-card{position:relative;text-align:center;background:var(--rb-bg-main);border-radius:20px;border-top:5px solid #0aa574;box-shadow:0 10px 35px rgba(0,100,70,.12);padding:34px 24px 22px}
.rb-nl-ic{position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;background:#e4f7ef;color:#0aa574;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.rb-nl-card h3{margin:6px 0 8px;font-size:23px;color:#0b4d39;line-height:1.3}.rb-nl-card p{margin:0 0 16px;font-size:14px;color:var(--rb-text-muted)}
.rb-nl-in{display:flex;align-items:center;gap:8px;background:#f3f3f3;border-radius:12px;padding:0 12px;margin-bottom:12px}.rb-nl-in i{color:#0aa574}.rb-nl-in input{flex:1;min-width:0;border:0;background:transparent;padding:13px 4px;font-size:14px;outline:0;color:#222}
.rb-nl-card button{width:100%;background:#0aa574;color:#fff;border:0;border-radius:12px;padding:13px;font-size:16px;font-weight:bold;cursor:pointer;box-shadow:0 6px 14px rgba(10,165,116,.3)}.rb-nl-card button:disabled{opacity:.6}
.rb-nl-card small{display:block;margin-top:12px;color:#999;font-size:12px}.rb-nl-msg{margin-top:10px;font-size:13px;font-weight:bold}.rb-nl-msg.ok{color:#0a8a5f}.rb-nl-msg.err{color:#c62828}
.rb-nl-page{max-width:520px;margin:50px auto;text-align:center}.rb-nl-page h1{font-size:28px;color:var(--rb-text-title);line-height:1.35}
.rb-lp2-banner{margin:24px 0;text-align:center}.rb-lp2-banner img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.rb-lp2-more{margin:34px 0 8px}
.rb-lp2-more h2{margin:0;display:flex;align-items:center;gap:14px;font-size:36px;font-weight:bold;color:var(--rb-text-title)}
.rb-lp2-more h2:after{content:"";flex:1;height:10px;background:repeating-linear-gradient(0deg,#ddd 0 2px,transparent 2px 5px)}
.rb-lp2-more h2 span{white-space:nowrap}
.rb-lp2-rows{max-width:800px;margin:0 auto}
.rb-lp2-row{padding:18px 0;border-bottom:1px solid var(--rb-border)}.rb-lp2-row h3{font-size:21px}
.rb-lp2-row .rb-lp2-im{width:208px;height:130px}
.rb-promo{display:flex;align-items:center;gap:20px;margin:30px 0;padding:18px 22px;border:1px solid #e1e6e4;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.08);background:var(--rb-bg-main)}
.rb-promo img{width:70px;height:70px;border-radius:50%;background:#aee3d2;padding:8px;object-fit:contain}
.rb-promo-t{flex:1}.rb-promo-t em{display:inline-block;background:#ef4444;color:#fff;font-style:normal;font-size:11px;font-weight:bold;padding:1px 9px;border-radius:10px}.rb-promo-t h4{margin:4px 0 2px;font-size:22px;color:var(--rb-text-title)}.rb-promo-t p{margin:0;font-size:14px;color:var(--rb-text-muted)}
.rb-promo>a{background:linear-gradient(90deg,#0aa574,#2bc08f);color:#fff !important;padding:10px 20px;border-radius:30px;font-weight:bold;white-space:nowrap}
.rb-lp2 .pager{max-width:800px;margin:28px auto 40px;text-align:center}
.rb-lp2 .pg-btn{display:inline-block;min-width:200px;background:#fff;color:#333 !important;border:1px solid #e5e5e5;border-radius:3px;padding:12px 30px;font-weight:bold;letter-spacing:.5px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
html.rb-dark-mode .rb-lp2 .pg-btn{background:#1e1e1e;color:#eee !important;border-color:#333}
.rb-lp2 .rb-lp-cards{margin-top:10px}
@media(max-width:1024px){.rb-lp2-top{grid-template-columns:1fr}.rb-lp2-main{padding-right:0;border-right:0}.rb-lp2-side{max-width:560px;margin:0 auto}}
@media(max-width:768px){
.rb-lpb{flex-wrap:wrap;padding:8px 10px}.rb-lpb-l b{font-size:15px}.rb-lpb-m{font-size:13px;text-align:left;flex:1 1 60%}.rb-lpb-r em{display:none}.rb-lpb-r a{padding:6px 12px;font-size:12px}
.rb-lp2-title{font-size:32px;margin-bottom:16px}
.rb-lp2-lead{flex-direction:column-reverse;gap:12px}.rb-lp2-lead .rb-lp2-im{width:100%}.rb-lp2-lead h3{font-size:24px}
.rb-lp2-grid{grid-template-columns:1fr}.rb-lp2-gi,.rb-lp2-gi:nth-child(even){padding:14px 0;border-left:0;border-bottom:1px solid var(--rb-border)}.rb-lp2-gi:nth-last-child(-n+2){border-bottom:1px solid var(--rb-border)}
.rb-lp2-gi .rb-lp2-tx p,.rb-lp2-row .rb-lp2-tx p{display:none}.rb-lp2-gi .rb-lp2-im,.rb-lp2-row .rb-lp2-im{width:100px;height:72px}.rb-lp2-gi h3,.rb-lp2-row h3{font-size:16px}
.rb-lp2-more h2{font-size:26px}.rb-promo{flex-direction:column;text-align:center;gap:10px}.rb-promo-t h4{font-size:19px}}

/* ================= APK পেজ ================= */
.rb-apk{max-width:860px;margin:36px auto;padding-bottom:30px}
.rb-apk-hero{display:flex;gap:24px;align-items:center;padding:26px;border-radius:18px;background:linear-gradient(135deg,#e6f7f0,#fff4ea);border:1px solid #d6efe4}
.rb-apk-ic{width:110px;height:110px;border-radius:24px;background:#fff;object-fit:contain;padding:8px;box-shadow:0 6px 18px rgba(0,0,0,.1)}
.rb-apk-hero h1{margin:0 0 4px;font-size:30px;color:#0a4d3a}.rb-apk-v{margin:0 0 14px;color:#666}
.rb-apk-dl{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#0aa574,#ef7c2a);color:#fff !important;padding:12px 26px;border-radius:30px;font-weight:bold;font-size:17px;box-shadow:0 6px 16px rgba(10,165,116,.3)}
.rb-apk-desc{margin:24px 0;font-size:17px;line-height:1.9;color:var(--rb-text-main)}
.rb-apk-h{margin:26px 0 12px;font-size:22px;color:var(--rb-text-title);border-left:4px solid #0aa574;padding-left:10px}
.rb-apk-shots{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.rb-apk-shots img{height:420px;width:auto;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.rb-apk-old{list-style:disc;padding-left:22px}.rb-apk-old li{margin:6px 0}.rb-apk-old a{color:#0a8a5f;font-weight:bold}
@media(max-width:600px){.rb-apk-hero{flex-direction:column;text-align:center}.rb-apk-shots img{height:320px}}
.nhu-hl{font-weight:bold}