/* Ready Food — клиентское приложение, дизайн «3D UI/UX» (11.11.2026, по макету владельца «Taxi mobile app»).
   Светлый сиреневый фон, белые карточки с мягкими объёмными тенями, сиреневый акцент, чёрные кнопки-пилюли.
   Подключается ПОСЛЕ ui3d.css только в index.html (клиент). Ночная тема — тёмно-фиолетовая. Разметку и размеры не меняет. */

html body.rfp{
  --acc:#8F2BFF;--acc-d:#7417E6;--acc2:#F2E8FF;--acc3:#E6D4FF;
  --bg:#F5F1FB;--bg2:#FFFFFF;--card:#FFFFFF;--card2:#F4EEFC;--line:#ECE4F6;--line-2:#F4EEFC;
  --ink:#16121F;--text:#16121F;--muted:#6E6780;--faint:#A59DB5;--header:#FFFFFF;
  --yellow:#8F2BFF;--yellow-d:#7417E6;--ember:#8F2BFF;
  --green:#12A06A;--green-soft:#DDF5EA;--red:#E5484D;--red-soft:#FDE6E6;
  --rf-soft:0 18px 36px -18px rgba(80,30,150,.28),0 3px 8px -3px rgba(80,30,150,.10);
  --rf-btn:0 14px 26px -10px rgba(0,0,0,.35),0 2px 0 rgba(255,255,255,.08) inset;
  --disp:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-family:var(--disp)!important;color:var(--ink)!important}
html body.rfp:not(.light){
  --acc:#A45CFF;--acc-d:#8F2BFF;--acc2:#2A1E40;--acc3:#3A2A58;
  --bg:#110C1A;--bg2:#1A1426;--card:#1C1529;--card2:#261D37;--line:#30264A;--line-2:#261D37;
  --ink:#F5F1FB;--text:#F5F1FB;--muted:#A79CBA;--faint:#6F6683;--header:#1C1529;
  --yellow:#A45CFF;--yellow-d:#8F2BFF;--ember:#B57CFF;
  --rf-soft:0 18px 36px -18px rgba(0,0,0,.8),0 3px 8px -3px rgba(0,0,0,.5);}

/* фон */
html:has(body.rfp){background:var(--bg,#F5F1FB)}
html body.rfp::before{background:
  radial-gradient(120% 55% at 90% -8%,rgba(176,110,255,.30),transparent 60%),
  radial-gradient(90% 45% at -10% 8%,rgba(143,43,255,.14),transparent 62%),
  linear-gradient(180deg,#F8F4FD,#F1ECF8)!important}
html body.rfp:not(.light)::before{background:
  radial-gradient(120% 55% at 90% -8%,rgba(143,43,255,.30),transparent 60%),
  radial-gradient(90% 45% at -10% 8%,rgba(120,60,220,.18),transparent 62%),
  linear-gradient(180deg,#160F22,#0E0A16)!important}
html body.rfp h2,html body.rfp h3,html body.rfp .ptitle,html body.rfp .chello,html body.rfp .sheet-name,html body.rfp .idt-nm{color:var(--ink)!important;font-family:var(--disp)!important;letter-spacing:-.02em}
html body.rfp .muted,html body.rfp .fl,html body.rfp label.fl{color:var(--muted)!important}

/* шапка — белое «стекло» */
html body.rfp .chead{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:0!important;box-shadow:0 10px 30px -18px rgba(80,30,150,.35)!important;border-radius:0 0 24px 24px}
html body.rfp:not(.light) .chead{background:rgba(28,21,41,.82)!important}
html body.rfp .brand,html body.rfp .burger,html body.rfp .themebtn{color:var(--ink)!important}
html body.rfp .brand b{color:var(--acc)!important}
html body.rfp .burger,html body.rfp .themebtn{width:42px;height:42px;border-radius:50%!important;background:var(--card)!important;
  display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;box-shadow:var(--rf-soft)!important}
html body.rfp .burger.hidden{display:none!important}
html body.rfp .langs{background:var(--card2)!important;box-shadow:none!important}
html body.rfp .langs button{color:var(--muted)!important}
html body.rfp .langs button.on{background:var(--acc)!important;color:#fff!important;box-shadow:0 8px 16px -8px var(--acc)!important}

/* поверхности */
html body.rfp .card,html body.rfp .citem,html body.rfp .total,html body.rfp .box,html body.rfp .modal-box,html body.rfp .scart-row,html body.rfp .stat{
  background:var(--card)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:var(--rf-soft)!important}
html body.rfp .total .val{color:var(--ink)!important}

/* кнопки: главная — чёрная пилюля, второстепенная — сиреневая */
html body.rfp .btn{background:#151515!important;color:#fff!important;border-radius:999px!important;font-family:var(--disp)!important;
  font-weight:700!important;letter-spacing:.1px;box-shadow:var(--rf-btn)!important;border:0!important}
html body.rfp:not(.light) .btn{background:#fff!important;color:#151515!important}
html body.rfp .btn:active{transform:translateY(2px) scale(.995)}
html body.rfp .btn.sec{background:var(--acc2)!important;color:var(--acc)!important;box-shadow:none!important}
html body.rfp .btn.red{background:var(--red)!important;color:#fff!important}
html body.rfp .back{background:var(--card)!important;color:var(--ink)!important;border-radius:999px!important;box-shadow:var(--rf-soft)!important}

/* поля ввода */
html body.rfp input[type=text],html body.rfp input[type=tel],html body.rfp input[type=password],html body.rfp input[type=number],html body.rfp select,html body.rfp textarea,html body.rfp .addr-inp{
  background:var(--card)!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;border-radius:16px!important;box-shadow:0 6px 16px -12px rgba(80,30,150,.3)!important}
html body.rfp input:focus,html body.rfp select:focus,html body.rfp textarea:focus{border-color:var(--acc)!important;box-shadow:0 0 0 4px rgba(143,43,255,.14)!important}
html body.rfp input::placeholder,html body.rfp textarea::placeholder{color:var(--faint)!important}
html body.rfp .phone{background:var(--card)!important;border:1.5px solid var(--line)!important;border-radius:16px!important;box-shadow:0 6px 16px -12px rgba(80,30,150,.3)!important}
html body.rfp .phone:focus-within{border-color:var(--acc)!important;box-shadow:0 0 0 4px rgba(143,43,255,.14)!important}
html body.rfp .phone span{background:var(--card2)!important;color:var(--ink)!important}
html body.rfp .phone input{border:0!important;box-shadow:none!important;background:transparent!important}
html body.rfp .ya-sbar input{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}

/* значок-логотип на входе */
html body.rfp .badge{background:linear-gradient(145deg,#B06EFF,#7417E6)!important;box-shadow:0 18px 34px -10px rgba(143,43,255,.6),0 1px 0 rgba(255,255,255,.5) inset!important;border-radius:22px!important}

/* категории и подкатегории */
html body.rfp .chip{background:var(--card)!important;color:var(--muted)!important;border-radius:999px!important;box-shadow:var(--rf-soft)!important;font-family:var(--disp)}
html body.rfp .chip.on{background:var(--acc)!important;color:#fff!important;box-shadow:0 12px 22px -10px var(--acc)!important}
html body.rfp .subchip{background:var(--card)!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;border-radius:22px!important;box-shadow:var(--rf-soft)!important}
html body.rfp .subchip .sc-ic{background-color:var(--card2)!important}
html body.rfp .subchip.on{border-color:var(--acc)!important;background:var(--acc2)!important;box-shadow:0 0 0 1px var(--acc) inset,var(--rf-soft)!important}

/* карточки блюд */
html body.rfp .prod .ph{background-color:var(--card)!important;border-radius:22px!important;box-shadow:var(--rf-soft)!important;color:var(--faint)!important}
html body.rfp .prod .add{background:var(--acc)!important;color:#fff!important;box-shadow:0 10px 18px -8px var(--acc),0 1px 0 rgba(255,255,255,.35) inset!important}
html body.rfp .prod .pr{color:var(--ink)!important}
html body.rfp .prod .nm{color:var(--ink)!important}
html body.rfp .prod .wt{color:var(--muted)!important}
html body.rfp .combo-badge{background:var(--acc)!important}
html body.rfp .fav{background:rgba(255,255,255,.85)!important;color:#8B83A0!important;box-shadow:0 6px 14px -6px rgba(80,30,150,.4)}
html body.rfp .fav.on{color:#FF3B5C!important}
html body.rfp #shopGrid .idt{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:26px!important;box-shadow:var(--rf-soft)!important}
html body.rfp .idt-ph,html body.rfp .sheet-img{background-color:var(--card2)!important}
html body.rfp .idt-size,html body.rfp .sh-sizes button,html body.rfp .dk-sizes button{background:var(--card)!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;border-radius:18px!important}
html body.rfp .idt-size.pop,html body.rfp .idt-size:active,html body.rfp .sh-sizes button.on,html body.rfp .dk-sizes button.pop,html body.rfp .dk-sizes button:active{border-color:var(--acc)!important;background:var(--acc2)!important;box-shadow:0 0 0 1px var(--acc) inset!important}
html body.rfp .sh-sizes button span,html body.rfp .idt-size small{color:var(--muted)!important}
html body.rfp .idt-pr i{background:var(--acc)!important;color:#fff!important}
html body.rfp .dk-logo{box-shadow:var(--rf-soft)!important;border-radius:20px!important}

/* акции */
html body.rfp .dcard{border-radius:24px!important;box-shadow:0 18px 34px -16px rgba(80,30,150,.45)!important}
html body.rfp .dcard .dpct{background:var(--acc)!important}
html body.rfp .dcard .dadd{background:#fff!important;color:#151515!important;border-radius:999px!important}

/* корзина */
html body.rfp .qty,html body.rfp .stepper{background:var(--card2)!important;border-radius:999px!important}
html body.rfp .qty button,html body.rfp .stepper button{color:var(--ink)!important;background:var(--card)!important;border-radius:50%!important;box-shadow:0 6px 12px -8px rgba(80,30,150,.4)!important}
html body.rfp .cartbar{background:#151515!important;color:#fff!important;border-radius:999px!important;padding:12px 64px 12px 20px!important;
  box-shadow:0 20px 36px -14px rgba(0,0,0,.55),0 8px 20px -10px rgba(143,43,255,.5)!important}
html body.rfp .cartbar::after{content:"↗";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:#151515;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800}
html body.rfp .cartbar .cb-count{background:var(--acc)!important;color:#fff!important;border-radius:50%!important;box-shadow:none!important}
html body.rfp .dn-ph{background:var(--card2)!important;border-radius:16px!important}

/* шторка товара */
html body.rfp .sheet-card{background:var(--card)!important;border-radius:30px 30px 0 0!important;box-shadow:0 -24px 60px -16px rgba(80,30,150,.35)!important}
html body.rfp .sheet-back{background:rgba(30,10,60,.45)!important;backdrop-filter:blur(3px)}
html body.rfp .sheet-x{background:#fff!important;color:#151515!important;box-shadow:var(--rf-soft)!important}
html body.rfp .sheet-bottom{border-top:1px solid var(--line)!important}
html body.rfp .ing-row{border-color:var(--line)!important}

/* меню слева */
html body.rfp .drawer{background:var(--card)!important;border-radius:0 28px 28px 0;box-shadow:20px 0 50px -20px rgba(80,30,150,.45)!important}
html body.rfp .drawer-back{background:rgba(30,10,60,.4)!important}
html body.rfp .navitem{color:var(--ink)!important;border-radius:16px!important}
html body.rfp .navitem:active,html body.rfp .navitem.active{background:var(--acc2)!important;color:var(--acc)!important;box-shadow:none!important}

/* статусы заказов */
html body.rfp .ostatus{border-radius:999px!important;box-shadow:none!important}
html body.rfp .ostatus.new{background:var(--acc2)!important;color:var(--acc)!important}
html body.rfp .ostatus.acc{background:#E5F0FF!important;color:#2F6FE0!important}
html body.rfp .ostatus.ready{background:var(--green-soft)!important;color:var(--green)!important}
html body.rfp .ostatus.done{background:var(--card2)!important;color:var(--muted)!important}

/* уведомление */
html body.rfp .toast{background:#151515!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)!important}
html body.rfp .toast.err{background:var(--red)!important}

/* доводка 11.11.2026 */
html body.rfp .btn::before,html body.rfp .btn::after{display:none!important}
html body.rfp .card a,html body.rfp .cwrap a{color:var(--acc)!important}
html body.rfp .brand{white-space:nowrap}
html body.rfp .burger,html body.rfp .themebtn{width:38px!important;height:38px!important;font-size:18px!important}