/* KLIMATOLOGIYA CATALOG UX v1.0.3 REAL PATCH */

/* ---------- compact equal desktop cards ---------- */
.catalog-ui-210 .catalog-ui-product-card{
  height:430px!important;
  min-height:430px!important;
  grid-template-rows:158px minmax(0,1fr)!important;
}
.catalog-ui-210 .catalog-ui-card-media{
  padding:12px 14px 6px!important;
  min-height:0!important;
}
.catalog-ui-210 .catalog-ui-card-media>img{
  height:140px!important;
  width:100%!important;
  object-fit:contain!important;
}
.catalog-ui-210 .catalog-ui-card-body{
  min-height:0!important;
  display:grid!important;
  grid-template-rows:16px 42px 70px minmax(0,1fr)!important;
  gap:5px!important;
  padding:0 13px 12px!important;
}
.catalog-ui-210 .catalog-ui-card-body h3{
  min-height:38px!important;
  max-height:38px!important;
  height:38px!important;
  margin:2px 0 0!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  line-height:1.4!important;
}
.catalog-ui-210 .catalog-ui-quick-specs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-content:start!important;
  gap:5px 7px!important;
  height:70px!important;
  padding-top:4px!important;
  overflow:hidden!important;
}
.catalog-ui-210 .catalog-ui-quick-specs>div{
  min-width:0!important;
  font-size:10px!important;
}
.catalog-ui-210 .catalog-ui-quick-specs span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.catalog-ui-210 .catalog-ui-card-bottom{
  align-self:end!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:6px 0 0!important;
  display:grid!important;
  gap:5px!important;
}
.catalog-ui-210 .catalog-ui-stock{
  justify-content:flex-start!important;
  text-align:left!important;
  min-height:17px!important;
  margin:0!important;
}
.catalog-ui-210 .catalog-ui-price-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
}
.catalog-ui-210 .catalog-ui-price-row{
  min-width:0!important;
  text-align:left!important;
}
.catalog-ui-210 .catalog-ui-price-row strong{
  white-space:nowrap!important;
  font-size:18px!important;
}
.catalog-ui-210 .catalog-ui-price-row small{
  white-space:nowrap!important;
  font-size:8.5px!important;
}
.catalog-ui-210 .catalog-ui-card-actions--compact{
  align-self:end!important;
}
.catalog-ui-210 .catalog-ui-icon-btn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
}
.catalog-ui-210 .catalog-ui-icon-btn--favorite.is-active{
  background:#e9f8f6!important;
  border-color:var(--catalog-accent)!important;
}
.catalog-ui-210 .catalog-ui-icon-btn--favorite.is-active svg{
  fill:currentColor!important;
}
.catalog-ui-210 .catalog-ui-icon-btn--cart.is-added{
  background:#168e71!important;
  border-color:#168e71!important;
}

/* ---------- desktop: keep 4 useful columns ---------- */
@media(min-width:1321px){
  .catalog-ui-210 .catalog-ui-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* ---------- iPhone/mobile: wider canvas, true 2-column cards ---------- */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .catalog-ui-210 .catalog-ui-section{padding-top:8px!important}
  .catalog-ui-210 .catalog-ui-section>.container{
    width:100%!important;
    max-width:none!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .catalog-ui-210 .catalog-ui-main{width:100%;min-width:0}
  .catalog-ui-210 .catalog-ui-hero{padding-left:2px!important;padding-right:2px!important}
  .catalog-ui-210 .catalog-ui-subcategories{
    margin-left:-2px!important;
    margin-right:-2px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  .catalog-ui-210 .catalog-ui-mobile-search{margin:4px 0 8px!important}
  .catalog-ui-210 .catalog-ui-toolbar{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:6px 7px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .catalog-ui-210 .catalog-ui-found{
    min-width:58px!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  .catalog-ui-210 .catalog-ui-found:before{content:"Найдено "!important}
  .catalog-ui-210 .catalog-ui-found span{display:none!important}
  .catalog-ui-210 .catalog-ui-toolbar-actions{
    min-width:0!important;
    margin-left:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
  }
  .catalog-ui-210 .catalog-ui-filter-trigger{
    min-width:0!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }
  .catalog-ui-210 .catalog-ui-filter-trigger svg{width:14px!important;height:14px!important}
  .catalog-ui-210 .catalog-ui-sort{
    min-width:0!important;
    width:100%!important;
    display:block!important;
    overflow:visible!important;
  }
  .catalog-ui-210 .catalog-ui-sort select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    padding:0 23px 0 8px!important;
    border-radius:8px!important;
    font-size:9.5px!important;
    text-overflow:ellipsis!important;
  }
  .catalog-ui-210 .catalog-ui-per-page{display:none!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:8px!important;
    margin-top:10px!important;
  }
  .catalog-ui-210 .catalog-ui-product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:356px!important;
    min-height:356px!important;
    grid-template-rows:124px minmax(0,1fr)!important;
    border-radius:13px!important;
  }
  .catalog-ui-210 .catalog-ui-card-media{
    padding:7px 6px 3px!important;
  }
  .catalog-ui-210 .catalog-ui-card-media>img{
    height:116px!important;
  }
  .catalog-ui-210 .catalog-ui-badge{
    left:7px!important;
    top:7px!important;
    min-height:18px!important;
    padding:3px 6px!important;
    font-size:7.5px!important;
  }
  .catalog-ui-210 .catalog-ui-card-body{
    grid-template-rows:13px 35px 58px minmax(0,1fr)!important;
    gap:4px!important;
    padding:0 7px 8px!important;
  }
  .catalog-ui-210 .catalog-ui-card-brand{font-size:8.5px!important}
  .catalog-ui-210 .catalog-ui-card-body h3{
    min-height:32px!important;
    height:32px!important;
    max-height:32px!important;
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  .catalog-ui-210 .catalog-ui-quick-specs{
    grid-template-columns:1fr 1fr!important;
    height:58px!important;
    gap:3px 4px!important;
    padding-top:2px!important;
  }
  .catalog-ui-210 .catalog-ui-quick-specs>div{
    grid-template-columns:11px minmax(0,1fr)!important;
    gap:3px!important;
    font-size:8.5px!important;
  }
  .catalog-ui-210 .catalog-ui-quick-specs>div:nth-child(n+4){display:none!important}
  .catalog-ui-210 .catalog-ui-quick-specs svg{width:10px!important;height:10px!important}
  .catalog-ui-210 .catalog-ui-stock{font-size:8px!important;gap:4px!important}
  .catalog-ui-210 .catalog-ui-stock i{width:5px!important;height:5px!important}
  .catalog-ui-210 .catalog-ui-price-actions{gap:4px!important}
  .catalog-ui-210 .catalog-ui-price-row strong{
    font-size:14px!important;
    letter-spacing:-.25px!important;
  }
  .catalog-ui-210 .catalog-ui-price-row small{
    max-width:95px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:7px!important;
  }
  .catalog-ui-210 .catalog-ui-card-actions--compact{gap:4px!important}
  .catalog-ui-210 .catalog-ui-icon-btn{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:8px!important;
  }
  .catalog-ui-210 .catalog-ui-icon-btn--favorite svg{width:15px!important;height:15px!important}
  .catalog-ui-210 .catalog-ui-icon-btn--cart img{width:15px!important;height:15px!important}

  .catalog-ui-floating-filter{display:none!important}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
}

/* ---------- toast ---------- */
.catalog-ux-toast{
  position:fixed;
  right:18px;
  bottom:22px;
  z-index:3000;
  width:min(360px,calc(100vw - 30px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  padding:13px 14px;
  border:1px solid #dbe8e5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 50px rgba(18,45,40,.18);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:.18s ease;
}
.catalog-ux-toast.is-open{opacity:1;transform:none;pointer-events:auto}
.catalog-ux-toast b{font-size:12px}
.catalog-ux-toast span{display:block;margin-top:2px;color:#6f7d79;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-ux-toast a{align-self:center;color:var(--mint-dark);font-size:10px;font-weight:800}
@media(max-width:760px){
  .catalog-ux-toast{
    left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto
  }
}

/* ---------- favorites page ---------- */
.favorites-v103{min-height:50vh}
.favorites-v103__loading{padding:24px 0;color:#74817e}
.favorites-v103__grid:empty{display:none}
.product-favorite-action.is-active{background:var(--mint-soft)!important;color:var(--mint-dark)!important}
.product-page-mobile-v2__actions{flex-wrap:wrap}
@media(max-width:760px){
  .favorites-page-v103 .section.compact>.container{padding-left:9px!important;padding-right:9px!important}
  .product-page-mobile-v2__actions .btn{min-width:0}
}