#rcom-mobilemenu-wrapper { position: relative; z-index: 1050; }
.rcom-btn { display:inline-flex; gap:.5rem; align-items:center; padding:.5rem .75rem; border-radius:12px; border:1px solid #ddd; background:#fff; }
.rcom-ico { font-size:1.1rem; line-height:1; }
.rcom-title { font-weight:600; }
.rcom-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.4); opacity:0; visibility:hidden; transition:.2s; }
.rcom-drawer{ position:fixed; top:0; left:0; height:100dvh; width:min(88vw,360px); background:#fff; box-shadow:2px 0 20px rgba(0,0,0,.2); transform:translateX(-102%); transition:.25s; display:flex; flex-direction:column; }
.rcom-head{ display:flex; align-items:center; gap:.5rem; padding:.75rem 1rem; border-bottom:1px solid #eee; }
.rcom-close{ margin-left:auto; background:transparent; border:0; font-size:1.5rem; line-height:1; }
.rcom-section{ padding:.75rem 1rem; }
.rcom-section h4{ margin:.25rem 0 .5rem; font-size:.95rem; color:#546e7a; text-transform:uppercase; letter-spacing:.04em; }
.rcom-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:.25rem; }
.rcom-item{ display:flex; align-items:center; gap:.65rem; padding:.55rem .5rem; border-radius:10px; text-decoration:none; color:#222; }
.rcom-item:active{ background:#f3f5f7; }
.rcom-thumb{ width:28px; height:28px; object-fit:cover; border-radius:8px; border:1px solid #eee; }
.rcom-badge{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#eef3ff; border:1px solid #dfe7ff; font-size:.9rem; }
html.rcom-open .rcom-drawer{ transform:none; } html.rcom-open #rcom-mobilemenu-backdrop{ opacity:1; visibility:visible; }
@media (min-width:768px){ #rcom-mobilemenu-wrapper{ display:none!important; } }
/* wynieś mobilny drawer ponad wszystko */
#rcom-mobilemenu-wrapper { z-index: 99990; }
#rcom-mobilemenu-backdrop { z-index: 99995; position: fixed; }
#rcom-mobilemenu-content  { z-index: 100000; position: fixed; }