/* Approved mobile choice: lavender Mira card, black App Store CTA, floating panels. */
.mobile-mira-choice { display: none; }
@media (max-width: 1023px) {
  .brand-hub.sales-v3 .brand-channel-grid-v3 { display: none; }
  .brand-hub .mobile-mira-choice {
    display: grid;
    gap: 20px;
    width: 100%;
    max-width: 420px;
    min-width: 0;
    margin: 0 auto;
    padding-bottom: 12px;
  }
  .mobile-mira-card {
    box-sizing: border-box;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 20px;
    color: #231e32;
    background: linear-gradient(145deg, #f5efff, #ede2ff);
    box-shadow: 0 2px 4px rgba(51,31,90,.04), 0 12px 22px -9px rgba(73,43,133,.24), 0 26px 38px -20px rgba(81,47,150,.28), inset 0 1px 0 rgba(255,255,255,.9);
  }
  .mobile-mira-card-telegram {
    background: linear-gradient(145deg, #f5fbff, #eaf5fc);
    box-shadow: 0 2px 4px rgba(24,63,91,.04), 0 12px 22px -9px rgba(35,91,127,.22), 0 26px 38px -20px rgba(38,101,145,.26), inset 0 1px 0 rgba(255,255,255,.95);
  }
  .mobile-mira-card-head { display: flex; align-items: center; gap: 11px; }
  .mobile-mira-card-head > img { flex: none; width: 42px; height: 42px; border-radius: 12px; }
  .mobile-mira-card-head > div { min-width: 0; }
  .brand-hub .mobile-mira-card h2 { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.2; letter-spacing: -.4px; }
  .mobile-mira-card h2 a { color: inherit; text-decoration: none; }
  .brand-hub .mobile-mira-caption { margin: 5px 0 0; color: #786b8a; font-size: 11px; line-height: 1.4; }
  .brand-hub .mobile-mira-card-copy { flex: 1; margin: 14px 0; color: #6d6578; font-size: 14px; line-height: 1.5; }
  .mobile-mira-telegram-icon { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #28a4dc; color: #fff; }
  .sales-v3 .mobile-mira-telegram-icon svg { width: 36px; height: 36px; fill: currentColor; stroke: none; }
  .mobile-mira-cta {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 50px;
    padding: 8px 12px 8px 15px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.15px;
    text-decoration: none;
    transition: transform .18s ease, filter .18s ease;
  }
  .mobile-mira-store {
    background: linear-gradient(125deg, #38343f, #1f1c26 48%, #14121a);
    box-shadow: 0 5px 10px -4px rgba(25,18,39,.28), 0 10px 18px -12px rgba(25,18,39,.4), inset 0 1px 0 rgba(255,255,255,.17);
  }
  .mobile-mira-store-lockup { display: flex; align-items: center; gap: 10px; }
  .sales-v3 .mobile-mira-apple { flex: none; width: 24px; height: 26px; stroke: none; }
  .mobile-mira-store-lockup > span { display: flex; flex-direction: column; gap: 1px; }
  .mobile-mira-store-lockup small { font-size: 9px; font-weight: 400; line-height: 1.1; }
  .mobile-mira-store-lockup strong { font-size: 18px; line-height: 1.1; font-weight: 600; letter-spacing: -.4px; }
  .mobile-mira-telegram {
    background: linear-gradient(125deg, #239bd0, #1686ba 52%, #1376aa);
    box-shadow: 0 5px 10px -4px rgba(10,100,150,.24), 0 10px 18px -12px rgba(10,100,150,.4), inset 0 1px 0 rgba(255,255,255,.22);
  }
  .mobile-mira-arrow { flex: none; display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(255,255,255,.08); font-size: 16px; font-weight: 400; }
  .mobile-mira-cta:active { transform: translateY(1px) scale(.985); filter: brightness(.97); }
  .mobile-mira-choice a:focus-visible { outline: 3px solid #a787eb; outline-offset: 3px; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .brand-hub .mobile-mira-choice { max-width: 800px; grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 350px) {
  .mobile-mira-card { padding: 13px; border-radius: 18px; }
  .mobile-mira-card-head { gap: 9px; }
  .brand-hub .mobile-mira-card h2 { font-size: 16px; }
  .brand-hub .mobile-mira-caption { font-size: 10px; }
  .brand-hub .mobile-mira-card-copy, .mobile-mira-cta { font-size: 13px; }
}
@media (hover: hover) and (pointer: fine) {
  .mobile-mira-cta:hover { transform: translateY(-2px); filter: brightness(1.06); }
}
@media (prefers-reduced-motion: reduce) { .mobile-mira-cta { transition: none; } }


/* Approved concept 01: compact introduction above the mobile channel cards. */
.brand-gateway-copy-mobile { display:none; }
@media (max-width:1023px) {
  .brand-hub.sales-v3 .brand-gateway-copy-desktop { display:none; }
  .brand-hub.sales-v3 .brand-gateway {
    width:min(calc(100% - 32px),800px);
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:28px 0 36px;
  }
  .brand-hub.sales-v3 .brand-gateway-copy-mobile { display:block; width:100%; margin:0; text-align:left; }
  .brand-gateway-copy-mobile .sales-eyebrow { margin:0 0 13px; font-size:10px; font-weight:750; line-height:1.4; letter-spacing:.13em; color:#7753d8; }
  .brand-hub.sales-v3 .brand-gateway-copy-mobile h1 { margin:0; max-width:100%; font-size:clamp(32px,9.8vw,40px); font-weight:720; line-height:1.08; letter-spacing:-1.6px; }
  .brand-gateway-copy-mobile h1 em { color:#7651f4; font-size:1.15em; line-height:1.08; letter-spacing:-1.2px; }
  .brand-hub.sales-v3 .brand-gateway-copy-mobile .brand-gateway-lead { margin:17px 0 0; font-size:14px; line-height:1.55; color:#72687e; }
  .brand-hub.sales-v3 .brand-gateway-copy-mobile .brand-choice-label { margin:23px 0 13px; font-size:12px; font-weight:650; line-height:1.4; color:#82758f; text-align:center; }
  .brand-hub .mobile-mira-choice { gap:18px; }
}
@media (max-width:599px) {
  .brand-hub.sales-v3 .brand-gateway { width:min(calc(100% - 32px),420px); }
}
@media (max-width:350px) {
  .brand-hub.sales-v3 .brand-gateway { width:calc(100% - 28px); padding-top:22px; }
  .brand-hub.sales-v3 .brand-gateway-copy-mobile .brand-gateway-lead { font-size:13px; }
  .brand-gateway-copy-mobile .brand-gateway-lead br { display:none; }
}

/* Explicit product-page action alongside direct App Store / Telegram access. */
@media (max-width:1023px) {
  .mobile-mira-details {
    box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:8px;
    min-height:44px; margin-top:8px; padding:9px 12px; border:1px solid #7551bb26;
    border-radius:13px; background:rgba(255,255,255,.62); color:#6440bd;
    font-size:13px; font-weight:650; line-height:1.3; text-decoration:none;
    box-shadow:inset 0 1px 0 #ffffffb3;
    transition:background-color .2s,box-shadow .22s,translate .2s cubic-bezier(.22,1,.36,1),scale .16s cubic-bezier(.22,1,.36,1);
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-mira-card-telegram .mobile-mira-details {color:#156c97; border-color:#1686ba26;}
  .sales-v3 .mobile-mira-details svg {flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  .mobile-mira-details:active {scale:.97; translate:0 1px; background:#fff;}
}
@media (max-width:1023px) and (hover:hover) and (pointer:fine) {
  .mobile-mira-details:hover {background:#fff; translate:0 -1px; box-shadow:0 4px 12px #7551bb16;}
}
@media (prefers-reduced-motion:reduce) {.mobile-mira-details {transition:none;scale:1!important;translate:none!important;}}

/* Keep the brand name visible beside its icon on the home page. */
@media (max-width:600px) {
  .brand-hub.sales-v3 .mira-global-brand > span {display:flex;}
  .brand-hub.sales-v3 .mira-global-brand small {display:none;}
  .brand-hub.sales-v3 .mira-global-brand {gap:8px;}
  .brand-hub.sales-v3 .mira-global-brand b {font-size:16px;letter-spacing:-.25px;white-space:nowrap;}
  .brand-hub.sales-v3 .mira-global-header {gap:8px;}
}