/* KLIMATOLOGIYA CATALOG UX v1.0.6 — MOBILE CARD TYPOGRAPHY POLISH
   Loaded after v1.0.5. Geometry stays intact; only readability is increased. */

@media(max-width:760px){

  /* Keep the same media-container, use its area more efficiently. */
  .catalog-ui-210 .catalog-ui-card-media{
    padding:2px 4px 2px!important;
  }
  .catalog-ui-210 .catalog-ui-card-media>img{
    height:74px!important;
    max-height:74px!important;
  }

  /* Brand: slightly larger, still one fixed line. */
  .catalog-ui-210 .catalog-ui-card-brand{
    font-size:9.3px!important;
    line-height:12px!important;
  }

  /* Product title: larger but still exactly two lines in the existing 30px row. */
  .catalog-ui-210 .catalog-ui-card-body h3{
    font-size:11.2px!important;
    line-height:1.28!important;
    font-weight:760!important;
  }

  /* Two quick-spec lines: increase readability without introducing extra rows. */
  .catalog-ui-210 .catalog-ui-mobile-specs__line{
    font-size:8.9px!important;
    line-height:11px!important;
    font-weight:760!important;
  }

  /* Stock label: more readable, still in its dedicated row. */
  .catalog-ui-210 .catalog-ui-stock{
    font-size:8.8px!important;
  }

  /* Give CTA row 2 extra pixels by taking them from bottom padding.
     Outer card/body height remains exactly the same as v1.0.5. */
  .catalog-ui-210 .catalog-ui-card-body{
    grid-template-rows:12px 30px 24px 12px 40px!important;
    padding-bottom:4px!important;
  }
  .catalog-ui-210 .catalog-ui-card-bottom{
    height:54px!important;
    max-height:54px!important;
    grid-template-rows:12px 40px!important;
  }
  .catalog-ui-210 .catalog-ui-price-actions{
    height:40px!important;
    min-height:40px!important;
  }

  /* Price and installation text larger, still confined to their own column. */
  .catalog-ui-210 .catalog-ui-price-row strong{
    font-size:15.6px!important;
    line-height:17px!important;
  }
  .catalog-ui-210 .catalog-ui-installation{
    height:18px!important;
    max-height:18px!important;
    font-size:7.8px!important;
    line-height:8.8px!important;
  }

  /* Slightly larger touch targets, without changing card width/height. */
  .catalog-ui-210 .catalog-ui-icon-btn--favorite{
    width:37px!important;
    min-width:37px!important;
    height:37px!important;
    min-height:37px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--favorite svg{
    width:18px!important;
    height:18px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart img{
    width:19px!important;
    height:19px!important;
  }
}

/* 320px: keep the typography readable while protecting two columns. */
@media(max-width:340px){
  .catalog-ui-210 .catalog-ui-card-brand{
    font-size:8.8px!important;
  }
  .catalog-ui-210 .catalog-ui-card-body h3{
    font-size:10.6px!important;
  }
  .catalog-ui-210 .catalog-ui-mobile-specs__line{
    font-size:8.4px!important;
  }
  .catalog-ui-210 .catalog-ui-stock{
    font-size:8.3px!important;
  }
  .catalog-ui-210 .catalog-ui-price-row strong{
    font-size:14.4px!important;
    line-height:16px!important;
  }
  .catalog-ui-210 .catalog-ui-installation{
    font-size:7.2px!important;
    line-height:8.4px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--favorite{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
}