/* «Минимализм» — the phone version of the client site: one thin top line, the question line with voice and send only,
   four buttons below (Подбор · Каталог · Видео · Корзина), the cart lives in that menu instead of floating over the content.
   On while html.sp-mini (start-mini.js): ?mini=1 turns it on for this browser, ?mini=0 off. */
@media(max-width:760px){
  html.sp-mini .topbar{height:50px;padding-top:0;padding-bottom:0}
  html.sp-mini .topbar .sp-nav{display:none}
  html.sp-mini .mobile-brand{font-size:12px;letter-spacing:.12em}
  html.sp-mini body:not(:has(#site-product-overlay)):not(:has(#detail-drawer.open)) .sc-fab{display:none!important}  /* in a card it stays, under the ✕ */

  /* the question line: field, photo, voice, send — nothing else */
  html.sp-mini #space-command{left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));height:50px;padding:5px 5px 5px 14px;border-radius:18px;gap:6px}
  html.sp-mini #space-command .command-spark{display:none}
  html.sp-mini #space-command .pilot-pill,html.sp-mini #space-command .command-live-label{display:none!important}
  html.sp-mini #command-image{width:40px;height:40px;min-width:40px;padding:0;border-radius:13px;flex:none;display:grid;place-items:center}  /* a photo of the part: «найди такое» */
  html.sp-mini #command-input{font-size:16px;min-width:0;flex:1}
  html.sp-mini #command-mic,html.sp-mini #command-submit{width:40px;height:40px;min-width:40px;padding:0;border-radius:13px;flex:none}
  html.sp-mini #command-mic{gap:0}

  /* five buttons below: Главная · Сборки · Маркет · Видео · Корзина */
  html.sp-mini .mobile-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr)!important;
    background:#070f15f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #ffffff10}
  html.sp-mini .mobile-nav button[data-view="feed"],html.sp-mini .mobile-nav button[data-view="opt"]{display:none!important}
  html.sp-mini .mobile-nav button{font-size:19px;gap:3px;position:relative;color:#7f979e;transition:color .2s}
  html.sp-mini .mobile-nav button svg{transition:transform .3s cubic-bezier(.2,1.5,.4,1)}
  html.sp-mini .mobile-nav button.active{color:#6ff7d8}
  html.sp-mini.sp-in-market .mobile-nav .sp-mini-kits.active{color:#7f979e}html.sp-mini.sp-in-market .mobile-nav .sp-mini-kits.active svg{transform:none;filter:none}html.sp-mini.sp-in-market .mobile-nav .sp-mini-kits.active:after{display:none}
  html.sp-mini .mobile-nav button.active svg{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 8px #6ff7d877)}
  html.sp-mini .mobile-nav button.active:after{content:'';position:absolute;top:0;left:30%;right:30%;height:2px;border-radius:2px;background:#6ff7d8;box-shadow:0 0 10px #6ff7d8}
  html.sp-mini .mobile-nav [data-view="home"]{order:1}html.sp-mini .mobile-nav .sp-mini-kits{order:2}html.sp-mini .mobile-nav .sp-mini-shop{order:3}
  html.sp-mini .mobile-nav [data-view="video"]{order:4}html.sp-mini .mobile-nav .sp-mini-cart{order:5}
  html.sp-mini .mobile-nav button span{font-size:10.5px;letter-spacing:.01em}
  html.sp-mini .mobile-nav .sp-mini-cart b{position:absolute;top:5px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 5px;border-radius:9px;display:grid;place-items:center;
    background:#6ff7d8;color:#06231c;font:800 10.5px/1 Manrope,sans-serif}
  html.sp-mini .mobile-nav .sp-mini-cart b:empty{display:none}
  html.sp-mini .mobile-nav .sp-mini-cart.bump b{animation:sp-mini-bump .5s cubic-bezier(.2,1.6,.4,1)}
  @keyframes sp-mini-bump{40%{transform:scale(1.45)}}

  /* top row: the dock (voice · manager · «дальше») in one line, «Войти» left of it — measured in start-mini.js */
  html.sp-mini .top-dock,html.sp-mini .cd-scrolled .top-dock{top:calc(env(safe-area-inset-top) + 6px)!important;right:10px!important;gap:6px!important;flex-direction:row!important;align-items:center!important}
  html.sp-mini .top-dock #command-voice,html.sp-mini .top-dock #command-call{width:38px!important;height:38px!important;border-radius:12px!important}
  html.sp-mini .au-chip{top:calc(env(safe-area-inset-top) + 6px)!important;right:calc(var(--dock-w,90px) + 18px)!important;height:38px!important;padding:0 12px!important;border-radius:12px!important;transition:right .3s cubic-bezier(.16,1,.3,1)}
  html.sp-mini .au-chip.sp-tight{width:38px;padding:0!important;justify-content:center}
  html.sp-mini .au-chip.sp-tight span{display:none}

  /* the catalog sheet */
  .smn{position:fixed;inset:0;z-index:400;pointer-events:none}
  .smn.on{pointer-events:auto}
  .smn-veil{position:absolute;inset:0;background:#02070acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
  .smn.on .smn-veil{opacity:1}
  .smn-pane{position:absolute;left:0;right:0;bottom:0;max-height:86vh;display:flex;flex-direction:column;border-radius:26px 26px 0 0;
    background:linear-gradient(180deg,#0d1d24,#081217 40%);border-top:1px solid #6ff7d833;box-shadow:0 -30px 80px #000c;
    padding:0 0 calc(12px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .42s cubic-bezier(.16,1,.3,1)}
  .smn.on .smn-pane{transform:none}
  .smn-grip{display:grid;place-items:center;height:20px;touch-action:none}.smn-grip i{width:42px;height:4px;border-radius:3px;background:#ffffff2e}
  .smn-head{display:flex;gap:10px;align-items:center;padding:0 14px 10px;touch-action:none}
  .smn-tabs{--x:0;position:relative;flex:1;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff12}
  .smn-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:linear-gradient(135deg,#1b4a43,#1f2b4a);box-shadow:0 0 0 1px #6ff7d855,0 6px 20px #6ff7d822;
    transform:translateX(calc(var(--x) * 100%));transition:transform .4s cubic-bezier(.2,1.2,.3,1)}
  .smn-tab{position:relative;z-index:1;display:grid;gap:1px;padding:8px 6px;border:0;background:none;color:#8aa3aa;text-align:center;cursor:pointer}
  .smn-tab b{font:800 15px Manrope,sans-serif}.smn-tab small{font:600 10.5px Manrope,sans-serif;opacity:.75}
  .smn-tab.on{color:#e9fffa}.smn-tab.on small{color:#9fe9d5}
  .smn-x{width:40px;height:40px;flex:none;border:1px solid #ffffff1c;border-radius:13px;background:#ffffff08;color:#cfe3e0;font-size:15px}
  .smn-find{display:flex;align-items:center;gap:8px;margin:0 14px 8px;padding:0 12px;height:42px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff12}
  .smn-find i{font-style:normal;color:#6ff7d8;font-size:18px}
  .smn-find input{flex:1;min-width:0;border:0;background:none;color:#fff;font:500 16px Manrope,sans-serif;outline:none}
  .smn-body{overflow:auto;overscroll-behavior:contain;padding:4px 14px 10px;-webkit-overflow-scrolling:touch}
  .smn-hero{width:100%;display:flex;align-items:center;gap:12px;padding:14px;margin:0 0 6px;border-radius:18px;border:1px solid #6ff7d844;
    background:radial-gradient(120% 140% at 0 0,#1d5b50 0,#10272c 55%,#0d1b22 100%);color:#eafff9;text-align:left;cursor:pointer}
  .smn-hero svg{flex:none;width:40px;height:40px;padding:8px;border-radius:12px;background:#6ff7d81f;color:#6ff7d8}
  .smn-hero span{flex:1;display:grid;gap:2px}.smn-hero b{font:800 16px Manrope,sans-serif}.smn-hero small{font:500 12px/1.35 Manrope,sans-serif;color:#a6c9c2}
  .smn-hero em{font-style:normal;color:#6ff7d8;font-size:20px}
  .smn-group{margin-top:12px}
  .smn-group h4{margin:0 0 7px;font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#6ff7d8}
  .smn-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .smn-grid.is-bars{grid-template-columns:repeat(4,1fr)}
  .smn-tile{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 11px;border-radius:14px;border:1px solid #ffffff14;background:#ffffff07;
    color:#dcebe8;font:650 13px/1.25 Manrope,sans-serif;text-align:left;cursor:pointer;animation:smn-in .45s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k) * 18ms)}
  .smn-tile:active{transform:scale(.96);background:#6ff7d81a}
  .smn-tile.on{border-color:#6ff7d877;background:#6ff7d814;color:#bfffee}
  .smn-ic{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#ffffff0c;font-style:normal;font-size:14px;color:#c3a9fd}
  .smn-tile.is-bar{flex-direction:column;justify-content:center;gap:0;text-align:center;min-height:58px;padding:8px 4px}
  .smn-big{font:800 20px/1 Manrope,sans-serif;background:linear-gradient(135deg,#6ff7d8,#c3a9fd);-webkit-background-clip:text;background-clip:text;color:transparent}
  .smn-tile.is-bar span{font-size:10.5px;color:#8fa9ae}
  .smn-empty{color:#8fa9ae;font-size:14px;padding:20px 4px}
  .smn-tile[hidden],.smn-group[hidden]{display:none}
  @keyframes smn-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
  body.smn-open #space-command{opacity:0;pointer-events:none}

  /* the answer: less frame, more text */
  html.sp-mini .view{padding-left:12px;padding-right:12px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}
  html.sp-mini .view h1{font-size:30px;line-height:1.08}
}