/* KLIMATOLOGIYA 2.4.0 — catalog/mobile/filter UX */

/* Persistent card states */
.catalog-ui-210 .catalog-ui-icon-btn--favorite.is-active{
  background:#e9f8f6!important;
  border-color:var(--mint-dark)!important;
  color:var(--mint-dark)!important;
}
.catalog-ui-210 .catalog-ui-icon-btn--favorite.is-active svg{fill:currentColor!important}
.catalog-ui-210 .catalog-ui-icon-btn--cart.is-active{
  background:var(--mint-dark)!important;
  border-color:var(--mint-dark)!important;
  box-shadow:0 0 0 2px rgba(7,141,132,.12)!important;
}
.catalog-ui-210 .catalog-ui-icon-btn--cart.is-active img{
  filter:brightness(0) invert(1)!important;
}

/* Number ranges: ordinary fields only. */
.catalog-ui-number-range input[type="number"]{
  width:100%;
}
.catalog-ui-filter-unit{
  display:block;
  margin-top:6px;
  color:#687773;
  font-size:11px;
}

/* Mobile filter CTA must always be reachable. */
@media(max-width:760px){

  /*
   * Two cards stay in one CSS-grid row. The tallest title defines the row height,
   * and the neighbour stretches to exactly the same height.
   */
  .catalog-ui-210 .catalog-ui-products,
  .favorites-page-v103 .catalog-ui-products{
    align-items:stretch!important;
    grid-auto-rows:auto!important;
  }

  .catalog-ui-210 .catalog-ui-product-card,
  .favorites-page-v103 .catalog-ui-product-card{
    height:auto!important;
    min-height:296px!important;
    max-height:none!important;
    grid-template-rows:92px minmax(204px,1fr)!important;
    align-self:stretch!important;
  }

  .catalog-ui-210 .catalog-ui-card-body,
  .favorites-page-v103 .catalog-ui-card-body{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:204px!important;
    max-height:none!important;
    box-sizing:border-box!important;
    gap:5px!important;
    padding:2px 6px 6px!important;
  }

  .catalog-ui-210 .catalog-ui-card-brand,
  .favorites-page-v103 .catalog-ui-card-brand{
    flex:0 0 14px!important;
    height:14px!important;
    min-height:14px!important;
  }

  .catalog-ui-210 .catalog-ui-card-body h3,
  .favorites-page-v103 .catalog-ui-card-body h3{
    display:block!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:38px!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:initial!important;
  }

  .catalog-ui-210 .catalog-ui-quick-specs,
  .favorites-page-v103 .catalog-ui-quick-specs{
    display:none!important;
  }

  .catalog-ui-210 .catalog-ui-mobile-specs,
  .favorites-page-v103 .catalog-ui-mobile-specs{
    flex:0 0 34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }

  .catalog-ui-210 .catalog-ui-card-bottom,
  .favorites-page-v103 .catalog-ui-card-bottom{
    flex:0 0 74px!important;
    margin-top:auto!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
  }
}

/* KLIMATOLOGIYA 2.4.1 FIX */

/* Homepage cards keep the approved layout; brand/status are added inside existing meta rows. */
.home-brand150,.home-brand-mobile{font-weight:800!important;color:#4f5f5c!important}
.home-status150,.home-status-mobile{color:var(--mint-dark)!important;border-color:#b9dfda!important;background:#f1fbf9!important}

/* Product page: persistent visible cart state, not only card state. */
.product-page-v3 [data-cart-add].is-active,
.product-page-mobile-v2 [data-cart-add].is-active{
  background:var(--mint-dark)!important;
  color:#fff!important;
  border-color:var(--mint-dark)!important;
}

/* Mobile filter: separate fixed action bar.
   It is visible immediately after opening filters, regardless of scroll position. */
.catalog-ui-mobile-applybar{display:none}
@media(max-width:820px){
  .catalog-ui-210 .catalog-ui-sidebar{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  .catalog-ui-210 .catalog-ui-apply--desktop{
    display:none!important;
  }
  body.catalog-ui-filter-open .catalog-ui-mobile-applybar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1004!important;
    display:flex!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(248,251,250,.96)!important;
    backdrop-filter:blur(12px)!important;
    border-top:1px solid #dfe8e6!important;
    box-shadow:0 -8px 24px rgba(11,35,35,.10)!important;
  }
  body.catalog-ui-filter-open .catalog-ui-mobile-applybar button{
    width:100%!important;
    min-height:48px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#12b9bb,#079fa4)!important;
    color:#fff!important;
    font-weight:800!important;
    font-size:14px!important;
    box-shadow:0 8px 22px rgba(10,174,177,.22)!important;
  }
}

/* Let the existing homepage meta row expand only when the new catalog data needs it. */
.product-link150{grid-template-rows:24px 48px minmax(32px,auto) 1fr 54px!important}
.meta150{align-content:flex-start}