/* Пополнение с витрины города. 04.09.2026. Все классы с префиксом ri-tu-, чужое не задевают. */

.ri-tu-strip{
    display:flex;align-items:center;gap:20px;flex-wrap:wrap;
    background:#fff;border:1px solid #e6e9e9;border-left:4px solid #afb1b1;border-radius:5px;
    padding:16px 20px;
    /* 04.09.2026: подтягиваем вверх — после удаления блока «Свободные мастера салонов»
       между фильтром и полосой оставалось 70 px пустоты */
    margin:-34px 0 16px;
}
.ri-tu-strip__main{display:block;flex:0 0 auto;margin-right:auto;}
.ri-tu-strip__h{display:block;font-size:15px;font-weight:800;color:#1a181f;line-height:1.3;margin-bottom:5px;}
.ri-tu-strip__p{display:block;font-size:13.5px;color:#6f6a72;line-height:1.45;}
.ri-tu-strip__btn{
    background:#1a181f;color:#fff;border:0;cursor:pointer;font-family:inherit;
    font-size:14px;font-weight:700;padding:12px 20px;border-radius:5px;white-space:nowrap;
}
.ri-tu-strip__btn:hover{background:#000;}
.ri-tu-strip__btn:focus-visible{outline:2px solid #d00025;outline-offset:2px;}

/* окно */
.ri-tu-back{
    position:fixed;inset:0;background:rgba(26,24,31,.45);z-index:1000;
    display:flex;align-items:center;justify-content:center;padding:20px;
}
.ri-tu-back[hidden]{display:none;}
.ri-tu-sheet{
    position:relative;background:#fff;width:100%;max-width:560px;
    border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.25);
    /* постоянная высота: при переходе между шагами окно не меняет размер */
    height:620px;max-height:88vh;
    display:flex;flex-direction:column;overflow:hidden;
}
.ri-tu-head{padding:24px 24px 12px;flex:0 0 auto;}
.ri-tu-back-btn{
    display:none;background:none;border:0;cursor:pointer;font-family:inherit;
    font-size:13px;font-weight:700;color:#d00025;padding:0;margin:0 0 8px;
}
.ri-tu-back-btn.on{display:inline-block;}
.ri-tu-back-btn:hover{color:#b60021;}
.ri-tu-scroll{flex:1 1 auto;overflow-y:auto;padding:0 24px;}
.ri-tu-foot{flex:0 0 auto;padding:14px 24px 20px;border-top:1px solid #f0eaeb;background:#fff;}
.ri-tu-grab{display:none;}
.ri-tu-grab{width:38px;height:4px;background:#e6e9e9;border-radius:2px;margin:0 auto 18px;}
.ri-tu-close{
    position:absolute;right:14px;top:14px;background:#fff;border:1px solid #e6e9e9;
    width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:15px;line-height:1;color:#8b838d;
}
.ri-tu-head h4{font-size:19px;font-weight:800;margin:0 0 4px;color:#1a181f;line-height:1.25;}
.ri-tu-sub{font-size:13.5px;color:#8b838d;margin:0;min-height:38px;}

.ri-tu-tabs{display:flex;gap:6px;margin-bottom:14px;}
.ri-tu-tab{
    flex:1;text-align:center;font-family:inherit;font-size:13px;font-weight:700;
    padding:9px 6px;border-radius:5px;border:1px solid #e6e9e9;background:#fff;color:#6f6a72;cursor:pointer;
}
.ri-tu-tab.on{background:#1a181f;border-color:#1a181f;color:#fff;}

.ri-tu-input{
    width:100%;font-family:inherit;font-size:14.5px;padding:13px 14px;
    border:1px solid #e6e9e9;border-radius:5px;color:#1a181f;background:#fff;box-sizing:border-box;
}
.ri-tu-input:focus{outline:none;border-color:#d00025;}
.ri-tu-hint{font-size:12px;color:#8b838d;margin:9px 0 6px;}
.ri-tu-count{font-size:12.5px;color:#6f6a72;margin:12px 0 10px;padding-bottom:8px;border-bottom:1px solid #f0eaeb;}
.ri-tu-state{font-size:13px;border-radius:5px;padding:10px 13px;margin:0 0 4px;}
.ri-tu-state.ok{background:rgba(0,204,33,.08);color:#1a181f;}
.ri-tu-state.stop{background:rgba(208,0,37,.07);color:#1a181f;}

.ri-tu-obj{
    display:flex;align-items:center;gap:12px;width:100%;text-align:left;
    border:1px solid #e6e9e9;background:#fff;border-radius:5px;padding:11px 13px;margin-bottom:8px;
    cursor:pointer;font-family:inherit;
}
.ri-tu-obj:hover{border-color:#d00025;}
.ri-tu-ava{
    width:40px;height:40px;min-width:40px;max-width:40px;
    flex:0 0 40px;box-sizing:border-box;border-radius:4px;background:#f4f7f7;
    object-fit:cover;display:flex;align-items:center;justify-content:center;
    font-size:15px;font-weight:800;color:#afb1b1;
}
.ri-tu-ava.big{width:44px;height:44px;min-width:44px;max-width:44px;flex:0 0 44px;font-size:17px;}
.ri-tu-obj__txt,.ri-tu-picked__txt{flex:1 1 auto;min-width:0;}
.ri-tu-obj{min-height:64px;}
.ri-tu-obj__n{
    display:block;font-size:14px;font-weight:700;color:#1a181f;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ri-tu-obj__m{
    display:block;font-size:12px;color:#8b838d;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ri-tu-obj__pos{
    flex:0 0 auto;font-size:12px;font-weight:700;color:#6f6a72;
    background:#f4f7f7;padding:5px 8px;border-radius:3px;white-space:nowrap;
}
.ri-tu-obj__pos.off,.ri-tu-obj__pos.stop{color:#d00025;background:rgba(208,0,37,.08);}
.ri-tu-obj__pos.ok{color:#0a8a2a;background:rgba(0,204,33,.10);}
.ri-tu-obj__pos.admin{color:#b8760a;background:rgba(250,166,26,.14);}
.ri-tu-balance{
    background:#f4f7f7;border-radius:5px;padding:12px 14px;margin:0 0 12px;font-size:14px;color:#1a181f;
}
.ri-tu-balance span{display:block;font-size:12px;color:#8b838d;margin-top:3px;}
.ri-tu-check{
    display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;
    border:1px solid #e6e9e9;border-radius:5px;padding:12px 14px;cursor:pointer;font-size:13px;color:#1a181f;
}
.ri-tu-check input{margin-top:2px;flex:none;}
.ri-tu-check i{font-style:normal;color:#b8760a;font-size:12px;}

/* Блок выбранного объекта. Восстановлен 04.09.2026: правило чистки старых стилей
   зацепило его по маске «pick» и снесло раскладку — аватар, текст и кнопка
   вставали друг под другом и наезжали. */
.ri-tu-picked{
    display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    border:1px solid #d00025;background:rgba(208,0,37,.04);
    border-radius:5px;padding:11px 13px;margin-bottom:16px;
}
.ri-tu-change{
    background:none;border:0;cursor:pointer;font-family:inherit;padding:0;text-align:left;
    font-size:12.5px;font-weight:600;color:#d00025;text-decoration:underline;
    flex:1 0 100%;margin-top:8px;   /* длинная надпись — уходит на свою строку, ничего не ломает */
}
.ri-tu-change:hover{color:#b60021;}

.ri-tu-line{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px;gap:10px;flex-wrap:wrap;}
.ri-tu-line b{font-size:14px;}
.ri-tu-line span{font-size:13px;color:#6f6a72;}

.ri-tu-sums{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 4px;}
.ri-tu-sum{
    font-family:inherit;font-size:13.5px;font-weight:700;padding:10px 14px;border-radius:5px;
    border:1px solid #e6e9e9;background:#fff;color:#1a181f;cursor:pointer;
}
.ri-tu-sum.on{border-color:#d00025;background:rgba(208,0,37,.06);color:#d00025;}

.ri-tu-note{
    background:#f4f7f7;border-radius:5px;padding:13px 15px;margin:14px 0 4px;
    font-size:13.5px;color:#1a181f;
}
.ri-tu-pay{
    width:100%;margin-top:0;background:#d00025;color:#fff;border:0;cursor:pointer;
    font-family:inherit;font-size:16px;font-weight:800;padding:16px;border-radius:5px;
}
.ri-tu-pay:hover{background:#b60021;}
.ri-tu-pay[disabled]{background:#e6e9e9;color:#afb1b1;cursor:default;}
.ri-tu-fine{font-size:11.5px;color:#8b838d;margin:10px 0 0;text-align:center;}
.ri-tu-err{margin:0 0 10px;}
.ri-tu-err{color:#d00025;font-size:13px;margin:10px 0 0;}
.ri-tu-more{
    width:100%;margin-top:6px;background:#fff;border:1px solid #e6e9e9;border-radius:5px;
    font-family:inherit;font-size:13.5px;font-weight:700;color:#1a181f;padding:12px;cursor:pointer;
}
.ri-tu-more:hover{border-color:#d00025;color:#d00025;}
.ri-tu-more.loading,.ri-tu-more[disabled]{
    color:#8b838d;border-color:#e6e9e9;cursor:default;background:#fafafa;
}
/* кружок-крутилка слева от надписи, чтобы было видно, что идёт загрузка */
.ri-tu-more.loading::before,.ri-tu-loading::before{
    content:'';display:inline-block;vertical-align:-2px;margin-right:8px;
    width:13px;height:13px;border-radius:50%;
    border:2px solid #e6e9e9;border-top-color:#d00025;
    animation:ri-tu-spin .7s linear infinite;
}
@keyframes ri-tu-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){
    .ri-tu-more.loading::before,.ri-tu-loading::before{animation:none;border-top-color:#afb1b1;}
}


@media (max-width:767px){
    .ri-tu-strip{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;margin:-12px 0 14px;}
    .ri-tu-strip__main{margin-right:0;}
    .ri-tu-strip__btn{width:100%;padding:13px;}
                        /* на телефоне — привычная шторка снизу */
    .ri-tu-back{align-items:flex-end;padding:0;}
    .ri-tu-sheet{height:86vh;max-height:86vh;border-radius:12px 12px 0 0;}
    .ri-tu-head{padding:16px 16px 10px;}
    .ri-tu-scroll{padding:0 16px;}
    .ri-tu-foot{padding:12px 16px 16px;}
    .ri-tu-grab{display:block;}
}

/* Баннер «оплата прошла» на возврате с витрины (04.09.2026) */
.ri-tu-done{margin:0 0 16px;padding:14px 18px;border:1px solid #bfe6c8;border-left:4px solid #34a853;border-radius:5px;background:#f0faf2;color:#1a3c22;font-size:14px;line-height:1.5;}
.ri-tu-done a{color:#1a7f37;font-weight:700;white-space:nowrap;text-decoration:underline;}