.rb-p{ --dk-red:#ff7043; --dk-cyan:#4fc3f7; --dk-gray:#444; --dk-gray2:#767676; --dk-line:#e3e3e3; --dk-bg:#f6f8fa; font-family:'Segoe UI',Arial,sans-serif; }
.rb-p .crumb{ font-size:.8rem; color:var(--dk-gray2); padding:12px 0; border-bottom:1px solid var(--dk-line); margin-bottom:18px; }
.rb-p .crumb a{ color:#2b6cb0; text-decoration:none; }
.rb-p .crumb a:hover{ text-decoration:underline; }
.rb-p .page-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; }
.rb-p .page-head h1{ font-size:1.4rem; font-weight:700; color:var(--dk-gray); margin:0; }
.rb-p .page-head .count{ font-size:.82rem; color:var(--dk-gray2); }
.rb-p .filter-box{ border:1px solid var(--dk-line); border-radius:6px; background:#fff; padding:14px; margin-bottom:14px; }
.rb-p .filter-box h6{ font-size:.9rem; font-weight:700; color:var(--dk-gray); margin-bottom:10px; border-bottom:1px solid var(--dk-line); padding-bottom:6px; }
.rb-p .filter-box .opt{ display:block; padding:5px 8px; font-size:.82rem; color:#555; text-decoration:none; border-radius:4px; }
.rb-p .filter-box .opt:hover{ background:#f0f4f8; }
.rb-p .filter-box .opt.active{ background:#ff7043; color:#fff; font-weight:600; }
.rb-p .filter-box .opt .n{ float:right; color:var(--dk-gray2); }
.rb-p .prod-table{ width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--dk-line); }
.rb-p .prod-table th{ background:#0f2027; color:#fff; font-size:.78rem; text-transform:uppercase; padding:10px 12px; text-align:left; border-bottom:2px solid #2c5364; }
.rb-p .prod-table td{ padding:10px 12px; border-bottom:1px solid var(--dk-line); vertical-align:middle; font-size:.84rem; color:#333; }
.rb-p .prod-table tr:hover{ background:#fafcff; }
.rb-p .prod-table .img-cell{ width:74px; }
.rb-p .prod-table .img-cell img{ width:62px; height:46px; object-fit:cover; border-radius:4px; border:1px solid var(--dk-line); }
.rb-p .prod-table a.pname{ color:#2c5364; font-weight:600; font-size:.88rem; text-decoration:none; }
.rb-p .prod-table a.pname:hover{ text-decoration:underline; }
.rb-p .prod-table .pcat{ font-size:.76rem; color:var(--dk-gray2); margin-top:2px; }
.rb-p .prod-table .pbrand{ font-size:.8rem; color:var(--dk-gray2); }
.rb-p .prod-table td.attr{ font-size:.76rem; color:#666; }
.rb-p .prod-table td.attr .a{ display:block; line-height:1.5; }
.rb-p .prod-table td.price{ font-weight:700; color:var(--dk-red); white-space:nowrap; }
.rb-p .prod-table td.stock{ color:var(--dk-gray2); font-size:.78rem; white-space:nowrap; }
.rb-p .prod-table td.stock .ok{ color:#2e7d32; font-weight:600; }
.rb-p .pager{ margin-top:18px; }
.rb-p .pager nav{ display:flex; justify-content:center; }
.rb-p .pager .pagination .page-link{ color:#2b6cb0; }
.rb-p .pager .pagination .active .page-link{ background:#ff7043; border-color:#ff7043; color:#fff; }
.rb-empty{ text-align:center; padding:60px 20px; color:var(--dk-gray2); background:#fff; border:1px solid var(--dk-line); border-radius:8px; }