/* Кнопки магазинов (владелец, 08.11.2026): на первом экране и в блоке «Скачайте». Вид - как значки магазинов на
   tradepa.ai: чёрная плашка с серой рамкой, настоящий логотип, мелкая строка сверху и крупное имя магазина. Активные
   переливаются бликом, чтобы звали нажать. Первой и крупно - магазин своего устройства: на Apple (Mac, iPhone, iPad)
   App Store, на Android, Windows и прочих RuStore, затем Google Play, затем App Store; две другие вдвое меньше, в ряд.
   Устройство отмечает скрипт в <head> (html[data-os]), store-links.js ставит ту же последовательность в разметку. */
.store-set{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.store-set>[data-store=ruStore]{order:1}
.store-set>[data-store=googlePlay]{order:2}
.store-set>[data-store=appStore]{order:3}
:root[data-os=apple] .store-set>[data-store=appStore]{order:0}

.store-badge{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:50px;padding:7px 12px;border:1px solid #A6A6A68C;border-radius:12px;background:#000;color:#fff;text-align:left;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s,border-color .2s}
.store-logo{flex:0 0 auto;width:24px;height:24px}
.store-words{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.store-words small{font-size:10px;font-weight:500;letter-spacing:.01em;color:#fff;opacity:.9;white-space:nowrap}
.store-words strong{font-size:17px;font-weight:600;letter-spacing:-.3px;white-space:nowrap}

/* первая - крупная, во всю ширину */
:root:not([data-os=apple]) .store-set>[data-store=ruStore],
:root[data-os=apple] .store-set>[data-store=appStore]{grid-column:1/-1;min-height:72px;gap:14px;border-radius:16px}
:root:not([data-os=apple]) .store-set>[data-store=ruStore] .store-logo,
:root[data-os=apple] .store-set>[data-store=appStore] .store-logo{width:38px;height:38px}
:root:not([data-os=apple]) .store-set>[data-store=ruStore] small,
:root[data-os=apple] .store-set>[data-store=appStore] small{font-size:13px}
:root:not([data-os=apple]) .store-set>[data-store=ruStore] strong,
:root[data-os=apple] .store-set>[data-store=appStore] strong{font-size:27px;letter-spacing:-.6px}

/* перелив: светлая полоса проходит по активной кнопке; крупная ещё мягко светится жёлтым */
.store-badge:not([aria-disabled=true])::after{content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#FFFFFF59 50%,transparent 70%);transform:translateX(-120%);animation:store-shine 3.2s ease-in-out 1s infinite}
.store-badge>*{position:relative;z-index:2}
:root:not([data-os=apple]) .store-set>[data-store=ruStore]:not([aria-disabled=true]),
:root[data-os=apple] .store-set>[data-store=appStore]:not([aria-disabled=true]){border-color:#FFDC25;animation:store-glow 3.2s ease-in-out 1s infinite}
.store-badge:not([aria-disabled=true]):hover{transform:translateY(-2px);border-color:#FFDC25}
@keyframes store-shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes store-glow{0%,100%{box-shadow:0 0 0 1px #FFDC2533,0 10px 30px -8px #FFDC2566}50%{box-shadow:0 0 0 1px #FFDC2577,0 12px 36px -6px #FFDC25A6}}

/* «Скоро» - приглушены, без перелива */
.store-badge[aria-disabled=true]{cursor:help;opacity:.6}

/* блок «Скачайте» */
#download .store-links.store-set{max-width:380px;margin:var(--body-gap,32px) auto 0}
#download .closing-content>.store-status:empty{min-height:0;margin-top:0}

/* первый экран */
.hero-v6 .hero-actions{display:block}
.hero-stores{width:100%;max-width:380px}
.hero-actions>.store-status{margin:10px 0 0;font-size:14px;line-height:1.5;color:#CFDED4;max-width:380px}
.hero-actions>.store-status:empty{margin:0}
/* приглушённые кнопки на первом экране лежат на фото: без прозрачности, иначе фото просвечивает */
.hero-stores>.store-badge[aria-disabled=true]{opacity:1;background:#0B0F0F;color:#FFFFFFA6;border-color:#A6A6A640}
.hero-stores>.store-badge[aria-disabled=true] .store-logo{opacity:.6}

/* телефон: кнопок стало на ряд больше, фото ниже, чтобы весь блок остался на первом экране */
@media(max-width:600px) and (min-height:681px){
  .hero-v6 .hero-scene{height:clamp(220px,calc(100svh - 460px),360px)}
  .hero-v6 .hero-actions{margin:-80px 0 28px}
}
@media(max-width:600px){
  #download .store-links.store-set{max-width:320px}
  .hero-stores{max-width:340px;margin:0 auto}
  .hero-actions>.store-status{margin-left:auto;margin-right:auto;text-align:center}
}
@media(max-width:360px){.store-words strong{font-size:15px}.store-badge{gap:8px;padding:7px 9px}.store-logo{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.store-badge::after{display:none!important}.store-badge{animation:none!important;transition:none}}
@media print{.hero-stores{display:none}}