/* Главная и карта дня: визуальный язык мини-приложения (цвета, облака и три карты из home-reference). */
body.shell{
  --bg:#0e0709;--panel:rgba(23,11,16,.9);--line:#aa92865e;--txt:#f5ead7;--muted:#c5b4ad;--gold:#c3a77e;
  --v1:#5a0810;--v2:#f0d9b3;--pk:#c3a77e;--gold2:#e9d3ad;
  font-family:Georgia,'Times New Roman',serif;color:var(--txt);min-height:100vh;padding-bottom:96px;overflow-x:hidden;
  background:radial-gradient(ellipse at 50% 27%,#2c0911 0,#19090e 42%,#10080b 79%),#0e0709;
}
body.shell::before{display:none}
body.shell::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:radial-gradient(circle at 15% 19%,#dfc28f 0 .65px,transparent 1px),radial-gradient(circle at 71% 37%,#d2b390 0 .55px,transparent 1px),radial-gradient(circle at 36% 64%,#dbc9a7 0 .5px,transparent 1px);
  background-size:139px 197px,187px 231px,227px 293px;
  -webkit-mask-image:linear-gradient(#000 0%,#000 48%,transparent 65%);mask-image:linear-gradient(#000 0%,#000 48%,transparent 65%)}
body.shell .header{display:none}
.shell-col{position:relative;z-index:1;max-width:440px;margin:0 auto;padding:0 16px}
.scene-sides{position:absolute;top:0;left:0;right:0;height:900px;pointer-events:none;z-index:0;overflow:hidden}
.cloud-left,.cloud-right{position:absolute;top:41px;height:auto;animation:shx-sway 16s ease-in-out infinite}
.side-tile{display:none}
.cloud-left{left:0;width:19.1%;-webkit-mask-image:linear-gradient(90deg,#000 66%,transparent),linear-gradient(#000 72%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000 66%,transparent),linear-gradient(#000 72%,transparent);mask-composite:intersect}
.cloud-right{right:0;width:13%;animation-delay:-8s;-webkit-mask-image:linear-gradient(270deg,#000 66%,transparent),linear-gradient(#000 72%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(270deg,#000 66%,transparent),linear-gradient(#000 72%,transparent);mask-composite:intersect}
@keyframes shx-sway{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,-6px,0)}}
@keyframes shx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.shell-top{text-align:center;padding:22px 0 0;position:relative;z-index:1}
.shell-brand{display:block;text-decoration:none;color:var(--txt)}
.brand-art{display:block;margin:0 auto;width:254px;height:57px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%)}
.brand-name{display:block;text-align:center;font-size:13px;letter-spacing:.32em;color:var(--txt);margin-top:2px}
.shell-nav{display:none}

/* первый экран: состав мини-приложения */
body.shell .hx-hero{position:relative;z-index:1;text-align:center;padding-top:14px}
body.shell .hx-hero h1{font-weight:400;font-size:clamp(30px,8.4vw,38px);line-height:1.12;color:var(--txt);margin:0 auto;max-width:420px}
body.shell .hx-hero h1 span{display:block}
body.shell .hx-em{color:#f0d9b3;font-style:italic}
body.shell .hx-lead{margin:12px auto 0;max-width:340px;font-size:15px;line-height:1.5;color:var(--muted)}
body.shell .hx-deck{display:block;width:100%;max-width:400px;margin:12px auto 0}
body.shell .hx-deck-art{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 12%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 12%,#000 86%,transparent);mask-composite:intersect;animation:shx-float 8s ease-in-out infinite}
body.shell .hx-deck:hover .hx-deck-art{filter:brightness(1.05)}
body.shell .hx-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 14px;font-size:17px;color:var(--txt)}
body.shell .hx-orn::before,body.shell .hx-orn::after{content:'';flex:1;max-width:96px;height:1px;background:linear-gradient(90deg,transparent,#b99e78)}
body.shell .hx-orn::after{background:linear-gradient(270deg,transparent,#b99e78)}
body.shell .hx-moon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:var(--gold2)}
body.shell .hx-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:400px;margin:0 auto}
body.shell .hx-chip{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 10px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#2d1018a6,#170a0ecf);color:var(--txt);text-decoration:none;font-size:14px;white-space:nowrap}
body.shell .hx-chip svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.shell .hx-primary{display:block;max-width:400px;margin:18px auto 0;padding:17px;border-radius:18px;border:1px solid #f6dcb6;background:linear-gradient(170deg,#fff4e2 0%,#e9d9c1 45%,#dbc6ab 80%,#efdfc6 100%);color:#2a1016;font:700 18px/1 Georgia,'Times New Roman',serif;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .2s ease,box-shadow .2s ease}
body.shell .hx-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.5)}
body.shell .hx-trust{margin:10px 0 0;font-size:13px;color:var(--muted)}
body.shell .hx-disc{margin:18px auto 0;max-width:340px;font-size:12px;line-height:1.5;color:var(--muted)}
body.shell .hx-tg{display:inline-block;margin-top:12px;font-size:13px;color:var(--gold)}

/* нижняя панель (мобильная) как в мини-приложении */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:stretch;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(#170b10f5,#14090dfc);border-top:1px solid #a18c7952;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.tabbar .nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;color:#c9b5aa;text-decoration:none;font-size:12px}
.tabbar .nav-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tabbar .nav-btn.on{color:#fff4e2}
body.shell .chat-widget,body.shell #chatWidget{left:auto!important;right:14px!important;bottom:92px!important}
body.shell #cookieBanner{bottom:92px!important}
@media (max-width:899px){body.shell #cookieBanner:not(.open){top:10px!important;bottom:auto!important;left:auto!important;right:12px!important;transform:none!important}}

/* десктоп (от 900 px): верхнее меню, широкий первый экран с картой справа */
@media (min-width:900px){
  body.shell{padding-bottom:0}
  body.shell .shell-top,body.shell .tabbar{display:none}
  body.shell .shell-col{max-width:1160px;padding:0 40px}
  body.shell:not(.home) .shell-col{max-width:1040px}
  .shell-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:40;margin:0;padding:14px max(40px,calc((100% - 1160px)/2 + 40px));background:linear-gradient(180deg,rgba(14,7,9,.97),rgba(14,7,9,.8));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .shell-nav .shell-brand{display:flex;align-items:center;gap:12px}
  .shell-nav .brand-art{width:150px;height:34px;margin:0}
  .shell-nav .brand-name{font-size:14px;text-align:left;margin:0}
  .shell-links{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
  .shell-links a{padding:9px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s,background .2s}
  .shell-links a:hover{color:#fff4e2;background:rgba(255,255,255,.06)}
  .shell-links a.on{color:#fff4e2;background:rgba(195,167,126,.14);box-shadow:inset 0 0 0 1px var(--line)}
  .scene-sides{height:1400px}
  .cloud-left,.cloud-right{display:none}
  .side-tile{display:block;position:absolute;height:205px;width:85px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 60%,transparent),linear-gradient(transparent,#000 14%,#000 76%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 60%,transparent),linear-gradient(transparent,#000 14%,#000 76%,transparent);mask-composite:intersect;animation:shx-sway 16s ease-in-out infinite}
  .side-tile.l{left:max(8px,calc(50% - 700px))}
  .side-tile.r{right:max(8px,calc(50% - 700px));width:58px;animation-delay:-8s}
  body.shell .chat-widget,body.shell #chatWidget{left:auto!important;right:24px!important;bottom:24px!important}
  body.shell #cookieBanner{bottom:24px!important}
  body.shell.home .hx-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:56px;align-items:center;padding-top:36px}
  body.shell.home .hx-hero>*{grid-column:1 / -1;justify-self:center;width:100%;max-width:none;text-align:center}
  body.shell.home .hx-hero h1{grid-column:1;grid-row:1;justify-self:start;max-width:560px;text-align:left;font-size:clamp(44px,4.2vw,62px);line-height:1.05}
  body.shell.home .hx-lead{grid-column:1;grid-row:2;justify-self:start;max-width:560px;text-align:left;margin:14px 0 0}
  body.shell.home .hx-deck{grid-column:2;grid-row:1 / span 2;justify-self:center;max-width:520px;margin:0}
  body.shell.home .hx-orn{grid-row:3;justify-content:center;margin:44px 0 18px}
  body.shell.home .hx-orn::before{display:block}
  body.shell.home .hx-chips{grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin:0 auto}
  body.shell.home .hx-primary{grid-row:5;max-width:560px;margin:22px auto 0}
  body.shell.home .hx-trust{grid-row:6;margin:12px 0 0}
  body.shell.home .hx-disc{grid-row:7;max-width:560px;margin:18px auto 0}
  body.shell.home .hx-tg{grid-row:8;justify-self:center;margin-top:12px}
}
@media (prefers-reduced-motion:reduce){body.shell .hx-deck-art,.cloud-left,.cloud-right{animation:none}}

/* карта дня: палитра мини-приложения (вино, золото, кремовая кнопка) вместо фиолетовой из site.css; только в оболочке */
body.shell .formcard{background:linear-gradient(#170b10f5,#14090dfc);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
body.shell .dluxe-pill{background:rgba(195,167,126,.12);border:1px solid var(--line);color:var(--txt)}
body.shell .formcard-free-badge{background:linear-gradient(170deg,#fff4e2,#e6cfa6);color:#2a1016;border:none}
body.shell .field input,body.shell .field select,body.shell .field textarea,body.shell .csel-opt{background:rgba(0,0,0,.35);border:1px solid var(--line);color:var(--txt)}
body.shell .field input:focus,body.shell .field select:focus{border-color:#c3a77e;outline:none}
body.shell .btn.gold,body.shell .btn.dailycta{border:1px solid #f6dcb6;background:linear-gradient(170deg,#fff4e2 0%,#e9d9c1 45%,#dbc6ab 80%,#efdfc6 100%);background-size:auto;color:#2a1016;box-shadow:0 14px 34px rgba(0,0,0,.45);animation:none}
body.shell .popular-cards{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:18px}
body.shell .pcard{background:linear-gradient(140deg,#2d1018a6,#170a0ecf);border:1px solid var(--line);color:var(--txt);box-shadow:none}
body.shell .popular-cards .pcard{background:linear-gradient(140deg,#2d1018a6,#170a0ecf)!important;border:1px solid var(--line)!important;color:var(--txt)!important;box-shadow:none!important}
body.shell #cookieBanner,body.shell #cbPill{background:linear-gradient(#170b10f5,#14090dfc);border:1px solid var(--line);color:var(--txt);box-shadow:0 14px 34px rgba(0,0,0,.5)}
body.shell #cookieBanner button{background:rgba(0,0,0,.35);border:1px solid var(--line);color:var(--txt)}
body.shell #cookieBanner button:first-of-type{background:linear-gradient(170deg,#fff4e2,#e6cfa6);color:#2a1016;border:none}
/* бургер и старое меню сайта в оболочке не показываем: навигация — верхнее меню (десктоп) и нижняя панель (мобильная) */
body.shell .nav-toggle,body.shell .burger,body.shell [class*="burger"],body.shell .menu-btn,body.shell #burger,body.shell .mobnav,body.shell .mobnav-x{display:none!important}

/* страницы тем: шаг «Выберите тему» из мини-приложения */
body.shell .tp{text-align:left;padding:18px 0 8px}
body.shell .tp-back{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:14px}
body.shell .tp-eyebrow{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
body.shell .tp-title{display:flex;align-items:center;gap:12px;margin:8px 0 0;font-weight:400;font-size:clamp(34px,8vw,46px);line-height:1.1;color:var(--txt)}
body.shell .tp-ico{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:var(--gold2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.shell .tp-lead{margin:14px 0 0;font-size:16px;line-height:1.55;color:var(--muted)}
body.shell .tp-points{margin:16px 0 0;padding:0;list-style:none}
body.shell .tp-points li{position:relative;padding:9px 0 9px 22px;font-size:15px;color:var(--txt);border-bottom:1px solid #aa92862e}
body.shell .tp-points li::before{content:'✦';position:absolute;left:0;top:9px;color:var(--gold)}
body.shell .tp-h{margin:26px 0 12px;font-weight:400;font-size:22px;color:var(--txt)}
body.shell .tp-tiers{display:grid;grid-template-columns:1fr;gap:12px}
body.shell .tp-tier{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#2d1018a6,#170a0ecf);color:var(--txt);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
body.shell .tp-tier:hover{transform:translateY(-2px);border-color:#c3a77e}
body.shell .tp-tier-n{font-size:13px;color:var(--gold2);white-space:nowrap;min-width:64px}
body.shell .tp-tier-t b{display:block;font-weight:700;font-size:16px}
body.shell .tp-tier-t small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--muted)}
body.shell .tp-price{font-weight:700;font-size:17px;color:var(--txt);white-space:nowrap}
body.shell .tp-note{margin:22px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
body.shell .svc-topic{margin:0 0 10px;font-size:14px;color:var(--muted)}
body.shell .svc-topic b{color:var(--gold2)}
body.shell .btn.magnet{border:1px solid #f6dcb6;background:linear-gradient(170deg,#fff4e2 0%,#e9d9c1 45%,#dbc6ab 80%,#efdfc6 100%);color:#2a1016;box-shadow:0 14px 34px rgba(0,0,0,.45);animation:none}
@media (min-width:900px){
  body.shell .scene-sides{display:none}
  body.shell .tp-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* страница заказа в палитре мини-приложения; облака только на главной */
body.shell:not(.home) .scene-sides{display:none}
body.shell .urgency{background:linear-gradient(135deg,rgba(195,167,126,.14),rgba(0,0,0,.28));border:1px solid var(--line)}
body.shell .urgency b{color:var(--txt)}
body.shell .svc-price-new{background:linear-gradient(135deg,rgba(195,167,126,.16),rgba(0,0,0,.25))}
body.shell .svc-badge{background:linear-gradient(170deg,#fff4e2,#e6cfa6);color:#2a1016}
body.shell .svc-step{background:rgba(0,0,0,.25)}
body.shell .svc-card{background:linear-gradient(135deg,#2d1018,#170a0e);border:2px solid var(--line)}
body.shell .urgency{color:var(--gold2)}
body.shell .site-footer{background:linear-gradient(180deg,rgba(14,7,9,.5),#0a0507)}
body.shell .footer-wave{background:linear-gradient(90deg,transparent,#c3a77e,transparent)}
body.shell .footer-title{color:var(--gold2)}
body.shell .social-btn{background:rgba(195,167,126,.12);border-color:var(--line)}
body.shell .footer-links a:hover,body.shell .footer-legal a:hover{color:var(--gold2)}

/* тексты без классов (статьи, списки): по левому краю, без растянутых строк */
body.shell p:not([class]),body.shell li:not([class]){text-align:left}

/* блок канала: на всю ширину сетки (десктоп и телефон) */
body.shell .tgcard2{grid-column:1 / -1;width:100%;max-width:none}