:root{--bg:#ffffff;--card:#ffffff;--soft:#f4f6f8;--line:rgba(15,23,42,.10);--muted:#5b6574;--orange:#ff9f0a;--pink:#ff3b68;--green:#04cf5c;--text:#0f172a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{border:0;color:inherit;cursor:pointer;background:none}.phone-shell{max-width:430px;margin:0 auto;min-height:100svh;background:var(--bg);position:relative;overflow-x:hidden}.screen{min-height:100svh;animation:in .18s ease both}.with-nav{padding-bottom:112px}@keyframes in{from{opacity:.5}to{opacity:1}}
.lang-hero{height:48svh;position:relative;overflow:hidden}.lang-hero img{width:100%;height:100%;object-fit:cover}.lang-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.08),var(--bg))}.lang-card{padding:0 26px 40px;text-align:center;margin-top:-20px;position:relative}.lang-card h1{font-size:34px;line-height:1.05;margin:0 0 10px}.lang-card p{color:var(--muted);margin:0 0 26px}.lang-card button{width:100%;height:58px;border-radius:22px;background:var(--card);border:1px solid var(--line);margin-bottom:12px;font-weight:800}
.menu-top{position:relative;background:#050505}.brand-row{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 10px}.brand-row h1{margin:0;font-size:22px}.brand-row p{margin:3px 0 0;color:#777;font-size:12px}.tiny{width:40px;height:40px;border-radius:15px;background:#1b1b1b;border:1px solid var(--line)}.sticky-search{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.96);backdrop-filter:blur(18px);padding:8px 18px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.search-wrap{height:46px;border-radius:16px;background:#141414;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px}.search-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff}.search-wrap span{color:#737b87}.categories-row{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;padding:12px 18px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.categories-row::-webkit-scrollbar{display:none}.category{color:#aaa;min-width:72px;text-align:center;font-size:13px}.category.active{color:var(--orange)}.promo-card{margin:18px 18px 18px;min-height:138px;border-radius:24px;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.15)),url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=900') center/cover;border:1px solid rgba(255,159,10,.45);display:flex;align-items:flex-end;justify-content:space-between;padding:18px;overflow:hidden}.promo-card .eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin:0 0 8px}.promo-card h2{margin:0 0 4px;font-size:20px}.promo-card p{margin:0;color:#ddd;font-size:14px}.promo-card strong{color:var(--orange);font-size:22px}.dish-list{padding:0 18px 24px;display:grid;gap:18px}.dish-card{background:linear-gradient(145deg,#1b1b1b,#141414);border:1px solid var(--line);border-radius:28px;overflow:hidden}.dish-image{height:176px;position:relative}.dish-image img{width:100%;height:100%;object-fit:cover}.heart{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.16);font-size:22px}.heart.active{color:#ff4568}.badges{position:absolute;left:12px;top:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 92px)}.badge{background:var(--pink);border-radius:9px;padding:6px 10px;text-transform:uppercase;font-weight:800;font-size:11px;line-height:1}.badge--chef{background:var(--orange);color:#111}.badge--gluten{background:var(--green);color:#07140c}.badge--spicy{background:var(--pink)}.badge--new{background:#6f5bff}.badge--vegan{background:var(--green);color:#07140c}.badge--fish{background:#3aa0ff}.badge--lactose{background:#f5c542;color:#1a1303}.badge--nut{background:#c08457}.dish-body{padding:16px}.dish-top{display:flex;justify-content:space-between;gap:14px}.dish-top h3{margin:0;font-size:17px}.price{text-align:right;white-space:nowrap}.price strong{display:block;color:var(--orange)}.price small{color:#666}.dish-body p{color:#a7a7a7;line-height:1.45}.detail-hero{height:50svh;position:relative}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),#050505)}.floating{position:absolute;z-index:2;top:18px}.left{left:18px}.right{right:18px}.detail-card{position:relative;margin:-36px 18px 0;background:#161616;border:1px solid var(--line);border-radius:28px;padding:20px}.detail-card h1{margin:0;font-size:25px}.detail-desc{color:#d0d0d0;line-height:1.6}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-box{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:16px;padding:12px}.info-box small{color:#777}.info-box p{margin:6px 0 0;font-size:13px;color:#ddd}.action-btn{width:100%;height:52px;border-radius:14px;background:var(--green);font-weight:900;margin-top:14px}.secondary-btn{width:100%;height:52px;border-radius:14px;background:#242424;color:#8b929e;font-weight:800;margin-top:10px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;margin:0 auto;width:100%;max-width:430px;height:84px;background:#101010;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:80;padding:7px 10px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(0,0,0,.42)}.bottom-nav button{width:70px;color:#878787;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav span{width:46px;height:46px;border-radius:16px;background:#191919;display:grid;place-items:center;font-size:22px}.bottom-nav small{font-size:11px}.bottom-nav button.active span{background:var(--orange);color:#fff}.bottom-nav button.active small{color:var(--orange)}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{position:relative;width:calc(100% - 30px);max-width:400px;background:#171717;border:1px solid var(--line);border-radius:22px;padding:24px;text-align:center;box-shadow:0 20px 60px #000}.modal-close{position:absolute;right:12px;top:10px;width:28px;height:28px;border-radius:50%;background:#272727;font-size:20px}.modal-card h2{margin:8px 28px 8px;font-size:20px}.modal-card p{color:#aab0bb}.success-icon{width:54px;height:54px;border-radius:50%;background:#064d25;color:#08d965;display:grid;place-items:center;margin:0 auto 12px;font-size:27px}.stars{display:flex;justify-content:center;gap:8px;margin:22px 0}.star{font-size:36px;color:#536071}.star.on{color:var(--orange)}.empty{text-align:center;color:#777;padding:50px 20px}.admin{max-width:1000px;margin:0 auto;padding:20px;background:#0b0b0b;min-height:100vh}.admin h1{margin-top:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin input,.admin textarea,.admin select{width:100%;background:#151515;border:1px solid var(--line);border-radius:10px;color:white;padding:11px;margin:6px 0}.admin-card{background:#151515;border:1px solid var(--line);border-radius:16px;padding:16px}.admin button{background:var(--orange);padding:10px 14px;border-radius:10px;font-weight:800;margin:4px}.admin .danger{background:#d93030}@media(min-width:431px){body{padding:0}.phone-shell{margin:0;box-shadow:none}.bottom-nav{left:0;right:auto;transform:none}}@media(max-width:700px){.admin-grid{grid-template-columns:1fr}}

/* FIX: mobile shell and bottom nav alignment */
body{overflow-x:hidden}.phone-shell{width:100%;max-width:430px;margin:0;background:#050505}.bottom-nav{left:0;right:auto;width:100%;max-width:430px;border-radius:0;margin:0;transform:none}.with-nav{padding-bottom:96px}.categories-row{position:relative;z-index:1;background:#050505}.sticky-search{top:0}.fav-header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 18px 12px}.fav-header .tiny{position:absolute;left:18px}.fav-header h1{margin:0;text-align:center;font-size:22px}.fav-header p{margin:4px 0 0;text-align:center;color:#8b929e;font-size:12px}.empty{min-height:45vh;display:grid;place-items:center;text-align:center}.empty-inner{display:grid;gap:14px;place-items:center;color:#8b929e}.empty-icon{width:52px;height:52px;border-radius:18px;background:#171717;border:1px solid var(--line);display:grid;place-items:center;color:#8b929e;font-size:24px}.nav-ico{font-size:22px;line-height:1}.bottom-nav span svg,.tiny svg,.success-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button.active span svg{stroke:#fff}.modal-card{border-radius:0}@media(max-width:430px){.phone-shell{max-width:none}.bottom-nav{max-width:none}.modal-card{width:100%;max-width:none;align-self:end;border-radius:24px 24px 0 0}}@media(min-width:431px){.modal-card{border-radius:22px}}
.lang-btn{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border-radius:22px;background:var(--card);border:1px solid var(--line);margin-bottom:12px;font-weight:800;color:var(--text);text-decoration:none}.lang-switch{display:grid;place-items:center;text-decoration:none;color:var(--text)}.welcome-page .phone-shell{min-height:100svh}.welcome-page .bottom-nav{display:none!important}

/* Detail page — matched to Figma screenshots */
.detail-screen{background:var(--bg);overflow:hidden}.full-detail-hero{height:390px;min-height:52svh;border-radius:0 0 34px 34px;overflow:hidden}.full-detail-hero img{object-position:center top}.full-detail-hero:after{background:linear-gradient(to bottom,rgba(255,255,255,.06) 0%,rgba(255,255,255,.34) 42%,var(--bg) 96%)}.figma-detail-card{margin:-42px 22px 0;border-radius:18px;background:var(--card);border:1px solid var(--line);padding:20px;box-shadow:0 18px 60px rgba(2,6,23,.12)}.detail-title-row h1{font-size:22px;line-height:1.25;max-width:160px}.big-price strong{font-size:22px;color:var(--orange)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 24px}.tag-pill{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px}.tag-pill.gold{background:#fff7ed;color:#9a3412;border:1px solid rgba(234,88,12,.25)}.tag-pill.pink{background:#fff1f2;color:#be123c;border:1px solid rgba(244,63,94,.25)}.figma-desc{font-size:15px;line-height:1.55;color:#334155;margin:0 0 20px}.wine-box{display:flex;gap:12px;align-items:flex-start;background:#ffffff;border:1px solid rgba(207,74,255,.25);border-radius:12px;padding:14px 14px;color:var(--text);margin:0 0 16px}.wine-box small{display:block;color:#a21caf;font-weight:800;margin-bottom:5px}.wine-box p{margin:0;font-size:13px;line-height:1.35}.wine-ico{color:#a21caf;font-size:18px;line-height:1}.detail-info-hidden{display:none}.detail-add{display:none}.detail-screen .floating{top:18px}.detail-screen .tiny,.detail-screen .heart{background:rgba(255,255,255,.78);border-color:rgba(15,23,42,.14);backdrop-filter:blur(8px)}

/* Premium admin UI to match the guest QR menu */
body.admin{max-width:1180px;background:radial-gradient(circle at 20% -10%,rgba(255,149,0,.16),transparent 34%),#050505;color:#fff;padding:22px}.admin h1{font-size:32px;margin:4px 0 8px}.admin>p{background:#111;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;gap:12px;flex-wrap:wrap}.admin a{color:#ff9f0a;text-decoration:none;font-weight:800}.admin-card{background:linear-gradient(145deg,#171717,#0f0f0f);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;margin:16px 0;box-shadow:0 18px 50px rgba(0,0,0,.28)}.admin-card h2{margin:0 0 16px;font-size:20px}.admin label{display:block;color:#aeb4bd;font-size:13px;font-weight:700;margin-top:10px}.admin input,.admin textarea,.admin select{background:#0d0d0d;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px 14px;color:#fff;outline:none}.admin textarea{min-height:92px;resize:vertical}.admin input:focus,.admin textarea:focus,.admin select:focus{border-color:#ff9f0a;box-shadow:0 0 0 3px rgba(255,159,10,.12)}.admin button{background:#ff9f0a;color:#111;border-radius:14px;padding:12px 18px;font-weight:900}.admin-grid{align-items:start}.admin-card p{background:#0f0f0f;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px 14px;color:#cdd2da}.admin-card small{color:#8b929e}@media(max-width:700px){body.admin{padding:14px}.admin h1{font-size:26px}.admin-card{border-radius:20px;padding:16px}.full-detail-hero{height:390px}.figma-detail-card{margin:-42px 24px 0}.bottom-nav span{width:42px;height:42px}.bottom-nav button{width:64px}}

/* FINAL FIXES - Figma-like menu */
.sticky-search{position:static!important;background:var(--bg)!important;backdrop-filter:none!important;padding:7px 18px!important;border-bottom:1px solid rgba(15,23,42,.06)!important}
.search-wrap{height:38px!important;border-radius:999px!important;background:var(--soft)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.categories-row{gap:22px!important;padding:14px 18px 16px!important;border-bottom:1px solid rgba(15,23,42,.06)!important;align-items:flex-start!important;background:var(--bg)!important}
.categories-row{padding-right:30px!important;scroll-padding-right:30px}
.categories-row{position:relative!important;top:auto!important;z-index:10!important}
.category{min-width:70px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;color:rgba(15,23,42,.72)!important;font-size:12px!important;line-height:1.15!important}
.category-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(15,23,42,.10);box-shadow:0 8px 18px rgba(2,6,23,.10)}
.category.active .category-img{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,159,10,.12)}
.category.active{color:var(--orange)!important}
.promo-card{background-image:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.18)),var(--promo-img)!important;background-position:center!important;background-size:cover!important}
.menu-sections{padding:0 18px 24px}
.category-section{padding-top:14px}
.category-section:first-child{padding-top:6px}
.category-title{margin:10px 0 12px;font-size:15px;letter-spacing:.02em;color:var(--text);text-transform:uppercase}
.category-title:after{content:"";display:block;height:1px;margin-top:10px;background:linear-gradient(90deg,rgba(15,23,42,.14),rgba(15,23,42,0))}
.detail-screen{background:var(--bg)!important}.full-detail-hero{height:52svh!important;min-height:330px!important}.detail-hero:after{background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,rgba(255,255,255,.45) 52%,var(--bg) 100%)!important}.figma-detail-card{margin:-62px 18px 18px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:24px!important;padding:24px!important;box-shadow:0 22px 60px rgba(2,6,23,.12)!important}.detail-title-row{align-items:flex-start!important}.detail-title-row h1{font-size:26px!important;line-height:1.25!important;letter-spacing:-.03em!important;max-width:52%!important}.big-price strong{font-size:24px!important;font-weight:800!important;color:var(--orange)!important}.big-price small{font-size:13px!important;color:#64748b!important;margin-top:3px!important}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 28px}.tag-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.tag-pill.gold{background:#fff7ed;color:#9a3412;border:1px solid rgba(234,88,12,.25)}.tag-pill.pink{background:#fff1f2;color:#be123c;border:1px solid rgba(244,63,94,.25)}.figma-desc{font-size:17px!important;line-height:1.55!important;color:#334155!important;margin:0 0 26px!important}.wine-box{display:flex;gap:12px;align-items:flex-start;background:#ffffff;border:1px solid rgba(193,73,224,.25);border-radius:12px;padding:14px 15px;color:var(--text)}.wine-box small{display:block;color:#a21caf;font-weight:900;font-size:14px;margin-bottom:5px}.wine-box p{margin:0;color:var(--text);font-size:14px;line-height:1.4}.wine-ico{color:#a21caf;font-size:18px;line-height:1}.detail-info-hidden{display:none!important}.detail-add{display:none!important}.detail-card .dish-top{display:flex!important}.bottom-nav{height:82px!important}@media(max-width:430px){.phone-shell,.bottom-nav{max-width:none!important;width:100%!important}.figma-detail-card{margin-left:14px!important;margin-right:14px!important}.detail-title-row h1{font-size:25px!important}.big-price strong{font-size:23px!important}}
.tag-pill.green{background:#0b3d1e;color:#6ee7a8}
.tag-pill.blue{background:#0b2740;color:#7dd3fc}
.tag-pill.gray{background:rgba(255,255,255,.08);color:#e5e7eb}
.tag-pill.red{background:#3e0b12;color:#ff9aa8}
.tag-pill.purple{background:#2b1141;color:#d8b4fe}

/* Admin premium dark design */
body.admin{background:#050505!important;color:#fff!important}.admin{max-width:1180px!important}.admin h1{font-size:30px;letter-spacing:-.04em}.admin a{color:var(--orange);text-decoration:none}.admin-card{background:linear-gradient(145deg,#171717,#101010)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(0,0,0,.26);margin:14px 0}.admin input,.admin textarea,.admin select{background:#0c0c0c!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important}.admin label{display:block;color:#aeb4bf;font-size:13px;margin-top:8px}.admin button{border-radius:14px!important}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.admin-nav{display:flex;gap:10px;flex-wrap:wrap}.admin-nav a{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 13px;color:#fff}.request-new{border-left:4px solid var(--orange);padding-left:12px}.request-done{opacity:.55}
.lang-btn{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border-radius:22px;background:var(--card);border:1px solid var(--line);margin-bottom:12px;font-weight:900;color:var(--text);text-decoration:none}.welcome-page .bottom-nav{display:none!important}.welcome-screen{padding-bottom:0!important}
.bottom-nav--two{justify-content:space-evenly!important}
.bottom-nav--two button{width:140px!important}

.admin .chk{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-weight:800;color:#fff}
.admin .chk{justify-content:flex-start}
.admin .chk input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);display:inline-grid;place-items:center;flex:0 0 22px;margin:0!important;padding:0!important}
.admin input[type="checkbox"]{width:22px!important;margin:0!important;padding:0!important}
.admin label.chk{display:flex!important;align-items:center!important;gap:12px!important}
.tag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.tag-opt{position:relative;display:flex!important;align-items:center!important;gap:12px!important;padding:16px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#141414,#0f0f0f);box-shadow:0 10px 30px rgba(0,0,0,.25);cursor:pointer;user-select:none}
.tag-opt--wide{grid-column:span 2}
.tag-opt input{position:absolute;inset:0;opacity:0}
.tag-box{width:26px;height:26px;border-radius:8px;border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03);display:inline-grid;place-items:center;flex:0 0 26px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.tag-opt input:checked ~ .tag-box{border-color:var(--orange);background:var(--orange)}
.tag-opt input:checked ~ .tag-box:after{content:"";width:10px;height:6px;border-left:2.5px solid #111;border-bottom:2.5px solid #111;transform:rotate(-45deg);margin-top:-1px}
.tag-ico{width:22px;height:22px;display:inline-grid;place-items:center;opacity:.9;flex:0 0 22px}
.tag-ico svg{width:22px;height:22px;stroke:rgba(255,255,255,.72);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tag-txt{font-weight:900;color:#fff}
.tag-opt input:checked ~ .tag-ico svg{stroke:var(--orange)}
.tag-opt input:checked ~ .tag-txt{color:#fff}
.tag-opt input:checked ~ .tag-txt,
.tag-opt input:checked ~ .tag-ico,
.tag-opt input:checked ~ .tag-box{filter:none}
.tag-opt input:checked{ }
.tag-opt input:checked ~ .tag-box{box-shadow:0 0 0 1px rgba(255,159,10,.55),0 12px 35px rgba(0,0,0,.18)}
@media(max-width:820px){.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-opt--wide{grid-column:span 2}}
.admin .chk input[type="checkbox"]:checked{background:var(--orange);border-color:var(--orange)}
.admin .chk input[type="checkbox"]:checked:after{content:"";width:10px;height:10px;border-radius:2px;background:#111}

/* ADMIN CHECKBOX UI FIX - compact premium pills */
.admin label.chk{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  gap:10px!important;
  width:calc(50% - 8px)!important;
  min-height:46px!important;
  margin:10px 8px 0 0!important;
  padding:11px 13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:15px!important;
  color:#dfe4ec!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.15!important;
  cursor:pointer!important;
  vertical-align:top!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.admin label.chk:hover{
  border-color:rgba(255,159,10,.34)!important;
  background:linear-gradient(145deg,rgba(255,159,10,.10),rgba(255,255,255,.035))!important;
}
.admin .chk input[type="checkbox"],
.admin input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:#0b0b0b!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
}
.admin .chk input[type="checkbox"]:checked,
.admin input[type="checkbox"]:checked{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  box-shadow:0 0 0 3px rgba(255,159,10,.14)!important;
}
.admin .chk input[type="checkbox"]:checked:after,
.admin input[type="checkbox"]:checked:after{
  content:""!important;
  width:9px!important;
  height:5px!important;
  border-left:2px solid #111!important;
  border-bottom:2px solid #111!important;
  border-radius:0!important;
  background:transparent!important;
  transform:rotate(-45deg) translate(1px,-1px)!important;
}
.admin .chk:has(input[type="checkbox"]:checked){
  color:#fff!important;
  border-color:rgba(255,159,10,.45)!important;
  background:linear-gradient(145deg,rgba(255,159,10,.13),rgba(255,255,255,.035))!important;
}
@media(min-width:980px){
  .admin label.chk{width:calc(25% - 9px)!important;max-width:150px!important}
}
@media(max-width:700px){
  .admin label.chk{width:100%!important;margin-right:0!important}
}


/* ===== FINAL ADMIN TAG/CHECKBOX DESIGN FIX =====
   Premium cards like the reference, text never leaves the box. */
.admin .tag-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;
  gap:14px!important;
  margin:18px 0 6px!important;
  width:100%!important;
}

.admin .tag-opt,
.admin label.tag-opt{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:72px!important;
  margin:0!important;
  padding:15px 16px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.22)!important;
  color:#fff!important;
  cursor:pointer!important;
  user-select:none!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}

.admin .tag-opt:hover{
  border-color:rgba(255,159,10,.34)!important;
  background:linear-gradient(145deg,rgba(255,159,10,.09),rgba(255,255,255,.028))!important;
  transform:translateY(-1px)!important;
}

/* Hide real checkbox completely, no duplicate small checkbox */
.admin .tag-opt > input[type="checkbox"]{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  z-index:3!important;
}
.admin .tag-opt > input[type="checkbox"]:after{content:none!important;display:none!important}

.admin .tag-box{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  flex:0 0 26px!important;
  border-radius:8px!important;
  border:2px solid rgba(255,255,255,.24)!important;
  background:#0b0b0b!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)!important;
  z-index:1!important;
}

.admin .tag-ico{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  flex:0 0 25px!important;
  display:grid!important;
  place-items:center!important;
  opacity:.92!important;
  z-index:1!important;
}
.admin .tag-ico svg{
  width:25px!important;
  height:25px!important;
  stroke:rgba(255,255,255,.78)!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.admin .tag-txt{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.22!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
  z-index:1!important;
}

.admin .tag-opt:has(> input[type="checkbox"]:checked){
  border-color:rgba(255,159,10,.86)!important;
  background:linear-gradient(145deg,rgba(255,159,10,.16),rgba(255,255,255,.035))!important;
  box-shadow:0 0 0 1px rgba(255,159,10,.18),0 16px 40px rgba(0,0,0,.28)!important;
}
.admin .tag-opt > input[type="checkbox"]:checked ~ .tag-box{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  box-shadow:0 0 0 3px rgba(255,159,10,.16)!important;
}
.admin .tag-opt > input[type="checkbox"]:checked ~ .tag-box:after{
  content:""!important;
  display:block!important;
  width:11px!important;
  height:6px!important;
  border-left:2.5px solid #111!important;
  border-bottom:2.5px solid #111!important;
  transform:rotate(-45deg) translate(1px,-1px)!important;
}
.admin .tag-opt > input[type="checkbox"]:checked ~ .tag-ico svg{
  stroke:var(--orange)!important;
}

/* The last longer label should fit naturally, not force a broken layout */
.admin .tag-opt--wide{grid-column:auto!important}

@media(max-width:1100px){
  .admin .tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .admin .tag-grid{grid-template-columns:1fr!important}
  .admin .tag-opt,.admin label.tag-opt{min-height:64px!important;padding:14px!important}
}

/* ===== USER (LIGHT) THEME + UX FIXES ===== */
.user-page{--bg:#ffffff;--card:#ffffff;--soft:#f4f6f8;--line:rgba(15,23,42,.10);--muted:#5b6574;--text:#0f172a}
.user-page .menu-top{background:var(--bg)}
.user-page .sticky-search{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.06)}
.user-page .search-wrap{background:#f1f5f9;border:1px solid rgba(15,23,42,.10)}
.user-page .search-wrap input{color:var(--text)}
.user-page .search-wrap span{color:#64748b}
.user-page .categories-row{border-bottom:1px solid rgba(15,23,42,.06)}
.user-page .category{color:rgba(15,23,42,.72)}
.user-page .category.active{color:var(--orange)}
.user-page .category-img{border-color:rgba(15,23,42,.10);box-shadow:0 8px 18px rgba(2,6,23,.10)}
.user-page .dish-card{background:#fff;border:1px solid rgba(15,23,42,.10)}
.user-page .dish-body p{color:#475569}
.user-page .heart{background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.14);backdrop-filter:blur(6px)}
.user-page .detail-hero:after{background:linear-gradient(to bottom,rgba(255,255,255,.10),#ffffff)}
.user-page .detail-card{background:#ffffff;border:1px solid rgba(15,23,42,.10)}
.user-page .detail-desc{color:#334155}
.user-page .info-box{background:rgba(15,23,42,.03);border:1px solid rgba(15,23,42,.08)}
.user-page .info-box small{color:#64748b}
.user-page .tiny{background:#f1f5f9;border:1px solid rgba(15,23,42,.10)}
.user-page .lang-switch{color:#0f172a}

/* Category labels: long names stay readable */
.category span{display:block;max-width:90px;margin:6px auto 0;white-space:normal;word-break:break-word;line-height:1.15}

/* Bottom nav: avoid 2-line labels */
.bottom-nav small{white-space:nowrap}

/* Bestseller badge */
.badge--bestseller{background:#0ea5e9}

/* Welcome social links (below language buttons) */
.welcome-social{display:flex;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.welcome-social a{color:var(--muted);text-decoration:none;font-weight:900;opacity:.95}
.welcome-social a:hover{opacity:1}

/* ===== FORCE LIGHT THEME (everywhere except admin) ===== */
body:not(.admin){background:var(--bg)!important;color:var(--text)!important}
body:not(.admin) .phone-shell{background:var(--bg)!important}
body:not(.admin) .menu-top{background:var(--bg)!important}
body:not(.admin) .sticky-search{background:var(--bg)!important;border-bottom:1px solid rgba(15,23,42,.06)!important}
body:not(.admin) .search-wrap{background:var(--soft)!important;border:1px solid var(--line)!important;color:var(--text)!important}
body:not(.admin) .search-wrap input{color:var(--text)!important}
body:not(.admin) .search-wrap span{color:#64748b!important}
body:not(.admin) .categories-row{background:var(--bg)!important;border-bottom:1px solid rgba(15,23,42,.06)!important}
body:not(.admin) .category{color:rgba(15,23,42,.72)!important}
body:not(.admin) .dish-card{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:0 14px 40px rgba(2,6,23,.06)!important}
body:not(.admin) .dish-body p{color:#475569!important}
body:not(.admin) .heart{background:rgba(255,255,255,.82)!important;border:1px solid rgba(15,23,42,.14)!important}
body:not(.admin) .detail-card{background:var(--card)!important;border:1px solid var(--line)!important}
body:not(.admin) .detail-desc{color:#334155!important}
body:not(.admin) .info-box{background:rgba(15,23,42,.03)!important;border:1px solid rgba(15,23,42,.08)!important}
body:not(.admin) .info-box small{color:#64748b!important}
body:not(.admin) .info-box p{color:#334155!important}
body:not(.admin) .secondary-btn{background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--line)!important}
body:not(.admin) .bottom-nav{background:var(--card)!important;border-top:1px solid var(--line)!important;box-shadow:0 -12px 30px rgba(2,6,23,.10)!important}
body:not(.admin) .bottom-nav button{color:rgba(15,23,42,.64)!important}
body:not(.admin) .bottom-nav span{background:var(--soft)!important}

/* =========================================================
   MILLION-DOLLAR LIGHT RESTAURANT QR MENU UI
   User/welcome only — admin stays dark and untouched
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');

:root{
  --lux-bg:#fbfaf7;
  --lux-card:#ffffff;
  --lux-card-2:#fffdf8;
  --lux-text:#111827;
  --lux-muted:#667085;
  --lux-soft:#f3f0e9;
  --lux-line:rgba(17,24,39,.095);
  --lux-gold:#b8945a;
  --lux-gold-2:#d4b06d;
  --lux-gold-dark:#7d5c2c;
  --lux-shadow:0 24px 70px rgba(16,24,40,.10);
  --lux-shadow-soft:0 14px 38px rgba(16,24,40,.075);
}

body:not(.admin){
  --bg:var(--lux-bg);
  --card:var(--lux-card);
  --soft:var(--lux-soft);
  --line:var(--lux-line);
  --muted:var(--lux-muted);
  --orange:var(--lux-gold);
  --text:var(--lux-text);
  margin:0!important;
  background:
    radial-gradient(circle at 50% -12%, rgba(212,176,109,.16), transparent 38%),
    linear-gradient(180deg,#fff 0%,var(--lux-bg) 100%)!important;
  color:var(--lux-text)!important;
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  letter-spacing:-.012em;
}

body:not(.admin) h1,
body:not(.admin) h2,
body:not(.admin) h3,
body:not(.admin) .price strong,
body:not(.admin) .big-price strong,
body:not(.admin) .brand-row h1,
body:not(.admin) .category-title,
body:not(.admin) .promo-card h2{
  font-family:'Sora','Manrope',system-ui,sans-serif!important;
  letter-spacing:-.045em;
}

body:not(.admin) .phone-shell{
  background:transparent!important;
  max-width:430px!important;
  min-height:100svh!important;
}

/* Header + search */
body:not(.admin) .menu-top{
  background:rgba(251,250,247,.86)!important;
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(17,24,39,.055);
}
body:not(.admin) .brand-row{
  padding:22px 18px 12px!important;
}
body:not(.admin) .brand-row h1{
  font-size:22px!important;
  font-weight:800!important;
  color:#0d1320!important;
}
body:not(.admin) .brand-row p{
  color:var(--lux-muted)!important;
  font-size:12px!important;
}
body:not(.admin) .tiny{
  background:rgba(255,255,255,.82)!important;
  color:#111827!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 10px 26px rgba(16,24,40,.08)!important;
  backdrop-filter:blur(16px)!important;
}
body:not(.admin) .sticky-search{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  background:rgba(251,250,247,.82)!important;
  backdrop-filter:blur(22px)!important;
  padding:6px 18px 10px!important;
  border-bottom:0!important;
}
body:not(.admin) .search-wrap{
  height:40px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(17,24,39,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 26px rgba(16,24,40,.055)!important;
  padding:0 15px!important;
}
body:not(.admin) .search-wrap input{
  font-size:13px!important;
  font-weight:600!important;
  color:#111827!important;
}
body:not(.admin) .search-wrap input::placeholder{color:#98a2b3!important}
body:not(.admin) .search-wrap span{color:#98a2b3!important}

/* Separated category tray */
body:not(.admin) .categories-row{
  margin:10px 14px 18px!important;
  padding:14px 14px 16px!important;
  gap:18px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(17,24,39,.075)!important;
  border-radius:28px!important;
  box-shadow:var(--lux-shadow-soft)!important;
  backdrop-filter:blur(18px)!important;
  align-items:flex-start!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity;
}
body:not(.admin) .category{
  min-width:68px!important;
  color:#5f6877!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.16!important;
  scroll-snap-align:start;
  transition:transform .18s ease,color .18s ease;
}
body:not(.admin) .category:active{transform:scale(.97)}
body:not(.admin) .category-img{
  width:58px!important;
  height:58px!important;
  border-radius:21px!important;
  border:3px solid #fff!important;
  outline:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.12)!important;
}
body:not(.admin) .category.active{color:var(--lux-gold-dark)!important}
body:not(.admin) .category.active .category-img{
  outline:2px solid rgba(184,148,90,.58)!important;
  box-shadow:0 16px 34px rgba(184,148,90,.20)!important;
}
body:not(.admin) .category span{
  margin-top:8px!important;
  max-width:78px!important;
}

/* Premium offer / chef selection */
body:not(.admin) .promo-card{
  position:relative!important;
  min-height:168px!important;
  margin:10px 18px 22px!important;
  padding:22px!important;
  border-radius:30px!important;
  border:1px solid rgba(184,148,90,.30)!important;
  background-image:
    linear-gradient(90deg,rgba(17,24,39,.82) 0%,rgba(17,24,39,.55) 43%,rgba(17,24,39,.08) 100%),
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.20),transparent 32%),
    var(--promo-img)!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:0 26px 60px rgba(17,24,39,.16), inset 0 1px 0 rgba(255,255,255,.22)!important;
  overflow:hidden!important;
}
body:not(.admin) .promo-card:before{
  content:'Premium ponuda';
  position:absolute;
  top:16px;
  left:18px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
body:not(.admin) .promo-card:after{
  content:'';
  position:absolute;
  inset:auto 18px 18px 18px;
  height:1px;
  background:linear-gradient(90deg,rgba(212,176,109,.8),transparent);
  opacity:.65;
}
body:not(.admin) .promo-card > *{position:relative;z-index:2}
body:not(.admin) .promo-card .eyebrow{
  margin-top:36px!important;
  color:#e8c983!important;
  font-family:'Manrope',sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
body:not(.admin) .promo-card h2{
  color:#fff!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-shadow:0 8px 22px rgba(0,0,0,.24);
}
body:not(.admin) .promo-card p{
  max-width:235px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
body:not(.admin) .promo-card strong{
  align-self:flex-end!important;
  display:grid!important;
  place-items:center!important;
  min-width:74px!important;
  height:56px!important;
  padding:0 12px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#ffe0a3!important;
  font-family:'Sora',sans-serif!important;
  font-size:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(14px);
}

/* Dish cards */
body:not(.admin) .menu-sections{padding:0 18px 26px!important}
body:not(.admin) .category-title{
  color:#101828!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  margin:16px 2px 14px!important;
}
body:not(.admin) .dish-list{gap:20px!important;padding:0 18px 28px!important}
body:not(.admin) .dish-card{
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(17,24,39,.075)!important;
  box-shadow:0 22px 58px rgba(16,24,40,.09)!important;
  overflow:hidden!important;
}
body:not(.admin) .dish-image{height:184px!important;background:#f2f4f7!important}
body:not(.admin) .dish-image img{filter:saturate(1.02) contrast(1.02)}
body:not(.admin) .dish-body{padding:19px 18px 20px!important}
body:not(.admin) .dish-top h3{
  font-size:17px!important;
  line-height:1.26!important;
  font-weight:800!important;
  color:#101828!important;
}
body:not(.admin) .price strong,
body:not(.admin) .big-price strong{
  color:var(--lux-gold-dark)!important;
  font-weight:800!important;
}
body:not(.admin) .price small,
body:not(.admin) .big-price small{color:#8a94a6!important;font-weight:700!important}
body:not(.admin) .dish-body p{
  margin-bottom:0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.58!important;
}
body:not(.admin) .heart{
  color:#111827!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(17,24,39,.09)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.14)!important;
}
body:not(.admin) .heart.active{color:#d92d20!important}
body:not(.admin) .badge{
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  letter-spacing:.02em!important;
  box-shadow:0 8px 18px rgba(16,24,40,.10)!important;
}
body:not(.admin) .badge--chef,
body:not(.admin) .badge--bestseller{
  background:linear-gradient(135deg,#f2dfb3,#b8945a)!important;
  color:#2b1c09!important;
}
body:not(.admin) .badge--gluten,
body:not(.admin) .badge--vegan{background:#dff8e7!important;color:#087443!important}
body:not(.admin) .badge--spicy,.badge--popular{background:#ffe4e8!important;color:#b42318!important}

/* Detail page */
body:not(.admin) .detail-screen{background:linear-gradient(180deg,#fff,var(--lux-bg))!important}
body:not(.admin) .full-detail-hero,
body:not(.admin) .detail-hero{
  border-radius:0 0 34px 34px!important;
  box-shadow:0 24px 70px rgba(16,24,40,.12)!important;
}
body:not(.admin) .detail-hero:after{
  background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.22) 50%,var(--lux-bg) 100%)!important;
}
body:not(.admin) .figma-detail-card,
body:not(.admin) .detail-card{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(17,24,39,.08)!important;
  border-radius:30px!important;
  box-shadow:0 28px 80px rgba(16,24,40,.12)!important;
  backdrop-filter:blur(18px)!important;
}
body:not(.admin) .detail-title-row h1{
  color:#101828!important;
  font-weight:800!important;
}
body:not(.admin) .figma-desc,
body:not(.admin) .detail-desc{
  color:#344054!important;
  font-size:16px!important;
  line-height:1.72!important;
}
body:not(.admin) .wine-box{
  background:linear-gradient(135deg,#fff 0%,#fbf7ef 100%)!important;
  border:1px solid rgba(184,148,90,.24)!important;
  border-radius:18px!important;
  box-shadow:0 14px 36px rgba(184,148,90,.10)!important;
}
body:not(.admin) .wine-box small,
body:not(.admin) .wine-ico{color:var(--lux-gold-dark)!important}
body:not(.admin) .tag-pill.gold{background:#f9f0df!important;color:#7d5c2c!important;border-color:rgba(184,148,90,.25)!important}
body:not(.admin) .tag-pill.pink{background:#fff1f3!important;color:#b42318!important;border-color:rgba(180,35,24,.16)!important}
body:not(.admin) .tag-pill.green{background:#ecfdf3!important;color:#067647!important}
body:not(.admin) .tag-pill.blue{background:#eff8ff!important;color:#175cd3!important}
body:not(.admin) .tag-pill.gray{background:#f2f4f7!important;color:#475467!important}
body:not(.admin) .tag-pill.red{background:#fef3f2!important;color:#b42318!important}
body:not(.admin) .tag-pill.purple{background:#f4f3ff!important;color:#5925dc!important}

/* Bottom nav */
body:not(.admin) .bottom-nav{
  height:86px!important;
  background:rgba(255,255,255,.92)!important;
  border-top:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 -18px 46px rgba(16,24,40,.11)!important;
  backdrop-filter:blur(22px)!important;
}
body:not(.admin) .bottom-nav button{color:#667085!important;font-weight:800!important}
body:not(.admin) .bottom-nav span{
  background:#f5f3ef!important;
  color:#667085!important;
  border:1px solid rgba(17,24,39,.08)!important;
}
body:not(.admin) .bottom-nav button.active span{
  background:linear-gradient(135deg,#d7b878,#b8945a)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 28px rgba(184,148,90,.30)!important;
}
body:not(.admin) .bottom-nav button.active small{color:var(--lux-gold-dark)!important}
body:not(.admin) .bottom-nav small{font-size:11px!important;font-weight:900!important}

/* Welcome page */
body.welcome-page:not(.admin){
  background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;
}
body.welcome-page:not(.admin) .phone-shell{
  background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;
}
body.welcome-page:not(.admin) .lang-hero{
  height:42svh!important;
  min-height:310px!important;
  border-radius:0 0 38px 38px!important;
  box-shadow:0 28px 70px rgba(16,24,40,.12)!important;
}
body.welcome-page:not(.admin) .lang-hero img{
  filter:saturate(1.03) contrast(1.03)!important;
}
body.welcome-page:not(.admin) .lang-hero:after{
  background:linear-gradient(to bottom,rgba(0,0,0,.04) 0%,rgba(0,0,0,.05) 40%,rgba(251,250,247,.94) 100%)!important;
}
body.welcome-page:not(.admin) .lang-card{
  width:calc(100% - 36px)!important;
  margin:-54px auto 0!important;
  padding:28px 20px 34px!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 26px 80px rgba(16,24,40,.12)!important;
  backdrop-filter:blur(22px)!important;
}
body.welcome-page:not(.admin) .lang-card h1{
  color:#101828!important;
  font-size:29px!important;
  line-height:1.04!important;
  font-weight:800!important;
  margin-bottom:12px!important;
}
body.welcome-page:not(.admin) .lang-card p{
  color:#667085!important;
  font-size:14px!important;
  line-height:1.5!important;
  margin-bottom:24px!important;
}
body.welcome-page:not(.admin) .lang-btn{
  height:58px!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#101828!important;
  border:1px solid rgba(17,24,39,.09)!important;
  box-shadow:0 14px 34px rgba(16,24,40,.07)!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
body.welcome-page:not(.admin) .lang-btn:hover,
body.welcome-page:not(.admin) .lang-btn:active{
  background:linear-gradient(135deg,#fff,#f8f1e3)!important;
  border-color:rgba(184,148,90,.28)!important;
}
body.welcome-page:not(.admin) .welcome-social{
  margin-top:20px!important;
  gap:10px!important;
}
body.welcome-page:not(.admin) .welcome-social a{
  min-height:36px!important;
  padding:9px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  color:#667085!important;
  background:#fff!important;
  border:1px solid rgba(17,24,39,.09)!important;
  box-shadow:0 10px 24px rgba(16,24,40,.055)!important;
  font-size:12px!important;
}

/* Review modal — important conversion piece */
body:not(.admin) .modal-backdrop{
  background:rgba(17,24,39,.36)!important;
  backdrop-filter:blur(10px)!important;
}
body:not(.admin) .modal-card{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(17,24,39,.09)!important;
  border-radius:30px!important;
  box-shadow:0 34px 90px rgba(16,24,40,.24)!important;
  color:#101828!important;
  padding:28px 24px 24px!important;
}
body:not(.admin) .modal-close{
  background:#f2f4f7!important;
  color:#475467!important;
  border:1px solid rgba(17,24,39,.06)!important;
}
body:not(.admin) .modal-card h2{
  font-family:'Sora',sans-serif!important;
  font-size:21px!important;
  line-height:1.2!important;
  letter-spacing:-.04em!important;
  color:#101828!important;
}
body:not(.admin) .modal-card p{color:#667085!important;font-weight:600!important}
body:not(.admin) .stars{gap:10px!important;margin:24px 0!important}
body:not(.admin) .star{
  font-size:38px!important;
  color:#cbd5e1!important;
  filter:drop-shadow(0 8px 14px rgba(16,24,40,.08));
}
body:not(.admin) .star.on{color:var(--lux-gold)!important}
body:not(.admin) .action-btn,
body:not(.admin) .modal-card a.action-btn{
  background:linear-gradient(135deg,#d6b675,#a98243)!important;
  color:#fff!important;
  border-radius:18px!important;
  box-shadow:0 16px 36px rgba(184,148,90,.30)!important;
  font-weight:900!important;
}
body:not(.admin) .secondary-btn{
  background:#fff!important;
  color:#475467!important;
  border:1px solid rgba(17,24,39,.10)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.06)!important;
  border-radius:18px!important;
  font-weight:900!important;
}
body:not(.admin) .success-icon{
  background:#ecfdf3!important;
  color:#079455!important;
}

/* Small mobile polish */
@media(max-width:430px){
  body:not(.admin) .brand-row{padding-top:24px!important}
  body:not(.admin) .promo-card{margin-left:18px!important;margin-right:18px!important}
  body:not(.admin) .promo-card h2{font-size:20px!important}
  body:not(.admin) .promo-card p{font-size:12.5px!important;max-width:220px!important}
  body.welcome-page:not(.admin) .lang-card h1{font-size:28px!important}
}

/* ===== WELCOME PAGE FINAL LUXURY FIX ===== */
body.welcome-page:not(.admin){
  min-height:100svh!important;
  background:
    radial-gradient(circle at 50% 78%,rgba(201,168,106,.14),transparent 34%),
    linear-gradient(180deg,#fff 0%,#fbfaf7 56%,#f5f0e7 100%)!important;
}
body.welcome-page:not(.admin) .phone-shell{
  background:transparent!important;
  overflow:hidden!important;
}
body.welcome-page:not(.admin) .welcome-screen{
  min-height:100svh!important;
  display:flex!important;
  flex-direction:column!important;
}
body.welcome-page:not(.admin) .lang-hero{
  height:38svh!important;
  min-height:285px!important;
  border-radius:0 0 42px 42px!important;
  box-shadow:0 26px 70px rgba(16,24,40,.13)!important;
  position:relative!important;
}
body.welcome-page:not(.admin) .lang-hero:before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  z-index:2;
}
body.welcome-page:not(.admin) .lang-hero:after{
  background:
    linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.08) 45%,rgba(251,250,247,.96) 100%),
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 45%,rgba(0,0,0,.10))!important;
}
body.welcome-page:not(.admin) .lang-card{
  width:calc(100% - 40px)!important;
  margin:-44px auto 0!important;
  padding:30px 22px 26px!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.80)!important;
  box-shadow:
    0 22px 70px rgba(16,24,40,.13),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px)!important;
  z-index:3!important;
}
body.welcome-page:not(.admin) .lang-card:before{
  content:"";
  display:block;
  width:44px;
  height:4px;
  border-radius:999px;
  margin:0 auto 20px;
  background:linear-gradient(90deg,#eadfc7,#b8945a,#eadfc7);
  opacity:.9;
}
body.welcome-page:not(.admin) .lang-card h1{
  font-family:'Sora',sans-serif!important;
  font-size:27px!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
  color:#101828!important;
  margin:0 0 12px!important;
}
body.welcome-page:not(.admin) .lang-card p{
  max-width:280px!important;
  margin:0 auto 24px!important;
  font-size:14px!important;
  line-height:1.45!important;
  color:#667085!important;
}
body.welcome-page:not(.admin) .lang-btn{
  height:56px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfaf7)!important;
  border:1px solid rgba(16,24,40,.09)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.065)!important;
  color:#101828!important;
  font-family:'Sora',sans-serif!important;
  font-size:13px!important;
  letter-spacing:-.02em!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body.welcome-page:not(.admin) .lang-btn:active{
  transform:scale(.985)!important;
}
body.welcome-page:not(.admin) .lang-btn:first-of-type{
  background:linear-gradient(135deg,#fff,#fff8eb)!important;
  border-color:rgba(184,148,90,.20)!important;
}
body.welcome-page:not(.admin) .welcome-social{
  margin-top:18px!important;
  gap:9px!important;
}
body.welcome-page:not(.admin) .welcome-social a{
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(16,24,40,.08)!important;
  box-shadow:0 8px 18px rgba(16,24,40,.055)!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.welcome-page:not(.admin) .welcome-bottom{
  width:calc(100% - 40px)!important;
  margin:18px auto 24px!important;
  display:grid!important;
  gap:14px!important;
  flex:1 1 auto!important;
  align-content:start!important;
}
body.welcome-page:not(.admin) .welcome-note{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.64)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 16px 40px rgba(16,24,40,.075)!important;
  backdrop-filter:blur(18px)!important;
}
body.welcome-page:not(.admin) .welcome-note span{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#d9bd80,#a98243)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(184,148,90,.22)!important;
}
body.welcome-page:not(.admin) .welcome-note p{
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.welcome-page:not(.admin) .welcome-note strong{
  display:block!important;
  color:#101828!important;
  font-family:'Sora',sans-serif!important;
  font-size:15px!important;
  letter-spacing:-.03em!important;
}
body.welcome-page:not(.admin) .welcome-info-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
body.welcome-page:not(.admin) .welcome-info-grid div{
  min-height:104px!important;
  border-radius:24px!important;
  padding:14px 8px!important;
  text-align:center!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(255,255,255,.90)!important;
  box-shadow:0 14px 34px rgba(16,24,40,.07)!important;
  backdrop-filter:blur(16px)!important;
}
body.welcome-page:not(.admin) .welcome-info-grid span{
  width:34px!important;
  height:34px!important;
  margin:0 auto 9px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:#f7f2e8!important;
  color:#a98243!important;
  font-size:17px!important;
}
body.welcome-page:not(.admin) .welcome-info-grid b{
  display:block!important;
  color:#101828!important;
  font-family:'Sora',sans-serif!important;
  font-size:12px!important;
  letter-spacing:-.03em!important;
  margin-bottom:5px!important;
}
body.welcome-page:not(.admin) .welcome-info-grid small{
  display:block!important;
  color:#667085!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
@media(max-height:760px){
  body.welcome-page:not(.admin) .lang-hero{height:34svh!important;min-height:245px!important}
  body.welcome-page:not(.admin) .lang-card{padding:24px 20px 22px!important}
  body.welcome-page:not(.admin) .welcome-info-grid div{min-height:92px!important;padding:12px 7px!important}
}

/* ===== FINAL FIX: DETAIL BADGES + PREMIUM BACK BUTTON ===== */
body:not(.admin){
  --badge-popular-bg:linear-gradient(135deg,#ff5a7a 0%,#ff2f63 100%);
  --badge-popular-text:#ffffff;
  --badge-chef-bg:linear-gradient(135deg,#f4dfb1 0%,#c6a15d 100%);
  --badge-chef-text:#2d1e0b;
  --badge-spicy-bg:linear-gradient(135deg,#ff5a5f 0%,#ef233c 100%);
  --badge-spicy-text:#ffffff;
  --badge-gluten-bg:linear-gradient(135deg,#dcfce7 0%,#86efac 100%);
  --badge-gluten-text:#064e3b;
  --badge-vegan-bg:linear-gradient(135deg,#bbf7d0 0%,#22c55e 100%);
  --badge-vegan-text:#052e16;
  --badge-new-bg:linear-gradient(135deg,#ede9fe 0%,#8b5cf6 100%);
  --badge-new-text:#ffffff;
  --badge-fish-bg:linear-gradient(135deg,#dbeafe 0%,#38bdf8 100%);
  --badge-fish-text:#0c4a6e;
  --badge-lactose-bg:linear-gradient(135deg,#fef3c7 0%,#fbbf24 100%);
  --badge-lactose-text:#3f2a03;
  --badge-nut-bg:linear-gradient(135deg,#fed7aa 0%,#c08457 100%);
  --badge-nut-text:#3b1f0b;
  --badge-bestseller-bg:linear-gradient(135deg,#dbeafe 0%,#2563eb 100%);
  --badge-bestseller-text:#ffffff;
}

body:not(.admin) .badge,
body:not(.admin) .tag-pill,
body:not(.admin) .detail-card .tag-pill,
body:not(.admin) .figma-detail-card .tag-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  border:0!important;
  font-family:'Manrope',system-ui,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(16,24,40,.10)!important;
}

/* Popularno: isto na kartici i na detail strani */
body:not(.admin) .badge:not([class*="badge--"]),
body:not(.admin) .badge--popular,
body:not(.admin) .badge.popular,
body:not(.admin) .tag-pill.pink,
body:not(.admin) .tag-pill.popular,
body:not(.admin) .tag-pill.badge--popular,
body:not(.admin) .tag-pill[data-tag="popular"],
body:not(.admin) .tag-pill[data-type="popular"]{
  background:var(--badge-popular-bg)!important;
  color:var(--badge-popular-text)!important;
}

/* Preporuka šefa */
body:not(.admin) .badge--chef,
body:not(.admin) .badge.chef,
body:not(.admin) .tag-pill.gold,
body:not(.admin) .tag-pill.chef,
body:not(.admin) .tag-pill.recommended,
body:not(.admin) .tag-pill.badge--chef,
body:not(.admin) .tag-pill[data-tag="chef"],
body:not(.admin) .tag-pill[data-type="chef"]{
  background:var(--badge-chef-bg)!important;
  color:var(--badge-chef-text)!important;
}

/* Ljuto / spicy — bitno: kod tebe trenutno izlazi kao .gray na detail strani */
body:not(.admin) .badge--spicy,
body:not(.admin) .badge.spicy,
body:not(.admin) .badge.ljuto,
body:not(.admin) .tag-pill.red,
body:not(.admin) .tag-pill.gray,
body:not(.admin) .tag-pill.spicy,
body:not(.admin) .tag-pill.ljuto,
body:not(.admin) .tag-pill.hot,
body:not(.admin) .tag-pill.badge--spicy,
body:not(.admin) .tag-pill[data-tag="spicy"],
body:not(.admin) .tag-pill[data-tag="ljuto"],
body:not(.admin) .tag-pill[data-type="spicy"]{
  background:var(--badge-spicy-bg)!important;
  color:var(--badge-spicy-text)!important;
}

/* Ostali badge tipovi */
body:not(.admin) .badge--gluten,
body:not(.admin) .badge.gluten,
body:not(.admin) .tag-pill.green,
body:not(.admin) .tag-pill.gluten,
body:not(.admin) .tag-pill.bez-glutena,
body:not(.admin) .tag-pill.badge--gluten,
body:not(.admin) .tag-pill[data-tag="gluten"],
body:not(.admin) .tag-pill[data-type="gluten"]{background:var(--badge-gluten-bg)!important;color:var(--badge-gluten-text)!important}
body:not(.admin) .badge--vegan,
body:not(.admin) .badge.vegan,
body:not(.admin) .tag-pill.vegan,
body:not(.admin) .tag-pill.badge--vegan,
body:not(.admin) .tag-pill[data-tag="vegan"],
body:not(.admin) .tag-pill[data-type="vegan"]{background:var(--badge-vegan-bg)!important;color:var(--badge-vegan-text)!important}
body:not(.admin) .badge--new,
body:not(.admin) .badge.new,
body:not(.admin) .tag-pill.purple,
body:not(.admin) .tag-pill.new,
body:not(.admin) .tag-pill.novo,
body:not(.admin) .tag-pill.badge--new,
body:not(.admin) .tag-pill[data-tag="new"],
body:not(.admin) .tag-pill[data-tag="novo"],
body:not(.admin) .tag-pill[data-type="new"]{background:var(--badge-new-bg)!important;color:var(--badge-new-text)!important}
body:not(.admin) .badge--fish,
body:not(.admin) .badge.fish,
body:not(.admin) .tag-pill.blue,
body:not(.admin) .tag-pill.fish,
body:not(.admin) .tag-pill.riba,
body:not(.admin) .tag-pill.badge--fish,
body:not(.admin) .tag-pill[data-tag="fish"],
body:not(.admin) .tag-pill[data-tag="riba"],
body:not(.admin) .tag-pill[data-type="fish"]{background:var(--badge-fish-bg)!important;color:var(--badge-fish-text)!important}
body:not(.admin) .badge--lactose,
body:not(.admin) .badge.lactose,
body:not(.admin) .tag-pill.lactose,
body:not(.admin) .tag-pill.mlecni,
body:not(.admin) .tag-pill.badge--lactose,
body:not(.admin) .tag-pill[data-tag="lactose"],
body:not(.admin) .tag-pill[data-tag="mlecni"],
body:not(.admin) .tag-pill[data-type="lactose"]{background:var(--badge-lactose-bg)!important;color:var(--badge-lactose-text)!important}
body:not(.admin) .badge--nut,
body:not(.admin) .badge.nut,
body:not(.admin) .tag-pill.nut,
body:not(.admin) .tag-pill.orasasto,
body:not(.admin) .tag-pill.badge--nut,
body:not(.admin) .tag-pill[data-tag="nut"],
body:not(.admin) .tag-pill[data-tag="orasasto"],
body:not(.admin) .tag-pill[data-type="nut"]{background:var(--badge-nut-bg)!important;color:var(--badge-nut-text)!important}
body:not(.admin) .badge--bestseller,
body:not(.admin) .badge.bestseller,
body:not(.admin) .tag-pill.bestseller,
body:not(.admin) .tag-pill.najprodavanije,
body:not(.admin) .tag-pill.badge--bestseller,
body:not(.admin) .tag-pill[data-tag="bestseller"],
body:not(.admin) .tag-pill[data-tag="najprodavanije"],
body:not(.admin) .tag-pill[data-type="bestseller"]{background:var(--badge-bestseller-bg)!important;color:var(--badge-bestseller-text)!important}

/* Premium back + favorite floating buttons on detail page */
body:not(.admin) .detail-screen .floating,
body:not(.admin) .detail-hero .floating,
body:not(.admin) .full-detail-hero .floating{
  top:18px!important;
  width:48px!important;
  height:48px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.88)!important;
  color:#111827!important;
  border:1px solid rgba(17,24,39,.10)!important;
  box-shadow:0 14px 34px rgba(16,24,40,.16), inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
}
body:not(.admin) .detail-screen .floating:active,
body:not(.admin) .detail-hero .floating:active,
body:not(.admin) .full-detail-hero .floating:active{transform:scale(.96)!important}
body:not(.admin) .detail-screen .floating.left,
body:not(.admin) .detail-hero .floating.left,
body:not(.admin) .full-detail-hero .floating.left{left:18px!important;font-size:0!important}
body:not(.admin) .detail-screen .floating.left::before,
body:not(.admin) .detail-hero .floating.left::before,
body:not(.admin) .full-detail-hero .floating.left::before{
  content:'‹';
  font-family:Georgia,serif!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:400!important;
  transform:translateY(-1px)!important;
}
body:not(.admin) .detail-screen .heart.floating.right,
body:not(.admin) .detail-hero .heart.floating.right,
body:not(.admin) .full-detail-hero .heart.floating.right{right:18px!important;font-size:25px!important}

/* ===== FINAL: SAME BADGES ON MENU + DETAIL PAGE ===== */
body:not(.admin) .tag-row .tag-pill.qr-badge-fixed,
body:not(.admin) .badges .badge,
body:not(.admin) .dish-image .badge{
  border:0!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-family:'Sora','Manrope',system-ui,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:0 10px 22px rgba(16,24,40,.10)!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-popular,
body:not(.admin) .dish-image .badge:not(.badge--chef):not(.badge--spicy):not(.badge--gluten):not(.badge--vegan):not(.badge--new):not(.badge--fish):not(.badge--lactose):not(.badge--nut):not(.badge--bestseller),
body:not(.admin) .badge--popular{
  background:linear-gradient(135deg,#ff4f73 0%,#ff255d 100%)!important;
  color:#fff!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-chef,
body:not(.admin) .dish-image .badge--chef{
  background:linear-gradient(135deg,#f2d797 0%,#d2ad66 100%)!important;
  color:#241604!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-spicy,
body:not(.admin) .dish-image .badge--spicy{
  background:linear-gradient(135deg,#ff4c55 0%,#ef233c 100%)!important;
  color:#fff!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-gluten,
body:not(.admin) .dish-image .badge--gluten{
  background:linear-gradient(135deg,#33e27c 0%,#08b85a 100%)!important;
  color:#062512!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-vegan,
body:not(.admin) .dish-image .badge--vegan{
  background:linear-gradient(135deg,#6ee7a8 0%,#10b981 100%)!important;
  color:#052e1a!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-new,
body:not(.admin) .dish-image .badge--new{
  background:linear-gradient(135deg,#8b7cff 0%,#635bff 100%)!important;
  color:#fff!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-fish,
body:not(.admin) .dish-image .badge--fish{
  background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)!important;
  color:#fff!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-lactose,
body:not(.admin) .dish-image .badge--lactose{
  background:linear-gradient(135deg,#fde68a 0%,#f5c542 100%)!important;
  color:#2b1f04!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-nut,
body:not(.admin) .dish-image .badge--nut{
  background:linear-gradient(135deg,#d6a16f 0%,#9b5f35 100%)!important;
  color:#fff!important;
}
body:not(.admin) .tag-row .tag-pill.qr-badge-bestseller,
body:not(.admin) .dish-image .badge--bestseller{
  background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%)!important;
  color:#fff!important;
}