/* KLIMATOLOGIYA CATALOG UX v1.0.5 — MOBILE CATALOG UI FIX
   UI/responsive only. Loaded after v1.0.4. */

@media(max-width:760px){
  /* Keep existing 2-column concept and readable UI scale. */
  .catalog-ui-210 .catalog-ui-section>.container{
    width:100%!important;max-width:none!important;box-sizing:border-box!important;
    padding-left:8px!important;padding-right:8px!important;
  }
  .catalog-ui-210 .catalog-ui-products,
  .favorites-page-v103 .catalog-ui-products{
    width:100%!important;min-width:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;align-items:stretch!important;
  }

  /* Key fix: no flexible/filler row. Each internal block owns a predictable row. */
  .catalog-ui-210 .catalog-ui-product-card{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:208px!important;min-height:208px!important;max-height:208px!important;
    display:grid!important;
    grid-template-rows:78px 130px!important;
    overflow:hidden!important;border-radius:12px!important;
  }

  /* Fixed media geometry; source ratio / missing image cannot grow the card. */
  .catalog-ui-210 .catalog-ui-card-media{
    position:relative!important;
    height:78px!important;min-height:78px!important;max-height:78px!important;
    padding:5px 6px 2px!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .catalog-ui-210 .catalog-ui-card-media>img{
    width:100%!important;height:71px!important;max-height:71px!important;
    object-fit:contain!important;object-position:center!important;display:block!important;
  }
  .catalog-ui-210 .catalog-ui-badge{
    left:6px!important;top:5px!important;z-index:2!important;
    min-height:18px!important;max-width:calc(100% - 12px)!important;
    padding:3px 7px!important;font-size:7.5px!important;line-height:1.15!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  .catalog-ui-210 .catalog-ui-card-body{
    min-height:0!important;height:130px!important;box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:12px 30px 24px 12px 38px!important;
    gap:2px!important;
    padding:0 6px 6px!important;
    overflow:hidden!important;
  }
  .catalog-ui-210 .catalog-ui-card-brand{
    height:12px!important;min-width:0!important;
    font-size:8.5px!important;line-height:12px!important;font-weight:800!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .catalog-ui-210 .catalog-ui-card-body h3{
    height:30px!important;min-height:30px!important;max-height:30px!important;
    margin:0!important;font-size:10.5px!important;line-height:1.38!important;font-weight:750!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Exactly two controlled quick-spec lines; no word fragments like Инверт... */
  .catalog-ui-210 .catalog-ui-quick-specs{display:none!important}
  .catalog-ui-210 .catalog-ui-mobile-specs{
    display:grid!important;grid-template-rows:11px 11px!important;align-content:start!important;
    gap:2px!important;height:24px!important;min-height:24px!important;min-width:0!important;overflow:hidden!important;
    color:#465451!important;
  }
  .catalog-ui-210 .catalog-ui-mobile-specs__line{
    height:11px!important;min-height:11px!important;
    font-size:8.2px!important;line-height:11px!important;font-weight:750!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  }

  /* Bottom is not pushed with space-between/minmax; it follows specs immediately. */
  .catalog-ui-210 .catalog-ui-card-bottom{
    min-height:0!important;height:52px!important;max-height:52px!important;
    margin:0!important;padding:0!important;align-self:stretch!important;
    display:grid!important;grid-template-rows:12px 38px!important;gap:2px!important;overflow:hidden!important;
  }
  .catalog-ui-210 .catalog-ui-stock{
    height:12px!important;min-height:12px!important;max-height:12px!important;
    margin:0!important;padding:0!important;justify-content:flex-start!important;
    gap:4px!important;font-size:8px!important;line-height:12px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .catalog-ui-210 .catalog-ui-stock i{width:6px!important;min-width:6px!important;height:6px!important}

  /* Price column and CTA column are independent; they physically cannot overlap. */
  .catalog-ui-210 .catalog-ui-price-actions{
    height:38px!important;min-height:38px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;
    gap:4px!important;min-width:0!important;overflow:hidden!important;
  }
  .catalog-ui-210 .catalog-ui-price-row,
  .catalog-ui-210 .catalog-ui-price-row>div{min-width:0!important;overflow:hidden!important}
  .catalog-ui-210 .catalog-ui-price-row strong{
    display:block!important;margin:0!important;
    font-size:14.5px!important;line-height:16px!important;font-weight:850!important;letter-spacing:-.2px!important;
    white-space:nowrap!important;overflow:visible!important;
  }
  .catalog-ui-210 .catalog-ui-installation{
    display:-webkit-box!important;margin-top:1px!important;
    height:18px!important;max-height:18px!important;
    font-size:7px!important;line-height:8.5px!important;color:#89928f!important;
    white-space:normal!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;
    overflow:hidden!important;
  }
  .catalog-ui-210 .catalog-ui-card-actions--compact{
    display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;gap:3px!important;
    flex:0 0 auto!important;margin:0!important;padding:0!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--favorite{
    width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:9px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--cart{
    width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:9px!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}

  /* Fixed bottom nav safety. Last row must scroll completely above it. */
  body{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
  .catalog-ui-210 .catalog-ui-pagination-wrap{margin-bottom:24px!important}

  /* Phone FAB is smaller and lifted out of the product CTA zone. */
  .mobile-call-fab{
    right:10px!important;bottom:calc(104px + env(safe-area-inset-bottom))!important;
    width:40px!important;height:40px!important;
  }
  .mobile-call-fab img{width:20px!important;height:20px!important}
  .catalog-ui-210 .mobile-call-fab.is-product-grid-overlap,.favorites-page-v103 .mobile-call-fab.is-product-grid-overlap{opacity:0!important;pointer-events:none!important;transform:translateY(6px)!important}

  /* Active nav: only current section gets the mint accent. */
  .mobilebar a{position:relative!important;color:#40504e!important}
  .mobilebar .mobile-favorite-heart{color:currentColor!important}
  .mobilebar a.is-active{color:var(--mint-dark)!important}
  .mobilebar a.is-active span:last-child{font-weight:850!important}
  .mobilebar a.is-active:before{
    content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);
    width:18px;height:2px;border-radius:2px;background:var(--mint-dark);
  }
}

/* 320px stress width: preserve 2 columns and readability, not a miniaturized UI. */
@media(max-width:340px){
  .catalog-ui-210 .catalog-ui-section>.container{padding-left:6px!important;padding-right:6px!important}
  .catalog-ui-210 .catalog-ui-products,.favorites-page-v103 .catalog-ui-products{gap:5px!important}
  .catalog-ui-210 .catalog-ui-price-actions{gap:3px!important}
  .catalog-ui-210 .catalog-ui-price-row strong{font-size:13.2px!important;line-height:15px!important}
  .catalog-ui-210 .catalog-ui-installation{font-size:6.8px!important;line-height:8px!important;height:18px!important}
  .catalog-ui-210 .catalog-ui-icon-btn--favorite{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}
  .catalog-ui-210 .catalog-ui-icon-btn--cart{width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important}
}