/* KLIMATOLOGIYA CATALOG UX v1.0.7 — MOBILE TEXT SCALE + ROW SPACING
   Readability polish based on the approved v1.0.5/1.0.6 card geometry.
   No data/cart/favorites/filter logic changes. */

@media(max-width:760px){

  /* Slightly more breathing room BETWEEN cards, not inside cards. */
  .catalog-ui-210 .catalog-ui-products,
  .favorites-page-v103 .catalog-ui-products{
    column-gap:7px!important;
    row-gap:13px!important;
  }

  /* Keep the compact concept, but add only 12px of height to support readable type.
     v1.0.5 was 208px; v1.0.7 is 220px, not a return to the tall card. */
  .catalog-ui-210 .catalog-ui-product-card{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    grid-template-rows:78px 142px!important;
  }

  .catalog-ui-210 .catalog-ui-card-body{
    height:142px!important;
    grid-template-rows:14px 35px 28px 14px 43px!important;
    gap:2px!important;
    padding:0 6px 4px!important;
  }

  /* Brand closer to the visual scale in the supplied reference. */
  .catalog-ui-210 .catalog-ui-card-brand{
    height:14px!important;
    font-size:10.5px!important;
    line-height:14px!important;
    font-weight:820!important;
  }

  /* Main model name: clearly larger, still hard-clamped to exactly 2 lines. */
  .catalog-ui-210 .catalog-ui-card-body h3{
    height:35px!important;
    min-height:35px!important;
    max-height:35px!important;
    font-size:13px!important;
    line-height:16px!important;
    font-weight:780!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }

  /* Specs remain exactly 2 controlled lines, but now readable without squinting. */
  .catalog-ui-210 .catalog-ui-mobile-specs{
    height:28px!important;
    min-height:28px!important;
    grid-template-rows:13px 13px!important;
    gap:2px!important;
  }
  .catalog-ui-210 .catalog-ui-mobile-specs__line{
    height:13px!important;
    min-height:13px!important;
    font-size:10.1px!important;
    line-height:13px!important;
    font-weight:760!important;
  }

  .catalog-ui-210 .catalog-ui-stock{
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    font-size:9.8px!important;
    line-height:14px!important;
  }
  .catalog-ui-210 .catalog-ui-stock i{
    width:6px!important;
    min-width:6px!important;
    height:6px!important;
  }

  /* Price/CTA remain physically separate columns. */
  .catalog-ui-210 .catalog-ui-card-bottom{
    height:59px!important;
    max-height:59px!important;
    grid-template-rows:14px 43px!important;
    gap:2px!important;
  }
  .catalog-ui-210 .catalog-ui-price-actions{
    height:43px!important;
    min-height:43px!important;
    gap:4px!important;
  }
  .catalog-ui-210 .catalog-ui-price-row strong{
    font-size:17.8px!important;
    line-height:19px!important;
    letter-spacing:-.25px!important;
  }
  .catalog-ui-210 .catalog-ui-installation{
    height:20px!important;
    max-height:20px!important;
    font-size:8.4px!important;
    line-height:9.8px!important;
  }

  /* Larger visual controls, still within the dedicated CTA column. */
  .catalog-ui-210 .catalog-ui-icon-btn--favorite{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--favorite svg{
    width:19px!important;
    height:19px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart img{
    width:20px!important;
    height:20px!important;
  }

  /* Keep the same image zone; no extra internal air is introduced. */
  .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;
  }
}

/* 320px stress width: still larger than v1.0.5, but protect the two-column CTA row. */
@media(max-width:340px){
  .catalog-ui-210 .catalog-ui-products,
  .favorites-page-v103 .catalog-ui-products{
    column-gap:5px!important;
    row-gap:10px!important;
  }

  .catalog-ui-210 .catalog-ui-card-brand{
    font-size:9.5px!important;
  }
  .catalog-ui-210 .catalog-ui-card-body h3{
    font-size:11.8px!important;
    line-height:15px!important;
  }
  .catalog-ui-210 .catalog-ui-mobile-specs__line{
    font-size:9.1px!important;
  }
  .catalog-ui-210 .catalog-ui-stock{
    font-size:9px!important;
  }
  .catalog-ui-210 .catalog-ui-price-row strong{
    font-size:15.2px!important;
    line-height:17px!important;
  }
  .catalog-ui-210 .catalog-ui-installation{
    font-size:7.5px!important;
    line-height:9px!important;
  }

  .catalog-ui-210 .catalog-ui-icon-btn--favorite{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--favorite svg{
    width:16px!important;
    height:16px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart img{
    width:17px!important;
    height:17px!important;
  }
}