/* Седмично меню — вариант 1 (одобрен от собственика 20.10.2026): като приложение за доставки,
   с картата на ястието по принципа на QR картата и „Сглоби комбинация“ (Yazaki карта).
   Всичко е под #wm1Overlay — нищо не се бие с общите стилове на приложението.
   Старият вид: weekly-menu-overlay.css / .js (остават на диска). */

#wm1Overlay{
  --a:#c2410c; --hi:#fff3c4; --ink:#0f172a; --mut:#5b6478; --bg:#f4f5f8;
  display:none; position:fixed; inset:0; z-index:100002; background:var(--bg); color:var(--ink);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-feature-settings:"locl" 0;
  -webkit-tap-highlight-color:transparent; overflow:hidden;
}
#wm1Overlay.open{ display:block; }
#wm1Overlay *{ box-sizing:border-box; }
#wm1Overlay button{ font:inherit; font-feature-settings:inherit; color:inherit; cursor:pointer; -webkit-appearance:none; appearance:none; }
#wm1Overlay a{ color:inherit; }
#wm1Overlay svg{ display:block; flex:none; }
#wm1Overlay .wm1-scroll{ position:absolute; inset:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-width:none; }
#wm1Overlay .wm1-scroll::-webkit-scrollbar, #wm1Overlay .wm1-rail::-webkit-scrollbar, #wm1Overlay .wm1-page::-webkit-scrollbar{ display:none; }
#wm1Overlay .wm1-wrap{ max-width:560px; margin:0 auto; }

/* ── движение ── */
@keyframes wm1up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes wm1page{from{transform:translateX(100%)}to{transform:none}}
@keyframes wm1num{0%{opacity:0;transform:translateY(12px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes wm1tray{from{transform:translateY(140%)}to{transform:none}}
@keyframes wm1pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
/* блясъкът и пулсирането — само с transform/opacity (видеокартата); с фон и сянка процесорът прерисуваше всеки кадър и менюто засичаше */
@keyframes wm1shine{0%{transform:translateX(-120%)}60%,100%{transform:translateX(260%)}}
@keyframes wm1steam{0%{opacity:0;transform:translateY(5px)}40%{opacity:.85}100%{opacity:0;transform:translateY(-9px)}}
@keyframes wm1nudge{0%{opacity:0;transform:translateY(8px)}30%{opacity:1;transform:none}40%{transform:translateX(-4px)}50%{transform:translateX(4px)}60%{transform:translateX(-2px)}70%,100%{transform:none}}
@keyframes wm1ring{0%,100%{opacity:0}50%{opacity:1}}
@keyframes wm1gift{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}
@keyframes wm1kb{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes wm1blob1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(22px,14px) scale(1.12)}}
@keyframes wm1blob2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,10px) scale(.9)}}
@keyframes wm1blob3{0%,100%{transform:translate(0,0) rotate(18deg)}50%{transform:translate(10px,-12px) rotate(32deg)}}
@keyframes wm1bounce{0%{transform:scale(.8)}60%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes wm1wave{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-8deg)}}
@keyframes wm1pop2{0%{opacity:0;transform:translateY(18px) scale(.94)}100%{opacity:1;transform:none}}
@keyframes wm1in{from{opacity:0;transform:translateX(60px) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes wm1spin{to{transform:rotate(360deg)}}
@keyframes wm1arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes wm1fade{from{opacity:0}to{opacity:1}}
#wm1Overlay .up{animation:wm1up .5s cubic-bezier(.2,.8,.2,1) both}
#wm1Overlay .num{display:inline-block;animation:wm1num .42s cubic-bezier(.2,.9,.3,1.3) both}
#wm1Overlay .pop{animation:wm1pop .35s ease both}
#wm1Overlay .press{transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease}
#wm1Overlay .press:active{transform:scale(.96)}
#wm1Overlay .wm1-bowl{position:relative;display:block;width:62px;height:62px}
/* парата и кръгчетата се движат само докато са на екрана (клас live от IntersectionObserver) */
#wm1Overlay .wm1-steam i{position:absolute;top:14px;width:8px;height:13px;opacity:0}
#wm1Overlay .live .wm1-steam i{animation:wm1steam 2.6s ease-in-out infinite}
#wm1Overlay .wm1-steam i:nth-child(1){left:20px}
#wm1Overlay .wm1-steam i:nth-child(2){left:28px;top:12px;animation-delay:.8s}
#wm1Overlay .wm1-steam i:nth-child(3){left:36px;animation-delay:1.6s}
#wm1Overlay .gift{display:inline-flex;flex:none;animation:wm1gift 1.6s ease-in-out infinite}
#wm1Overlay .kb{animation:wm1kb 6s ease-out both}
#wm1Overlay .bounce{display:inline-block;animation:wm1bounce .45s ease both}
#wm1Overlay .wave{display:inline-block;transform-origin:70% 70%;animation:wm1wave 2.4s ease-in-out infinite}
#wm1Overlay .pop2{animation:wm1pop2 .38s cubic-bezier(.2,.9,.3,1.2) both}
#wm1Overlay .slidein{animation:wm1in .4s cubic-bezier(.2,.9,.25,1) both}
#wm1Overlay .arrow{display:inline-block;animation:wm1arrow 1.4s ease-in-out infinite}

/* ── горе: заглавие + дни ── */
#wm1Overlay .wm1-head{ position:sticky; top:0; z-index:3; background:#fff; padding:calc(14px + env(safe-area-inset-top)) 16px 12px; box-shadow:0 1px 0 #e6e8ee; }
#wm1Overlay .wm1-top{ display:flex; align-items:center; gap:12px; }
#wm1Overlay .wm1-back{ flex:none; width:44px; height:44px; border:0; border-radius:50%; background:#f1f3f7; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-title{ flex:1; min-width:0; }
#wm1Overlay .wm1-title b{ display:block; font-size:19px; font-weight:800; letter-spacing:-.3px; color:var(--a); }
#wm1Overlay .wm1-title span{ display:block; font-size:13px; font-weight:600; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#wm1Overlay .wm1-lang{ flex:none; height:36px; padding:0 12px; border:1px solid #dfe3eb; border-radius:999px; background:#fff; font-size:13px; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-days{ position:relative; margin-top:14px; display:grid; background:#f1f3f7; border-radius:16px; padding:4px; }
#wm1Overlay .wm1-ind{ position:absolute; top:4px; bottom:4px; left:4px; border-radius:12px; background:var(--a); box-shadow:0 6px 16px rgba(194,65,12,.3); transition:transform .38s cubic-bezier(.3,1.3,.5,1); }
#wm1Overlay .wm1-day{ position:relative; z-index:1; border:0; background:transparent; padding:7px 0 8px; display:flex; flex-direction:column; align-items:center; gap:1px; color:var(--mut); transition:color .25s ease; }
#wm1Overlay .wm1-day.on{ color:#fff; }
#wm1Overlay .wm1-day small{ font-size:11px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
#wm1Overlay .wm1-day b{ font-size:20px; font-weight:800; line-height:1.1; }

#wm1Overlay .wm1-main{ padding:16px 16px calc(130px + env(safe-area-inset-bottom)); }
#wm1Overlay .wm1-msg{ margin-top:30px; padding:26px 16px; border-radius:20px; background:#fff; text-align:center; color:var(--mut); font-size:15px; font-weight:700; }
#wm1Overlay .wm1-spin{ width:34px; height:34px; margin:0 auto 12px; border-radius:50%; border:4px solid #f1d9cc; border-top-color:var(--a); animation:wm1spin .9s linear infinite; }

/* ── картата на деня ── */
#wm1Overlay .wm1-hero{ position:relative; overflow:hidden; margin-bottom:14px; padding:18px 18px 14px; border-radius:26px; background:var(--a); color:#fff; box-shadow:0 14px 30px rgba(194,65,12,.28); }
#wm1Overlay .wm1-blob{ position:absolute; pointer-events:none; }
#wm1Overlay .wm1-blob.b1{ width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,.10); top:-90px; right:-60px; animation:wm1blob1 7s ease-in-out infinite; }
#wm1Overlay .wm1-blob.b2{ width:120px; height:120px; border-radius:50%; background:rgba(255,243,196,.24); bottom:-55px; left:-40px; animation:wm1blob2 9s ease-in-out infinite; }
#wm1Overlay .wm1-blob.b3{ width:56px; height:56px; border-radius:18px; background:rgba(255,255,255,.14); top:22px; right:34px; animation:wm1blob3 6s ease-in-out infinite; }
#wm1Overlay .wm1-hero-top{ position:relative; display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:700; color:#ffe4d1; }
#wm1Overlay .wm1-hero-top > span{ display:flex; align-items:center; gap:6px; }
#wm1Overlay .wm1-today{ padding:5px 11px; border-radius:999px; background:#ffe08a; color:#4a3800; font-size:12px; font-weight:800; }
#wm1Overlay .wm1-hero h1{ position:relative; margin:6px 0 0; font-size:34px; line-height:1.05; font-weight:800; letter-spacing:-.8px; color:#fff; }
#wm1Overlay .wm1-hero-sub{ position:relative; margin-top:2px; font-size:15px; font-weight:700; color:#ffe4d1; }
#wm1Overlay .wm1-line{ position:relative; margin-top:16px; height:34px; }
#wm1Overlay .wm1-line-bg, #wm1Overlay .wm1-line-fill{ position:absolute; left:14px; top:13px; height:4px; border-radius:4px; }
#wm1Overlay .wm1-line-bg{ right:14px; background:rgba(255,255,255,.18); }
#wm1Overlay .wm1-line-fill{ background:var(--hi); transition:width .5s cubic-bezier(.3,1,.4,1); }
#wm1Overlay .wm1-dots{ position:relative; display:flex; justify-content:space-between; }
#wm1Overlay .wm1-dot{ border:0; background:transparent; padding:0; width:30px; display:flex; justify-content:center; }
#wm1Overlay .wm1-dot span{ width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; background:rgba(255,255,255,.16); color:#fff; box-shadow:0 0 0 3px var(--a); transition:transform .3s cubic-bezier(.3,1.4,.5,1), background .3s ease; }
#wm1Overlay .wm1-dot.past span{ background:#fde2c8; color:var(--a); }
#wm1Overlay .wm1-dot.on span{ background:var(--hi); color:var(--a); transform:scale(1.18); }
#wm1Overlay .wm1-swipe{ position:relative; margin-top:6px; font-size:12px; font-weight:700; color:#ffe4d1; }

/* ── сглоби комбинация ── */
#wm1Overlay .wm1-combo{ padding:16px; border-radius:24px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.08); animation-delay:60ms; }
#wm1Overlay .wm1-combo-h{ display:flex; align-items:center; gap:10px; }
#wm1Overlay .wm1-combo-ic{ flex:none; width:40px; height:40px; border-radius:13px; background:var(--a); display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-kicker{ display:block; font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#a87a12; }
#wm1Overlay .wm1-combo-h b{ display:block; font-size:18px; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-rail{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:12px -16px 0; padding:2px 16px 6px; -webkit-overflow-scrolling:touch; }
#wm1Overlay .wm1-cb{ flex:none; width:150px; padding:10px 12px; border-radius:16px; border:2px solid #e3e6ee; background:#fff; color:var(--a); text-align:left; }
#wm1Overlay .wm1-cb span{ display:block; font-size:13px; font-weight:800; line-height:1.25; min-height:33px; }
#wm1Overlay .wm1-cb b{ display:block; margin-top:4px; font-size:18px; font-weight:800; }
#wm1Overlay .wm1-cb.on{ background:var(--a); border-color:var(--a); color:#fff; }
#wm1Overlay .wm1-cb.on b{ color:var(--hi); }
#wm1Overlay .wm1-slot{ margin-top:10px; }
#wm1Overlay .wm1-slot-h{ display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:800; color:#4b5563; }
#wm1Overlay .wm1-cnt{ padding:2px 8px; border-radius:999px; background:#f1f3f7; color:#4b5563; font-size:12px; }
#wm1Overlay .wm1-cnt.full{ background:#dcfce7; color:#166534; }
#wm1Overlay .wm1-slot .wm1-rail{ margin-top:6px; padding-bottom:4px; }
#wm1Overlay .wm1-opt{ flex:none; max-width:210px; padding:9px 12px; border-radius:14px; border:1px solid #e3e6ee; background:#fff; color:var(--a); font-size:13px; font-weight:700; text-align:left; line-height:1.3; }
#wm1Overlay .wm1-opt.on{ background:var(--a); border-color:var(--a); color:var(--hi); }
#wm1Overlay .wm1-total{ margin-top:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:18px; background:var(--a); color:#fff; }
#wm1Overlay .wm1-total b{ display:block; font-size:13px; font-weight:800; }
#wm1Overlay .wm1-total small{ display:block; font-size:12px; font-weight:600; color:#ffd9c2; }
#wm1Overlay .wm1-total .num{ font-size:30px; font-weight:800; color:var(--hi); white-space:nowrap; }
#wm1Overlay .wm1-nudge{ position:relative; margin-top:10px; display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:14px; background:#ecfdf5; border:1px solid #a7f3d0; font-size:13px; font-weight:800; color:#065f46; animation:wm1nudge .9s ease both; }
#wm1Overlay .wm1-nudge::after{ content:''; position:absolute; inset:-1px; border-radius:inherit; box-shadow:0 0 0 5px rgba(16,185,129,.22); opacity:0; pointer-events:none; animation:wm1ring 1.8s ease-in-out .9s infinite; }
#wm1Overlay .wm1-bread{ margin-top:10px; display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:#fff7e0; border:1px solid #f0d9a0; font-size:12px; font-weight:700; color:#6b4500; }
#wm1Overlay .wm1-fine{ margin-top:8px; font-size:12px; font-weight:600; color:var(--mut); }

/* ── поръчай за вкъщи ── */
#wm1Overlay .wm1-ob{ margin-top:14px; display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:20px; background:var(--a); color:#fff; text-decoration:none; box-shadow:0 12px 28px rgba(194,65,12,.22); animation-delay:100ms; }
#wm1Overlay .wm1-ob div{ flex:1; min-width:0; }
#wm1Overlay .wm1-ob b{ display:block; font-size:16px; font-weight:800; }
#wm1Overlay .wm1-ob small{ display:block; margin-top:2px; font-size:13px; font-weight:600; color:#ffe4d1; }
#wm1Overlay .wm1-shine{ position:relative; overflow:hidden; isolation:isolate; flex:none; display:inline-flex; align-items:center; height:40px; padding:0 14px; border-radius:999px; color:#2b2100; font-size:14px; font-weight:800; background:#f5b301; }
#wm1Overlay .wm1-shine::after{ content:''; position:absolute; z-index:-1; top:0; bottom:0; left:0; width:45%; background:linear-gradient(110deg,rgba(255,224,138,0) 0%,#ffe08a 50%,rgba(255,224,138,0) 100%); animation:wm1shine 3.2s ease-in-out infinite; }

/* ── категории ── */
#wm1Overlay .wm1-tabs{ display:flex; gap:20px; overflow-x:auto; scrollbar-width:none; margin:18px -16px 0; padding:4px 18px 12px; border-bottom:1px solid #e3e6ee; animation-delay:140ms; }
#wm1Overlay .wm1-tab{ flex:none; position:relative; padding:6px 0; border:0; background:transparent; color:#9aa3b5; font-size:15px; font-weight:800; white-space:nowrap; transition:color .25s ease; }
#wm1Overlay .wm1-tab i{ position:absolute; left:0; right:0; bottom:-13px; height:4px; border-radius:4px; background:var(--a); transform:scaleX(0); transition:transform .35s cubic-bezier(.3,1.3,.5,1); }
#wm1Overlay .wm1-tab.on{ color:var(--a); }
#wm1Overlay .wm1-tab.on i{ transform:scaleX(1); }
#wm1Overlay .wm1-sec{ margin-top:18px; scroll-margin-top:150px; }
#wm1Overlay .wm1-sec-h{ display:flex; align-items:center; gap:10px; margin:6px 2px 2px; }
#wm1Overlay .wm1-sec-ic{ position:relative; flex:none; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-sec-ic i{ position:absolute; inset:-4px; border-radius:50%; border:2px dashed currentColor; opacity:.4; }
#wm1Overlay .wm1-sec-ic.live i{ animation:wm1spin 9s linear infinite; }
#wm1Overlay .wm1-sec h2{ margin:0; font-size:18px; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-grams{ font-size:12px; font-weight:800; padding:2px 8px; border-radius:999px; }
#wm1Overlay .wm1-sec-combo{ margin:0 2px; font-size:12px; font-weight:700; color:#8a5a00; }
#wm1Overlay .wm1-items{ display:flex; flex-direction:column; gap:10px; margin-top:10px; }
#wm1Overlay .wm1-it{ position:relative; }
#wm1Overlay .wm1-row{ display:flex; align-items:center; gap:14px; width:100%; padding:12px; border:0; border-radius:18px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.06); text-align:left; }
#wm1Overlay .wm1-row-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
#wm1Overlay .wm1-row-n{ font-size:15px; font-weight:700; line-height:1.3; color:var(--ink); }
#wm1Overlay .wm1-row-p{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#wm1Overlay .wm1-row-p b{ font-size:16px; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-chip-card{ font-size:12px; font-weight:800; color:#6b4500; background:#fff1c2; padding:3px 8px; border-radius:999px; }
#wm1Overlay .wm1-info{ display:flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-pic{ flex:none; width:92px; height:92px; border-radius:16px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-pic img{ width:92px; height:92px; object-fit:cover; display:block; }
#wm1Overlay .wm1-add{ position:absolute; right:4px; bottom:4px; width:34px; height:34px; border:3px solid #fff; border-radius:50%; background:var(--a); display:flex; align-items:center; justify-content:center; box-shadow:0 3px 10px rgba(15,23,42,.2); }
#wm1Overlay .wm1-add.on{ background:var(--hi); }

/* ── лентата с комбинацията ── */
#wm1Overlay .wm1-tray{ position:absolute; left:12px; right:12px; bottom:calc(14px + env(safe-area-inset-bottom)); z-index:5; max-width:536px; margin:0 auto; border-radius:20px; background:var(--a); color:#fff; padding:12px 14px; display:flex; align-items:center; gap:12px; box-shadow:0 16px 36px rgba(194,65,12,.4); animation:wm1tray .45s cubic-bezier(.2,.9,.3,1.1) both; }
#wm1Overlay .wm1-tray-t{ flex:1; min-width:0; }
#wm1Overlay .wm1-tray-t > span{ display:block; }
#wm1Overlay .wm1-tray-k{ font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--hi); }
#wm1Overlay .wm1-tray-t{ cursor:pointer; }
#wm1Overlay .wm1-tray-n{ font-size:13px; font-weight:700; color:#fde8dc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#wm1Overlay .wm1-tray-v{ font-size:12px; font-weight:800; color:var(--hi); text-decoration:underline; text-underline-offset:2px; }
/* резюме: „Избрано“ в „Сглоби комбинация“ и листът „Твоята комбинация“ */
#wm1Overlay .wm1-picked{ margin-top:12px; padding:10px 12px; border-radius:14px; background:#fff7ed; border:1px solid #fed7aa; display:flex; flex-direction:column; gap:4px; }
#wm1Overlay .wm1-picked b{ font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#9a3412; }
#wm1Overlay .wm1-picked span{ font-size:14px; font-weight:700; color:var(--ink); }
#wm1Overlay .wm1-sum-k{ color:#a87a12 !important; }
#wm1Overlay .wm1-sum-slot{ padding:10px 12px; border-radius:16px; background:#f7f8fa; border:1px solid #eef0f4; }
#wm1Overlay .wm1-sum-h{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13px; font-weight:800; color:#4b5563; margin-bottom:6px; }
#wm1Overlay .wm1-sum-it{ display:flex; align-items:center; gap:8px; padding:6px 0; border-top:1px dashed #e3e6ee; }
#wm1Overlay .wm1-sum-ok{ flex:none; width:22px; height:22px; border-radius:50%; background:#dcfce7; color:#166534; font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-sum-n{ flex:1; min-width:0; font-size:15px; font-weight:700; color:var(--ink); }
#wm1Overlay .wm1-sum-x{ flex:none; width:32px; height:32px; border:0; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 4px rgba(0,0,0,.08); }
#wm1Overlay .wm1-sum-miss{ margin-top:6px; width:100%; padding:10px 12px; border-radius:12px; border:1px solid #a7f3d0; background:#ecfdf5; color:#065f46; font-size:13px; font-weight:800; text-align:left; }
#wm1Overlay .wm1-sheet .wm1-total{ margin-top:12px; }
#wm1Overlay .wm1-sum-btns{ display:flex; gap:10px; }
#wm1Overlay .wm1-sum-btns .wm1-sheet-no{ flex:1; }
#wm1Overlay .wm1-sum-done{ flex:1; margin-top:12px; height:48px; border:0; border-radius:14px; background:var(--a); color:#fff; font-size:14px; font-weight:800; }
#wm1Overlay .wm1-tray-b{ font-size:11px; font-weight:700; color:#ffd9c2; }
#wm1Overlay .wm1-tray-g{ display:inline-block; margin-top:4px; padding:5px 10px; border:0; border-radius:999px; background:#10b981; color:#fff; font-size:12px; font-weight:800; }
#wm1Overlay .wm1-tray-p{ flex:none; text-align:right; }
#wm1Overlay .wm1-tray-p small{ display:block; font-size:11px; font-weight:700; color:#ffd9c2; }
#wm1Overlay .wm1-tray-p b{ display:block; font-size:22px; font-weight:800; color:var(--hi); }
#wm1Overlay .wm1-x{ flex:none; width:34px; height:34px; border:0; border-radius:50%; background:rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; }

/* ── „полага ти се още“ ── */
#wm1Overlay .wm1-dim{ position:absolute; inset:0; z-index:8; background:rgba(15,23,42,.45); display:flex; align-items:flex-end; justify-content:center; animation:wm1fade .25s ease both; }
#wm1Overlay .wm1-sheet{ width:100%; max-width:560px; background:#fff; border-radius:26px 26px 0 0; padding:16px 16px calc(24px + env(safe-area-inset-bottom)); animation:wm1tray .45s cubic-bezier(.2,.9,.3,1.1) both; }
#wm1Overlay .wm1-sheet-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
#wm1Overlay .wm1-sheet-h small{ display:block; font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#047857; }
#wm1Overlay .wm1-sheet-h b{ display:block; font-size:18px; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-close{ flex:none; width:38px; height:38px; border:0; border-radius:50%; background:#f1f3f7; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-sheet-list{ margin-top:12px; display:flex; flex-direction:column; gap:8px; max-height:52vh; overflow-y:auto; }
#wm1Overlay .wm1-sheet-o{ display:flex; align-items:center; gap:10px; width:100%; padding:13px 14px; border-radius:16px; border:1px solid #a7f3d0; background:#f0fdf4; color:#065f46; font-size:15px; font-weight:800; text-align:left; }
#wm1Overlay .wm1-sheet-o span{ flex:1; }
#wm1Overlay .wm1-sheet-o small{ font-size:12px; font-weight:800; color:#047857; }
#wm1Overlay .wm1-sheet-no{ margin-top:12px; width:100%; height:48px; border:0; border-radius:14px; background:#f1f3f7; color:var(--a); font-size:14px; font-weight:800; }

/* ── картата на ястието (по принципа на QR картата) ── */
#wm1Overlay .wm1-page{ position:absolute; inset:0; z-index:10; overflow-y:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; background:var(--a); animation:wm1page .42s cubic-bezier(.2,.9,.25,1) both; }
#wm1Overlay .wm1-page-in{ max-width:560px; margin:0 auto; padding-bottom:env(safe-area-inset-bottom); }
#wm1Overlay .wm1-page-h{ display:flex; align-items:center; gap:10px; padding:calc(14px + env(safe-area-inset-top)) 16px 12px; color:#fff; }
#wm1Overlay .wm1-page-h .wm1-back{ background:rgba(255,255,255,.14); }
#wm1Overlay .wm1-page-h > span{ flex:1; min-width:0; }
#wm1Overlay .wm1-page-h b{ display:block; font-size:15px; font-weight:800; }
#wm1Overlay .wm1-page-h small{ display:block; font-size:12px; font-weight:600; color:#ffd9c2; }
#wm1Overlay .wm1-pill{ display:inline-flex; padding:3px; border:0; border-radius:999px; background:rgba(255,255,255,.12); }
#wm1Overlay .wm1-pill span{ padding:6px 11px; border-radius:999px; color:#ffd9c2; font-size:12px; font-weight:800; }
#wm1Overlay .wm1-pill span.on{ background:var(--hi); color:var(--a); }
#wm1Overlay .wm1-paper{ margin:0 12px 18px; border-radius:26px; overflow:hidden; background:#fdf8ee; }
#wm1Overlay .wm1-photo{ height:240px; overflow:hidden; }
#wm1Overlay .wm1-photo img{ width:100%; height:240px; object-fit:cover; display:block; }
#wm1Overlay .wm1-nophoto{ display:flex; align-items:center; gap:12px; padding:18px 18px 0; }
#wm1Overlay .wm1-nophoto > span:first-child{ flex:none; width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-catchip{ font-size:13px; font-weight:800; padding:6px 12px; border-radius:999px; }
#wm1Overlay .wm1-paper-b{ padding:18px 18px 22px; }
#wm1Overlay .wm1-paper-b h3{ margin:6px 0 0; font-size:25px; line-height:1.2; font-weight:800; color:var(--a); }
#wm1Overlay .wm1-price{ margin-top:14px; padding:14px 16px; border-radius:18px; background:var(--a); }
#wm1Overlay .wm1-price small{ display:block; font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#ffd9c2; }
#wm1Overlay .wm1-price b{ display:block; font-size:30px; font-weight:800; color:var(--hi); }
#wm1Overlay .wm1-yz{ margin-top:10px; padding:12px 14px; border-radius:18px; background:#fbefd2; border:1px solid #f0d9a0; color:var(--a); }
#wm1Overlay .wm1-yz > b{ display:block; font-size:15px; font-weight:800; }
#wm1Overlay .wm1-yz-l{ margin-top:6px; display:grid; gap:4px; }
#wm1Overlay .wm1-yz-l div{ display:flex; justify-content:space-between; gap:10px; font-size:13px; font-weight:700; color:#6b4500; }
#wm1Overlay .wm1-yz-l b{ white-space:nowrap; color:var(--a); }
#wm1Overlay .wm1-yz-free{ display:flex; justify-content:space-between; margin-top:8px; padding-top:8px; border-top:1px dashed #e6c98a; font-size:15px; font-weight:800; }
#wm1Overlay .wm1-yz-note{ margin-top:8px; font-size:12px; font-weight:700; color:#6b4500; }
#wm1Overlay .wm1-yz-fine{ margin-top:8px; font-size:12px; font-weight:600; color:#4b5563; }
#wm1Overlay .wm1-blk{ margin-top:16px; padding-top:14px; border-top:1px solid #efe4cc; }
#wm1Overlay .wm1-blk > small{ display:block; font-size:13px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--a); }
#wm1Overlay .wm1-blk > div{ margin-top:6px; font-size:15px; line-height:1.5; color:#334155; white-space:pre-line; }
#wm1Overlay .wm1-al{ margin-top:10px !important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#wm1Overlay .wm1-al > div{ padding:12px 8px; border-radius:16px; background:#fbefd2; border:1px solid #f0d9a0; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:13px; font-weight:800; color:#6b4500; text-align:center; }
#wm1Overlay .wm1-al > div > span{ width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid #f0d9a0; display:flex; align-items:center; justify-content:center; }
#wm1Overlay .wm1-loading{ margin-top:14px; font-size:13px; font-weight:700; color:var(--mut); }
#wm1Overlay .wm1-cta{ margin-top:20px; width:100%; height:54px; border:0; border-radius:16px; background:var(--a); color:var(--hi); font-size:16px; font-weight:800; }

/* „Поръчай за вкъщи“ — слой над менюто/началния екран (страницата е в iframe; „Назад“ затваря слоя) */
@keyframes wm1thin{from{transform:translateX(100%)}to{transform:none}}
/* лентите на телефона: вградената страница не знае за тях (в iframe env() е 0) — затова отстъпите са тук, и отгоре, и отдолу */
#wm1TakeHome{ display:none; position:fixed; inset:0; z-index:100010; flex-direction:column; background:#ffffff;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#wm1TakeHome.open{ display:flex; animation:wm1thin .32s cubic-bezier(.2,.9,.25,1) both; }
#wm1TakeHome iframe{ position:relative; z-index:1; flex:1; width:100%; border:0; display:block; background:transparent; }
#wm1TakeHome .wm1-th-spin{ position:absolute; z-index:0; top:45%; left:50%; width:34px; height:34px; margin:-17px 0 0 -17px; border-radius:50%; border:4px solid #f1d9cc; border-top-color:#c2410c; animation:wm1spin .9s linear infinite; }

@media (prefers-reduced-motion:reduce){
  #wm1TakeHome{ animation:none !important; }
  #wm1Overlay *, #wm1Overlay *::before, #wm1Overlay *::after{ animation:none !important; transition:none !important; }
}