/* 05.11.2026 — the phone «lite» layer, loaded last. One site for PC and phone, but on a phone: no backdrop blur (the heaviest repaint
   on an iPhone), no endless decorative loops, a solid top band when scrolled, and every block kept inside the screen. */
@media (max-width:760px){
  /* the scrolled top band: the dock becomes a solid strip, the answer no longer shows through the buttons */
  .cd-scrolled .top-dock{left:0!important;right:0!important;top:0!important;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px!important;
    justify-content:flex-end;background:#070d12;border-bottom:1px solid #6ff7d81f;box-shadow:0 8px 24px #000a}
  .top-dock{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}
  .top-dock>*{flex:0 0 auto}
  /* blur behind glass panels: the same look with a solid tint */
  *,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .mobile-nav,.space-command,.drawer-top{background-color:#081016f2!important}
  /* decorative loops off (the loaders of an answer keep theirs) */
  .tq,.tq:before,.bab,.bab *,.cv-yt-icon,.rd-live-q:before,.ai-orb:before,.ai-orb i,.sp-mic i,.mic-ring,[class*="sweep"]{animation:none!important}
  #command-voice.is-speaking .ai-orb i{animation:aiTalk .42s ease-in-out infinite alternate!important}
  /* nothing wider than the screen */
  html,body{overflow-x:hidden}
  img,video,canvas,svg{max-width:100%}
}
@media (max-width:760px){.topbar .mobile-brand{margin-right:auto!important;margin-left:4px!important}}
/* two equal columns that can not be pushed wider by a long word («Профессиональные») */
@media (max-width:760px){
  .smn-grid,.hq-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .smn-tile,.hq-p{min-width:0!important}.smn-tile span,.hq-p b{overflow-wrap:break-word;word-break:normal}
}
@media (max-width:760px){
  /* a closed side drawer is not painted at all (it sat off-screen to the right and still cost every frame) */
  .detail-drawer:not(.open){visibility:hidden;transition:visibility 0s .35s}
  .detail-drawer.open{visibility:visible;transition:visibility 0s}
  /* the page footer ends above the ask line and the bottom menu */
  .sp-foot{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:760px){.cd-scrolled .top-dock:before{content:"✳ 250BAR";margin-right:auto;font:800 15px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;color:#eaf5f0}}
@media (max-width:760px){
  /* «Пульт»: name over price, the cart button keeps its own corner */
  #kit-list[data-shop="table"] .product-card{position:relative}
  #kit-list[data-shop="table"] .product-card-info{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"name" "sales" "price"!important;padding-right:52px;gap:2px!important;justify-items:start}
  #kit-list[data-shop="table"] .product-card-info strong{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
  /* «Лента»: the search line and its rows never wider than the screen */
  .fd-head>*,.fd-find{min-width:0!important;max-width:100%!important}
  .fd-find input{min-width:0!important;flex:1 1 auto}
  .fd-examples,.fd-pills,.fd-active{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
}
@media (max-width:760px){
  /* headings break between words, never inside one («авто-мобилей»), and the lines come out even */
  h1,h2,h3{-webkit-hyphens:manual!important;hyphens:manual!important;overflow-wrap:normal;text-wrap:balance}
}