/* Dovis v21 — designul nou, comun tuturor aplicațiilor (client, pizzerie, manager, livrator):
   „sticlă” translucidă peste un fundal cald, butoane rotunjite, comutatoare care alunecă.
   Se încarcă DUPĂ celelalte foi de stil și schimbă doar aspectul. */
:root {
  --glass: rgba(255, 252, 248, .62); --glass-strong: rgba(255, 252, 248, .84); --glass-line: rgba(255, 255, 255, .78); --glass-edge: rgba(35, 26, 21, .08);
  --glass-dark: rgba(35, 26, 21, .80); --glass-dark-line: rgba(255, 255, 255, .12);
  --sheen: linear-gradient(160deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .06) 45%, rgba(255, 255, 255, 0) 60%);
  --gshadow: 0 10px 30px rgba(60, 30, 15, .13), 0 1px 2px rgba(60, 30, 15, .07);
  --orb1: rgba(217, 23, 18, .26); --orb2: rgba(255, 166, 64, .34); --orb3: rgba(120, 160, 90, .16);
  --r-lg: 24px; --r-md: 18px; --r-sm: 14px;
  --spring: cubic-bezier(.34, 1.36, .64, 1);
}
body, .staff { background: #EFE9E1; }
body::after { content: ""; position: fixed; inset: -10%; z-index: -1; pointer-events: none;
  background: radial-gradient(40% 30% at 12% 8%, var(--orb2), transparent 70%), radial-gradient(45% 35% at 92% 28%, var(--orb1), transparent 70%),
    radial-gradient(40% 30% at 28% 88%, var(--orb3), transparent 70%), radial-gradient(35% 30% at 88% 92%, var(--orb2), transparent 70%); filter: blur(10px); }
.shell { background: transparent; }
@media (min-width: 700px) { body { background: #E9E2D8; } .shell { box-shadow: none; } }

/* suprafețe de sticlă */
.abar, .cats, .cartbar, .sheet-box, .box, .install, .notice, .pickup-box, .vbox, .sg, .sauce, .agecheck, .pushbox, .rcard, .hlist button,
.stats div, .order, .vrowa, .rsec, .banner, .mlist section, .cform, .ctot, .note, .lv, .lv-wait, .mbar button, .glass {
  background: var(--glass); -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);
  border: 1px solid var(--glass-line); box-shadow: var(--gshadow), inset 0 1px 0 var(--glass-line), inset 0 -1px 0 var(--glass-edge);
}

/* cardurile din listele lungi: fără blur (telefoanele mai vechi rămân rapide) */
.order, .stats div, .vrowa, .lv, .hlist button, .note, .rsec, .mlist section, .pcard, .sg { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255, 252, 248, .84); }

/* bare de sus */
.abar { top: env(safe-area-inset-top, 0px); margin: 0; height: 64px; border-radius: 0 0 24px 24px; border-top: 0; padding: 0 14px 0 18px; }
.sbar { background: var(--glass-dark); -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); border-bottom: 1px solid var(--glass-dark-line); }
.hist-btn { border-radius: 999px; border-color: transparent; background: var(--glass-strong); box-shadow: inset 0 0 0 1px var(--glass-edge); }

/* butoane */
.btn { border-radius: 999px; transition: background-color .2s, color .2s, transform .3s var(--spring), box-shadow .2s; }
.btn:active { transform: scale(.97); }
.btn-red { box-shadow: 0 8px 20px rgba(217, 23, 18, .28), inset 0 1px 0 rgba(255, 255, 255, .28); }
.btn-dark { box-shadow: 0 8px 20px rgba(35, 26, 21, .22), inset 0 1px 0 rgba(255, 255, 255, .14); }
.btn-green { box-shadow: 0 8px 20px rgba(47, 125, 79, .28), inset 0 1px 0 rgba(255, 255, 255, .25); }
.btn-line { border: 1px solid var(--glass-line); background: var(--glass); box-shadow: inset 0 0 0 1px var(--glass-edge); }
.add, .sg-add { border-radius: 999px; box-shadow: 0 6px 14px rgba(217, 23, 18, .3); transition: transform .3s var(--spring); }
.x { border-radius: 999px; border: 1px solid var(--glass-line); background: var(--glass-strong); box-shadow: var(--gshadow); }
.qty { gap: 6px; }
.qty button { border-radius: 999px; border: 1px solid var(--glass-line); background: var(--glass-strong); box-shadow: 0 2px 6px rgba(60, 30, 15, .1); }
.qty .rm { border-color: var(--red); }

/* câmpuri */
.fi { border-radius: var(--r-sm); border: 1px solid var(--glass-line); background: var(--glass-strong); box-shadow: inset 0 1px 2px rgba(60, 30, 15, .08); }
.fi:focus { border-color: var(--red); box-shadow: 0 0 0 4px rgba(217, 23, 18, .12); }
.vbox { padding: 12px 14px 14px; border-radius: var(--r-md); }
.vbox .vrow .btn { min-height: 48px; }
.vbox.on { background: rgba(47, 125, 79, .1); border-color: var(--open); }

/* butoane-opțiuni (chips) */
.opt { border-radius: 999px; border: 1px solid var(--glass-line); background: var(--glass); box-shadow: inset 0 0 0 1px var(--glass-edge); transition: background .2s, color .2s, transform .3s var(--spring); }
.opt[aria-pressed="true"] { background: var(--char); color: var(--flour); border-color: var(--char); transform: scale(1.03); }
.opt[aria-pressed="true"] em { color: inherit; opacity: .75; }
fieldset.multi .opt.chk[aria-pressed="true"]::before { content: "✓ "; }
fieldset.dep { border-radius: var(--r-md); border: 1px solid var(--glass-line); border-left: 3px solid var(--red); background: var(--glass); }

/* comutatoare cu „bilă” care alunecă (glass.js pune .gthumb sub butonul ales) */
.otype, .tabs, .times, .gseg { position: relative; isolation: isolate; }
.views, .lv-sub { isolation: isolate; }   /* rămân lipite sus (sticky) */
.gthumb { position: absolute; z-index: 0; left: 0; top: 0; border-radius: 999px; pointer-events: none; background: var(--glass-strong);
  box-shadow: 0 4px 14px rgba(60, 30, 15, .16), inset 0 1px 0 var(--glass-line); transition: transform .45s var(--spring), width .45s var(--spring), height .3s; }
.otype > button, .tabs > button, .views > button, .times > button, .lv-sub > button, .gseg > button { position: relative; z-index: 1; }
.otype, .gseg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 0; padding: 4px; border-radius: 999px; background: var(--glass); border: 1px solid var(--glass-line); box-shadow: var(--gshadow), inset 0 1px 0 var(--glass-line); }
.otype button, .gseg button { border: 0; background: transparent; border-radius: 999px; text-align: center; padding: 8px 10px; min-height: 44px; }
.otype [aria-checked="true"] { background: transparent; border-color: transparent; }
.otype [aria-checked="true"] b { color: var(--char); }
.otype .gthumb, .gseg .gthumb { background: var(--glass-strong); }
.gseg button { font-weight: 700; font-stretch: 88%; font-size: 15px; color: var(--ash); transition: color .25s; }
.gseg button[aria-pressed="true"], .gseg button[aria-checked="true"] { color: var(--char); }
.gseg.sm button { min-height: 38px; font-size: 14px; padding: 6px; }
.tabs { gap: 0; margin: 12px 18px; padding: 4px; border-radius: 999px; background: var(--glass); border: 1px solid var(--glass-line); box-shadow: var(--gshadow), inset 0 1px 0 var(--glass-line); }
.tabs button { border: 0; background: transparent; border-radius: 999px; min-height: 42px; color: var(--ash); transition: color .25s; }
.tabs button[aria-pressed="true"] { background: transparent; color: #fff; }
.tabs .gthumb { background: var(--char); box-shadow: 0 6px 16px rgba(35, 26, 21, .25), inset 0 1px 0 rgba(255, 255, 255, .15); }
.views { background: var(--glass-dark); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: 4px 18px 12px; gap: 2px; }
.views button, .views button:first-child, .views button:last-child { background: transparent; border-radius: 999px; transition: color .25s; }
.views button[aria-pressed="true"] { background: transparent; color: var(--char); }
.views .gthumb { background: var(--flour); box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }
.times { gap: 0; padding: 4px; border-radius: 999px; background: var(--glass); border: 1px solid var(--glass-line); }
.times button { border: 0; background: transparent; border-radius: 999px; min-height: 42px; transition: color .25s; }
.times button[aria-pressed="true"] { background: transparent; color: #fff; border-color: transparent; }
.times .gthumb { background: var(--open); box-shadow: 0 6px 14px rgba(47, 125, 79, .3); }
.lv-sub { background: var(--glass-dark); gap: 2px; }
.lv-sub button, .lv-sub button[aria-pressed="true"] { background: transparent; border-radius: 999px; }
.lv-sub button[aria-pressed="true"] { color: var(--char); }
.lv-sub .gthumb { background: var(--flour); }

/* comutator on/off (pizzerie: produse, vouchere; client: „Fă-l meniu”) */
.toggle i { width: 54px; height: 32px; border-radius: 999px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); }
.toggle i::after { top: 3px; left: 3px; width: 26px; height: 26px; box-shadow: 0 3px 8px rgba(0, 0, 0, .25), inset 0 1px 0 #fff; transition: left .45s var(--spring), width .2s; }
.toggle[aria-pressed="true"] i::after { left: 25px; }
.toggle:active i::after { width: 32px; }
.toggle[aria-pressed="true"]:active i::after { left: 19px; }
.gsw { position: relative; width: 58px; height: 34px; flex: none; border: 0; border-radius: 999px; padding: 0; background: rgba(120, 110, 100, .28); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18); transition: background .3s; cursor: pointer; }
.gsw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 28px; height: 28px; border-radius: 999px; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, .25), inset 0 1px 0 #fff; transition: transform .45s var(--spring), width .2s; }
.gsw[aria-checked="true"] { background: var(--red); }
.gsw[aria-checked="true"]::after { transform: translateX(24px); }
.gswrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; padding: 12px 14px; border-radius: var(--r-sm); background: var(--glass); border: 1px solid var(--glass-line); }
.gswrow b { display: block; font-size: 16px; font-stretch: 88%; }
.gswrow span { display: block; font-size: 13px; color: var(--ash); }

/* glisează ca să trimiți */
.gslide { position: relative; height: 60px; border-radius: 999px; overflow: hidden; background: var(--red); box-shadow: 0 8px 20px rgba(217, 23, 18, .3), inset 0 1px 0 rgba(255, 255, 255, .28); touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; }
.gslide .gfill { position: absolute; inset: 0 auto 0 0; width: 60px; border-radius: 999px; background: rgba(255, 255, 255, .18); }
.gslide .glbl { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0 16px 0 66px; color: #fff; font-weight: 800; font-size: 16px; font-stretch: 92%; white-space: nowrap; }
.gslide .gknob { position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; border-radius: 999px; display: grid; place-items: center; background: #fff; color: var(--red); font-size: 22px; font-weight: 900; box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }
.gslide.back .gknob, .gslide.back .gfill { transition: transform .45s var(--spring), width .45s var(--spring); }
.gslide.done { background: var(--open); }
#sendT:not(:empty)::before { content: "· "; }
.gslide.done .gknob { color: var(--open); }
.gslide.off { background: #B9AFA6; box-shadow: none; cursor: not-allowed; }
.gslide.off .gknob { color: #B9AFA6; }

/* ferestre de jos */
.sheet { background: rgba(20, 12, 8, .32); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); animation: gfade .25s; }
.sheet-box { background: var(--glass-strong); border-radius: 28px 28px 0 0; border-bottom: 0; animation: gup .45s var(--spring); }
.sheet-box::before { content: ""; display: block; width: 44px; height: 5px; border-radius: 999px; background: rgba(35, 26, 21, .16); margin: 8px auto 0; flex: none; }
.sh h2 { color: var(--char); font-size: 36px; font-stretch: 62%; font-weight: 900; }
.sf { background: transparent; border-top-color: rgba(35, 26, 21, .08); }
@keyframes gup { from { transform: translateY(35%); opacity: .4; } }
@keyframes gfade { from { opacity: 0; } }
.toast { border-radius: 999px; animation: gup .4s var(--spring); }

/* ---------- aplicația clientului ---------- */
.hello { padding: 18px 12px 16px; }
.ghero { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 1 / .95; max-width: 100%; box-shadow: var(--gshadow); background: #E2D8CC; }
.ghero > img { width: 100%; height: 100%; object-fit: cover; }
.ghero .glass { position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 16px 18px; border-radius: var(--r-md); }
.ghero h1 { font-size: 48px; font-stretch: 62%; font-weight: 900; line-height: .9; margin: 0; text-wrap: balance; }
.ghero p { margin-top: 8px; font-size: 14px; color: var(--ash); }
.hello .hello-links { margin-top: 12px; padding: 0 6px; }
.notice, .install, .promo, .active-order { margin-left: 12px; margin-right: 12px; border-radius: var(--r-md); }
.active-order { width: calc(100% - 24px); background: var(--glass-dark); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: var(--gshadow); }
.promo { box-shadow: 0 10px 24px rgba(217, 23, 18, .28), inset 0 1px 0 rgba(255, 255, 255, .25); }
.promo .btn { box-shadow: none; }
.cats { top: calc(env(safe-area-inset-top, 0px) + 66px); margin: 6px 12px 0; padding: 5px; gap: 2px; border-radius: 999px; }
.cats a { position: relative; z-index: 1; border-radius: 999px; transition: color .25s; }
.cats a[aria-current] { background: transparent; color: #fff; }
.cats .gthumb { background: var(--red); box-shadow: 0 4px 14px rgba(217, 23, 18, .32), inset 0 1px 0 rgba(255, 255, 255, .3); }
.menu { padding-left: 12px; padding-right: 12px; }
.cat { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + 150px); }
.cat h2 { color: var(--char); font-size: 36px; font-stretch: 62%; font-weight: 900; }
.cat-note { padding: 0 2px; }
.cat ul { border-radius: var(--r-md); background: var(--glass); border: 1px solid var(--glass-line); box-shadow: var(--gshadow); -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); overflow: hidden; }
.cat li { padding: 12px 12px; }
.cat li + li { border-top: 1px solid rgba(35, 26, 21, .07); }
.pth { width: 60px; height: 60px; flex: none; border-radius: 16px; overflow: hidden; background: #E9DFD4; }
.pth img { width: 100%; height: 100%; object-fit: cover; }
.gpic { display: grid; place-items: center; width: 100%; height: 100%; color: var(--red); background: radial-gradient(70% 70% at 30% 25%, rgba(255, 255, 255, .6), transparent), linear-gradient(145deg, rgba(217, 23, 18, .10), rgba(255, 166, 64, .16)); }
.gpic svg { width: 46%; height: 46%; }
.cat ul.pgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; overflow: visible; }
.cat ul.pgrid li { padding: 0; border: 0; }
.pcard { display: flex; flex-direction: column; width: 100%; text-align: left; padding: 0; border: 1px solid var(--glass-line); border-radius: var(--r-md); overflow: hidden; background: var(--glass-strong); box-shadow: var(--gshadow); cursor: pointer; transition: transform .3s var(--spring); min-width: 0; }
.pcard:active { transform: scale(.97); }
.pcard[disabled] { opacity: .5; cursor: not-allowed; }
.pcard .ph { position: relative; aspect-ratio: 1; max-width: 100%; background: #E9DFD4; }
.pcard .ph img { width: 100%; height: 100%; object-fit: cover; }
.pcard .add { position: absolute; right: 8px; bottom: 8px; width: 40px; height: 40px; display: grid; place-items: center; font-size: 24px; background: rgba(217, 23, 18, .88); border: 1px solid rgba(255, 255, 255, .45); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.pcard .tx { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; min-width: 0; }
.pcard b { font-size: 18px; font-stretch: 78%; font-weight: 850; line-height: 1.1; }
.pcard .ds { font-size: 12px; color: var(--ash); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pcard em { font-style: normal; font-weight: 800; font-size: 15px; margin-top: 4px; font-variant-numeric: tabular-nums; }
.pcard .off-tag { color: var(--red); font-weight: 700; font-size: 12px; }
.cartbar { width: calc(100% - 24px); border-radius: 999px; padding: 8px 8px 8px 18px; background: var(--glass-dark); -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); border: 1px solid var(--glass-dark-line); }
.cartbar > span:last-child { padding: 11px 16px; border-radius: 999px; background: var(--red); color: #fff; box-shadow: 0 6px 16px rgba(217, 23, 18, .35), inset 0 1px 0 rgba(255, 255, 255, .3); }
.cartbar .n { border-radius: 999px; }
.cartbar.gbump { animation: gbump .5s var(--spring); }
@keyframes gbump { 40% { transform: translateX(-50%) scale(1.04); } }
.gbig { position: relative; margin: -4px -18px 14px; aspect-ratio: 1.3; max-width: calc(100% + 36px); overflow: hidden; background: #E9DFD4; }
.gbig img { width: 100%; height: 100%; object-fit: cover; }
.gbig + .hint { margin-top: 0; }
.lines li { align-items: center; }
.lines .pth { width: 52px; height: 52px; border-radius: 14px; }
.lines li > div:first-of-type { flex: 1; min-width: 0; }
.costs { border-top: 0; padding: 4px 14px; border-radius: var(--r-sm); background: var(--glass); border: 1px solid var(--glass-line); }
.costs .tot { border-top: 1px solid rgba(35, 26, 21, .12); }
.eta { border-radius: var(--r-md); background: var(--glass-dark); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.status, .hist { padding-left: 14px; padding-right: 14px; }
.box { border-radius: var(--r-md); }
.sg, .sauce, .agecheck, .pushbox, .rcard, .hlist button, .pickup-box { border-radius: var(--r-md); }
.sugg-row { padding: 4px 4px 16px; margin: 0 -4px; }   /* umbra cardurilor nu mai e tăiată */
.sauce .sq { width: calc(100% + 28px); margin: -14px -14px 8px; aspect-ratio: 1.7; max-width: none; overflow: hidden; }
.sauce .sq img { width: 100%; height: 100%; object-fit: cover; }
.tag { border-radius: 999px; padding: 4px 9px; }

/* ---------- aplicațiile personalului ---------- */
.stats div { border-radius: var(--r-md); }
.order { border-radius: var(--r-lg); border-width: 1px; }
.order.new { border: 2px solid var(--red); }
.order.pickup { border-color: #1F5FA8; }
.otype-band { border-radius: 0; }
.who { border-radius: var(--r-sm); background: rgba(255, 255, 255, .55); }
.reasons button { border-radius: var(--r-sm); border: 1px solid var(--glass-line); background: var(--glass-strong); }
.banner { border-radius: var(--r-sm); border-left: 3px solid var(--red); }
.rsec { border-radius: var(--r-md); }
.rbar i { border-radius: 6px 6px 2px 2px; }
.vrowa { margin-bottom: 8px; padding: 12px 14px; border-radius: var(--r-sm); border-bottom: 1px solid var(--glass-line); }
.mlist section { padding: 4px 14px 8px; border-radius: var(--r-md); }
.mrow:last-child { border-bottom: 0; }
.mcat { border-bottom-color: rgba(35, 26, 21, .15); }
.mcat h2, .adm h2 { color: var(--char); }
.pins { margin: 10px 12px 0; border-radius: var(--r-md); border: 1px solid rgba(255, 243, 214, .9); background: rgba(255, 243, 214, .82); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: var(--gshadow); }
.cform, .ctot, .note { border-radius: var(--r-sm); }
.login, .start { padding-left: 22px; padding-right: 22px; }
.mbar button { border-radius: 999px; }
.mrow .mth { width: 46px; height: 46px; flex: none; border-radius: 12px; overflow: hidden; background: #E9DFD4; }
.mrow .mth img { width: 100%; height: 100%; object-fit: cover; }
.mrow .mth.none { border: 2px dashed rgba(35, 26, 21, .2); background: transparent; }
.mrow .mth.none .gpic { background: none; color: var(--ash); }
.mname .nophoto { color: var(--amber); font-weight: 700; }
.gdrop { position: relative; aspect-ratio: 1; max-width: 100%; margin-top: 4px; border-radius: var(--r-md); overflow: hidden; border: 2px dashed rgba(35, 26, 21, .2); display: grid; place-items: center; text-align: center; background: var(--glass); }
.gdrop.has { border: 0; }
.gdrop > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gdrop .hint { display: flex; flex-direction: column; gap: 6px; align-items: center; padding: 20px; margin: 0; }
.gdrop .hint svg { width: 52px; height: 52px; color: var(--red); }
.gdrop.over { border-color: var(--red); }
.gtwo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.gfile { position: relative; overflow: hidden; }
.gfile input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
/* livrator */
.lv { border-radius: var(--r-lg); border-width: 1px; }
.lv.ready { border: 2px solid var(--red); }
.lv.road { border: 2px solid var(--amber); }
.lv-h { background: var(--glass-dark); }
.lv-nav a { border-radius: 999px; border: 1px solid var(--glass-line); background: var(--glass-strong); }
.lv-tel { border-radius: 999px; box-shadow: 0 8px 20px rgba(47, 125, 79, .3); }
.lv-pay { border-radius: var(--r-sm); border: 1px solid var(--glass-line); background: rgba(255, 255, 255, .6); }
.lv-note { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.lv-acts .btn.done { box-shadow: none; }

@media (prefers-reduced-motion: reduce) { .gthumb, .gslide .gknob, .gslide .gfill { transition: none !important; } }

/* v21.2: extra pe grupe, într-o secțiune care se deschide la atingere */
.xset { padding: 0; border-radius: var(--r-md); background: var(--glass); border: 1px solid var(--glass-line); overflow: hidden; }
.xtoggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 14px 16px; border: 0; background: none; text-align: left; cursor: pointer; }
.xtoggle b { display: block; font-size: 17px; font-stretch: 88%; }
.xtoggle small { display: block; font-size: 13px; color: var(--ash); }
.xtoggle i { width: 34px; height: 34px; flex: none; border-radius: 999px; display: grid; place-items: center; font-style: normal; font-size: 20px; font-weight: 700; background: var(--char); color: var(--flour); }
.xset .xhead { padding: 4px 16px 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ash); }
.xset .opts { padding: 0 16px 12px; }
/* căutare în meniu */
.msearch { position: relative; margin: 12px 0 0; }
.msearch input { width: 100%; padding: 13px 44px 13px 44px; border-radius: 999px; border: 1px solid var(--glass-line); background: var(--glass-strong); box-shadow: var(--gshadow); font: inherit; font-size: 16px; color: var(--char); -webkit-appearance: none; appearance: none; }
.msearch input:focus { outline: none; border-color: var(--red); box-shadow: 0 0 0 4px rgba(217, 23, 18, .12); }
.msearch svg { position: absolute; left: 16px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--ash); pointer-events: none; }
.msearch button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 999px; border: 0; background: rgba(35, 26, 21, .08); font-size: 16px; cursor: pointer; }
.msearch-none { padding: 30px 8px 10px; text-align: center; color: var(--ash); }