/* Catalogue preview: brand selection, document cards and lab labels. */
@media (max-width:900px) {
  .phone #brandGrid {gap:10px!important}
  .phone #brandGrid .brandcard {position:relative;min-height:104px!important;padding:17px 15px 16px!important;border:1px solid #d9e7ed!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,#f7fbfc)!important;box-shadow:0 5px 15px rgba(19,52,72,.055)!important;text-align:left;transition:transform .18s,box-shadow .18s}
  .phone #brandGrid .brandcard:active {transform:scale(.98)}
  .phone #brandGrid .brandcard::before {content:'';display:block;width:26px;height:3px;border-radius:3px;background:#27bdb4;margin-bottom:13px}
  .phone #brandGrid .brandcard strong {font-size:16px!important;font-weight:700;letter-spacing:.02em;color:#13334a;line-height:1.25;overflow-wrap:anywhere}
  .phone #brandGrid .brandcard small {display:block;color:#607b88!important;font-size:12px!important;margin-top:7px!important}
  .phone #catalogList .catalog-item {border:1px solid #dbe7ec!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(18,51,70,.06)!important;padding:16px!important}
  .phone #catalogList .filehead h2 {font-weight:700;line-height:1.35;overflow-wrap:anywhere}
  .phone #catalogList .filehead p {line-height:1.6;color:#617989}
  .phone #catalogList .actions {display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;gap:7px!important;margin-top:15px!important}
  .phone #catalogList .actions .action {min-width:0;min-height:44px;border-radius:10px!important;font-weight:600;font-size:13px!important;padding:8px 5px!important}
  .phone #catalogList .actions .catalog-link {background:#102f48!important;color:white!important;box-shadow:0 4px 10px rgba(16,47,72,.14)}
  .phone #catalogList .actions .secondary {background:#edf4f5!important;color:#315b6e!important}
  @media(prefers-reduced-motion:reduce){.phone #brandGrid .brandcard{transition:none}}
}
@media (min-width:901px) {
  html[data-ui-refined] .catalog-lab .lab-object-label {background:#071c29ef!important;border:1px solid #a4d2d580!important;border-radius:8px!important;box-shadow:0 3px 12px #0008!important;padding:5px 9px!important}
  html[data-ui-refined] .catalog-lab .lab-object-label strong {font-size:13px!important;font-weight:650!important;color:#fff!important;letter-spacing:0}
  html[data-ui-refined] .catalog-lab .lab-object:is(:hover,:focus-visible,.is-preview) .lab-object-label {border-color:#6ce7dc!important;background:#104053!important;box-shadow:0 0 0 2px #56cfc755,0 5px 18px #0009!important}
}
