/* CULTURE GROUP · РЕЖИМ ПРИЛОЖЕНИЯ (html.cg-in-app) · день 1 (Мая 08.09.2026 msgs 11503/11521)
   Только в оболочке приложения. Сайт в браузере не меняется. Макет: office/files/2026-09-08/app_mode_demo/index2.html */
html.cg-in-app{--cga-bg:#EFE7D6;--cga-card:#FCF9F2;--cga-bronze:#A5825F;--cga-rebel:#8F6B4E;--cga-gold:#D8B98A;--cga-hair:rgba(143,107,78,.18);--cga-sh:0 10px 30px rgba(35,28,21,.08);--cga-sat:env(safe-area-inset-top,0px);--cga-sab:env(safe-area-inset-bottom,0px)}
html.cg-in-app body{background:var(--cga-bg)}
/* шапка: назад · карта гостя · меню */
html.cg-in-app header.top{background:linear-gradient(var(--cga-bg) 72%,rgba(239,231,214,0));border-bottom:0;backdrop-filter:none;padding:calc(10px + var(--cga-sat)) 0 12px}
html.cg-in-app header.top .container.row{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center}
html.cg-in-app header.top .brand{display:none}
html.cg-in-app header.top .lang-sw{display:none!important}
html.cg-in-app .cga-back{width:44px;height:44px;border-radius:14px;background:var(--cga-card);box-shadow:var(--cga-sh);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:24px;line-height:1;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .25s}
html.cg-in-app.cga-hasback .cga-back{opacity:1;pointer-events:auto}
html.cg-in-app .cga-pill{height:44px;border-radius:14px;background:var(--cga-card);box-shadow:var(--cga-sh);display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;padding:0 12px;white-space:nowrap;overflow:hidden}
html.cg-in-app .cga-pill svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.7;flex:none}
html.cg-in-app header.top .hdr-right{justify-self:end}
html.cg-in-app header.top .burger{width:44px;height:44px;border-radius:14px;background:var(--cga-card);box-shadow:var(--cga-sh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0}
html.cg-in-app header.top .burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}
html.cg-in-app header.top .burger span:last-child{width:12px;align-self:flex-start;margin-left:12px}
/* нижняя панель вкладок */
html.cg-in-app body{padding-bottom:calc(84px + var(--cga-sab))}
/* 13.09.2026 (Мая msg 12484): полоса вкладок прижата к низу, на всю ширину, непрозрачная, без скругления */
html.cg-in-app .cga-tabs{position:fixed;left:0;right:0;bottom:0;height:calc(62px + var(--cga-sab));padding:0 6px var(--cga-sab);background:#FCF9F2;border-top:1px solid rgba(35,28,21,.12);border-radius:0;box-shadow:0 -6px 20px rgba(35,28,21,.06);display:grid;grid-template-columns:repeat(5,1fr);z-index:60}
html.cg-in-app .cga-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--sans);font-size:10px;font-weight:700;color:rgba(35,28,21,.55);text-decoration:none;position:relative;transition:color .25s}
html.cg-in-app .cga-tab svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}
html.cg-in-app .cga-tab.on{color:var(--ink)}
html.cg-in-app .cga-tab.on::before{content:'';position:absolute;top:6px;width:24px;height:3px;border-radius:3px;background:var(--cga-rebel)}
/* боковое меню: панель справа со скруглением, пункты по очереди */
html.cg-in-app .mn-overlay{background:rgba(35,28,21,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html.cg-in-app .mn-inner{margin-left:auto;width:84%;max-width:340px;min-height:100%;background:var(--cga-card);border-radius:28px 0 0 28px;padding:calc(18px + var(--cga-sat)) 22px 30px;box-shadow:-24px 0 50px rgba(35,28,21,.2);transform:translateX(104%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
html.cg-in-app .mn-overlay.open .mn-inner,html.cg-in-app .mn-overlay.show .mn-inner{transform:none}
html.cg-in-app .mn-group a{font-family:var(--display);font-size:22px;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--cga-hair);display:block;opacity:0;transform:translateX(18px);transition:opacity .3s,transform .3s}
html.cg-in-app .mn-overlay.open .mn-group a,html.cg-in-app .mn-overlay.show .mn-group a{opacity:1;transform:none}
html.cg-in-app .mn-group a:nth-child(2){transition-delay:.04s}html.cg-in-app .mn-group a:nth-child(3){transition-delay:.08s}html.cg-in-app .mn-group a:nth-child(4){transition-delay:.12s}html.cg-in-app .mn-group a:nth-child(5){transition-delay:.16s}html.cg-in-app .mn-group a:nth-child(6){transition-delay:.2s}html.cg-in-app .mn-group a:nth-child(7){transition-delay:.24s}html.cg-in-app .mn-group a:nth-child(8){transition-delay:.28s}
/* плавное появление экрана */
html.cg-in-app main,html.cg-in-app .page,html.cg-in-app body>section{animation:cgaIn .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes cgaIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
/* меню зала: карточки и чипсы */
html.cg-in-app .cat-nav a{padding:10px 16px;border-radius:14px;background:var(--cga-card);box-shadow:var(--cga-sh);font-weight:700;letter-spacing:0;text-transform:none;font-size:12.5px;border-bottom:0}
html.cg-in-app .cat-nav a.on,html.cg-in-app .cat-nav a.active{background:var(--ink);color:#F2EADA}
html.cg-in-app .sheet .sec{background:var(--cga-card);border-radius:18px;box-shadow:var(--cga-sh);padding:6px 14px 4px;margin:0 0 12px}
html.cg-in-app .sheet .item{border-bottom:1px solid var(--cga-hair)}
html.cg-in-app .sheet .item:last-child{border-bottom:0}
html.cg-in-app .m-hero{padding:6px 0 10px}
html.cg-in-app .m-hero h1{font-size:34px}
/* экран «Домой» (/app/home) */
.cga-home{padding:4px 16px 16px;font-family:var(--sans)}
.cga-stories{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 10px;margin:0 -16px;padding-left:16px;scrollbar-width:none}.cga-stories::-webkit-scrollbar{display:none}
.cga-story{flex:0 0 78px;text-align:center;text-decoration:none;color:var(--ink)}.cga-story .ring{width:78px;height:78px;border-radius:26px;padding:3px;background:linear-gradient(135deg,var(--cga-gold),var(--cga-rebel))}.cga-story .ring img{width:100%;height:100%;object-fit:cover;border-radius:23px;border:3px solid var(--cga-bg);display:block}.cga-story span{display:block;font-size:11px;margin-top:6px;line-height:1.2}
.cga-gcard{position:relative;display:block;height:200px;border-radius:22px;overflow:hidden;background:#231C15;color:#F2EADA;padding:20px 22px;margin-bottom:14px;box-shadow:0 18px 40px rgba(35,28,21,.28);text-decoration:none}.cga-gcard::after{content:'';position:absolute;right:-40px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(216,185,138,.35),rgba(216,185,138,0) 60%)}
.cga-gcard .lbl{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--cga-gold)}.cga-gcard .brand{position:absolute;right:22px;top:20px;font-family:var(--display);font-size:13px;letter-spacing:.32em;color:var(--cga-gold)}.cga-gcard .pct{font-family:var(--display);font-size:64px;line-height:.95;margin:4px 0 18px}.cga-gcard .who{font-size:13px;opacity:.85}.cga-gcard .prog{position:absolute;left:22px;right:22px;bottom:20px}.cga-gcard .prog i{display:block;height:3px;border-radius:3px;background:rgba(242,234,218,.25);overflow:hidden}.cga-gcard .prog i b{display:block;height:100%;background:linear-gradient(90deg,var(--cga-gold),#F2EADA)}.cga-gcard .prog small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:8px;opacity:.85}
.cga-gcard.guest .pct{font-size:30px;line-height:1.15;margin:14px 0 8px}
.cga-card{background:var(--cga-card);border-radius:22px;box-shadow:var(--cga-sh);margin-bottom:14px;overflow:hidden}
.cga-order{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--ink)}.cga-order .t{flex:1}.cga-order b{display:block;font-size:14px}.cga-order small{color:rgba(35,28,21,.58);font-size:12px}.cga-steps{display:flex;align-items:center;gap:4px}.cga-steps i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--cga-bronze);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--cga-bronze);font-style:normal}.cga-steps i.done{background:var(--cga-bronze);color:#fff}.cga-steps s{width:14px;height:2px;background:var(--cga-hair);text-decoration:none}.cga-steps s.done{background:var(--cga-bronze)}
.cga-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.cga-tile{background:var(--cga-card);border-radius:18px;box-shadow:var(--cga-sh);padding:14px 12px 12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-height:104px;position:relative;overflow:hidden;text-decoration:none;color:var(--ink)}.cga-tile svg{width:26px;height:26px;stroke:var(--cga-rebel);fill:none;stroke-width:1.6}.cga-tile span{font-size:12px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.cga-tile em{position:absolute;right:10px;top:10px;font-style:normal;background:var(--cga-rebel);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px}
.cga-h2{font-family:var(--display);font-size:26px;margin:6px 0 10px;display:flex;justify-content:space-between;align-items:baseline;font-weight:500}.cga-h2 small{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cga-bronze)}
.cga-venues{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.cga-venue{position:relative;height:150px;border-radius:18px;overflow:hidden;box-shadow:var(--cga-sh);text-decoration:none;display:block}.cga-venue img{width:100%;height:100%;object-fit:cover;display:block}.cga-venue span{position:absolute;left:12px;bottom:10px;color:#fff;font-family:var(--display);font-size:24px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.cga-venue small{position:absolute;left:12px;top:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(35,28,21,.45);padding:4px 8px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cga-quick{padding:16px 18px}.cga-quick h4{margin:0 0 10px;font-family:var(--display);font-weight:500;font-size:22px;display:flex;justify-content:space-between;align-items:center}.cga-quick h4 small{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cga-bronze)}.cga-qrow{display:flex;gap:10px;overflow-x:auto;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}.cga-qitem{flex:0 0 auto;display:flex;align-items:center;gap:10px;background:var(--cga-bg);border-radius:14px;padding:8px 12px 8px 8px;text-decoration:none;color:var(--ink)}.cga-qitem img{width:40px;height:40px;border-radius:10px;object-fit:cover}.cga-qitem b{display:block;font-size:13px}.cga-qitem small{color:rgba(35,28,21,.58);font-size:11px}
/* карта гостя: QR */
.cga-qr{background:var(--cga-card);border-radius:22px;box-shadow:var(--cga-sh);padding:18px;text-align:center;margin:0 0 14px}.cga-qr img{width:170px;height:170px;border-radius:14px;display:block;margin:0 auto 10px}.cga-qr small{font-size:12px;color:rgba(35,28,21,.58)}

/* доводка после первого прогона на стенде (08.09, вечер) */
html.cg-in-app .cga-story span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
html.cg-in-app .mn-group a{text-transform:none;letter-spacing:0;font-size:22px}
html.cg-in-app .mn-top .cg-lockup.light{--lk-ink:#231C15;--lk-bronze:#8F6B4E}
html.cg-in-app .mn-close{color:#231C15}
html.cg-in-app .mn-venues small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--cga-bronze);margin:6px 0 4px}
html.cg-in-app .m-hero .back{display:none}
html.cg-in-app .m-hero h1{font-size:34px!important;margin-bottom:2px!important}
html.cg-in-app .m-hero .sub{font-size:15px}
/* лист оплаты в доставке (одна кнопка «Оплатить», внутри СБП крупно, карта ниже) */
html.cg-in-app #coPayOnlinePanel{display:none!important}
html.cg-in-app #submitBtn{display:none!important}
html.cg-in-app .cga-paybtn{display:block;width:100%;text-align:center;padding:18px;border-radius:18px;background:var(--ink);color:#F2EADA;font-family:var(--sans);font-size:13px;letter-spacing:.2em;text-transform:uppercase;border:0;box-shadow:0 14px 30px rgba(35,28,21,.25);margin:12px 0 4px}
.cga-sheet{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--cga-card,#FCF9F2);border-radius:28px 28px 0 0;padding:14px 18px calc(env(safe-area-inset-bottom,0px) + 18px);transform:translateY(105%);transition:transform .45s cubic-bezier(.2,.7,.2,1);box-shadow:0 -20px 50px rgba(35,28,21,.25);font-family:var(--sans)}.cga-sheet.open{transform:none}
.cga-sheet .grab{width:44px;height:5px;border-radius:5px;background:rgba(143,107,78,.25);margin:0 auto 14px}.cga-sheet h3{margin:0 0 4px;font-family:var(--display);font-weight:500;font-size:26px}.cga-sheet .sum{color:rgba(35,28,21,.58);font-size:13px;margin-bottom:16px}
.cga-paybig{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-radius:20px;background:#231C15;color:#F2EADA;border:0;margin-bottom:10px;box-shadow:0 14px 30px rgba(35,28,21,.25);font:inherit}.cga-paybig b{font-size:20px}.cga-paybig small{display:block;font-size:11px;opacity:.75;margin-top:3px}.cga-paybig .sbp{display:flex;align-items:center;gap:10px}.cga-paybig .sbp i{display:block;width:34px;height:34px;border-radius:9px;background:conic-gradient(from 90deg,#5B57A2,#D90751,#F2A200,#0FA8E0,#5B57A2);flex:none}.cga-paybig .amt{font-family:var(--display);font-size:24px;white-space:nowrap}
.cga-paycard{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:18px;background:#EFE7D6;margin-bottom:8px;font-size:15px;border:0;font:inherit;color:inherit}.cga-paycard small{color:rgba(35,28,21,.58);font-size:11px;display:block}
.cga-scrim{position:fixed;inset:0;background:rgba(35,28,21,.35);z-index:115;opacity:0;pointer-events:none;transition:opacity .35s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cga-scrim.on{opacity:1;pointer-events:auto}

/* экран карты гостя (/app/card) в приложении: прогресс, «Мои брони и заказы», «История визитов» */
.cga-only{display:none}html.cg-in-app .cga-only{display:block}
html.cg-in-app .app-actions a.app-btn{display:none}
html.cg-in-app .app-card{border-radius:24px;box-shadow:0 18px 40px rgba(35,28,21,.28)}
.cc-prog{margin-top:16px}.cc-prog i{display:block;height:5px;border-radius:5px;background:rgba(242,234,218,.18);overflow:hidden}.cc-prog b{display:block;height:100%;background:linear-gradient(90deg,var(--cga-gold),#F2EADA)}.cc-prog small{display:block;margin-top:6px;font-size:11px;color:#c6b39d;letter-spacing:.04em}
.cga-list{font-family:var(--sans)}.cga-list .cga-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--cga-hair);text-decoration:none;color:var(--ink)}.cga-list .cga-row:last-child{border-bottom:0}
.cga-row .ic{width:38px;height:38px;border-radius:12px;background:#F1E8D6;display:grid;place-items:center;flex:0 0 38px}.cga-row .ic svg{width:20px;height:20px;fill:none;stroke:var(--cga-bronze);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cga-row .t{flex:1;min-width:0}.cga-row b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cga-row small{display:block;color:rgba(35,28,21,.58);font-size:12px;margin-top:2px}
.cga-row .st{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(35,28,21,.5);white-space:nowrap}.cga-row .st.on{color:var(--cga-rebel)}
.cga-empty{padding:18px 16px;color:rgba(35,28,21,.58);font-size:13px;font-family:var(--sans)}
.cga-visits{padding:16px 18px;font-family:var(--sans)}.cga-visits b{display:block;font-family:var(--display);font-size:26px;font-weight:500;line-height:1.15}.cga-visits small{display:block;color:rgba(35,28,21,.58);font-size:12px;margin-top:4px;line-height:1.45}

/* подвал сайта (лого + юрблок) в приложении не показывается (Мая msg 11490): свои экраны, вкладки снизу */
html.cg-in-app footer.cg-footer{display:none!important}