/* KLIMATOLOGIYA CATALOG UX v1.0.9 — MOBILE CARD HEIGHT +20%
   Pure spacing/height patch on top of v1.0.8.
   Text sizes, 2-column grid, buttons, cart/favorites and data logic remain unchanged. */

@media(max-width:760px){

  /* 246 -> 296 px = +20.3% */
  .catalog-ui-210 .catalog-ui-product-card{
    height:296px!important;
    min-height:296px!important;
    max-height:296px!important;
    grid-template-rows:92px 204px!important;
  }

  /* Slightly roomier media block, but no oversized photo. */
  .catalog-ui-210 .catalog-ui-card-media{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:4px 5px 3px!important;
  }
  .catalog-ui-210 .catalog-ui-card-media>img{
    height:84px!important;
    max-height:84px!important;
    object-fit:contain!important;
  }

  /* Distribute the added height through real content zones, not one empty spacer. */
  .catalog-ui-210 .catalog-ui-card-body{
    height:204px!important;
    min-height:204px!important;
    box-sizing:border-box!important;
    grid-template-rows:14px 38px 34px 16px 74px!important;
    gap:5px!important;
    padding:2px 6px 6px!important;
  }

  /* Title still capped at two lines, but its fixed zone is a little taller. */
  .catalog-ui-210 .catalog-ui-card-body h3{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  /* Two quick-spec lines retain the same font, now with more vertical room. */
  .catalog-ui-210 .catalog-ui-mobile-specs{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    grid-template-rows:14px 14px!important;
    gap:4px!important;
    align-content:start!important;
  }

  .catalog-ui-210 .catalog-ui-stock{
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    line-height:16px!important;
  }

  /* Dedicated footer grows so price, installation and buttons never feel cramped. */
  .catalog-ui-210 .catalog-ui-card-bottom{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    grid-template-rows:16px 53px!important;
    gap:5px!important;
  }

  .catalog-ui-210 .catalog-ui-price-actions{
    height:53px!important;
    min-height:53px!important;
    max-height:53px!important;
    align-items:end!important;
  }

  .catalog-ui-210 .catalog-ui-installation{
    height:24px!important;
    max-height:24px!important;
    line-height:11px!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
}

/* Keep the same +20% height even at 320px; v1.0.7 already contains the
   narrow-screen typography/button safeguards. */
@media(max-width:340px){
  .catalog-ui-210 .catalog-ui-product-card{
    height:296px!important;
    min-height:296px!important;
    max-height:296px!important;
    grid-template-rows:92px 204px!important;
  }
}