/* ПРЕДНАЗНАЧЕНИЕТО НА ШКАФА — редът в менюто + избирачът */
.rdPpBar{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line,#e4e8ef);border-radius:12px;background:linear-gradient(180deg,rgba(28,44,68,.045),rgba(28,44,68,.012))}
.rdPpCur{display:flex;align-items:center;gap:10px}
.rdPpLab{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#6b7a90);flex:none}
.rdPpBtn{margin-left:auto;flex:1;display:flex;align-items:center;gap:8px;justify-content:space-between;background:#1c2c44;color:#fff;border:none;border-radius:9px;padding:9px 12px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;text-align:left}
.rdPpBtn i{font-style:normal;color:#e8b978;font-size:15px;line-height:1}
.rdPpBtn.empty{background:#e8b978;color:#1c2c44}
.rdPpBtn:hover{filter:brightness(1.08)}
.rdPpS{margin-top:7px;font-size:11.5px;color:var(--muted,#6b7a90);line-height:1.35}
.rdPpW{margin-top:8px;display:flex;flex-direction:column;gap:5px}
.rdPpW div{font-size:11.5px;line-height:1.35;color:#8a5a12;background:#fdf4e3;border-left:3px solid #e8b978;border-radius:0 7px 7px 0;padding:6px 9px}
html.dark .rdPpBar{border-color:#2e415c;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
html.dark .rdPpW div{color:#f0d5a6;background:rgba(232,185,120,.12)}

.rdPpWrap{position:fixed;inset:0;background:rgba(12,18,28,.55);backdrop-filter:blur(3px);z-index:7000;display:flex;align-items:center;justify-content:center;padding:24px}
.rdPpBox{width:min(1040px,100%);height:min(720px,90vh);display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
html.dark .rdPpBox{background:#16202e;color:#e9edf3}
.rdPpH{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1c2c44;color:#fff;flex:none}
.rdPpH b{font-size:15px;display:block}
.rdPpH>div>span{font-size:11px;color:#c9d3e3}
.rdPpH input{margin-left:auto;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:9px;padding:8px 11px;font:inherit;font-size:13px;width:240px;outline:none}
.rdPpH input::placeholder{color:rgba(255,255,255,.55)}
.rdPpX{background:none;border:none;color:#e8b978;font-size:19px;cursor:pointer;line-height:1;padding:2px 4px}
.rdPpBody{flex:1;min-height:0;display:flex}
.rdPpRooms{flex:none;width:200px;overflow:auto;background:#f4f7fb;border-right:1px solid #e4e8ef;padding:8px}
html.dark .rdPpRooms{background:#1b2636;border-color:#2e415c}
.rdPpRoom{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 10px;font:inherit;cursor:pointer;color:#1c2c44;margin-bottom:2px}
.rdPpRoom b{font-size:12.5px;font-weight:700;flex:1;line-height:1.25}
.rdPpRoom small{font-size:10.5px;color:#8a97ab;background:#e6ebf2;border-radius:99px;padding:1px 7px}
.rdPpRoom:hover{background:#e9eef5}
.rdPpRoom.on{background:#1c2c44;color:#fff;border-color:#1c2c44}
.rdPpRoom.on small{background:#e8b978;color:#1c2c44}
html.dark .rdPpRoom{color:#e9edf3}
html.dark .rdPpRoom:hover{background:#22324a}
.rdPpGrid{flex:1;min-width:0;overflow:auto;padding:14px 16px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;align-content:start}
.rdPpGt{grid-column:1/-1;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a97ab;margin:8px 0 0}
.rdPpNone{grid-column:1/-1;color:#6b7a90;font-size:13px;padding:20px}
.rdPpI{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;background:#f6f8fb;border:1.5px solid #e4e8ef;border-radius:12px;padding:8px 9px 9px;font:inherit;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}
.rdPpI:hover{border-color:#e8b978;background:#fffaf1;transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,44,68,.12)}
.rdPpI.cur{border-color:#1c2c44;box-shadow:0 0 0 3px rgba(28,44,68,.12)}
.rdPpPic{display:block;background:#fff;border-radius:8px;border:1px solid #edf0f5;overflow:hidden;line-height:0}
.rdPpPic svg{width:100%;height:auto;display:block}
.rdPpPic img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain;background:#fff}
html.dark .rdPpPic img{background:#fff}
.rdPpI b{font-size:12.5px;color:#1c2c44;line-height:1.25;margin-top:3px}
.rdPpI>span:last-child{font-size:10.5px;color:#6b7a90;line-height:1.3}
html.dark .rdPpI{background:#1b2636;border-color:#2e415c}
html.dark .rdPpI b{color:#e9edf3}
html.dark .rdPpPic{background:#0f1622;border-color:#2e415c}
html.dark .rdPpI:hover{border-color:#e8b978;background:#212f43}
@media(max-width:700px){ .rdPpWrap{padding:0} .rdPpBox{height:100vh;border-radius:0} .rdPpBody{flex-direction:column} .rdPpRooms{width:auto;display:flex;overflow-x:auto;padding:6px;border-right:0;border-bottom:1px solid #e4e8ef} .rdPpRoom{width:auto;flex:none;padding:7px 10px} .rdPpRoom small{display:none} .rdPpH input{width:130px} .rdPpGrid{grid-template-columns:repeat(2,1fr);padding:10px} }