/* MyKondi compact layout v131
   Reduces excessive vertical whitespace while preserving readability and touch targets. */

@media (min-width: 901px) {
  .header__inner {
    height: 68px !important;
  }

  .category-hero {
    padding: 22px 0 24px !important;
  }
  .category-hero .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .category-hero .breadcrumbs {
    margin-bottom: 10px !important;
    padding: 6px 10px !important;
  }
  .category-hero .eyebrow {
    margin-bottom: 7px !important;
  }
  .category-hero h1 {
    margin: 0 0 8px !important;
    font-size: clamp(38px, 4vw, 52px) !important;
    line-height: 1 !important;
  }
  .category-hero p {
    margin: 0 0 12px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  main > .section {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }
  .section-head {
    margin-bottom: 22px !important;
    gap: 24px !important;
  }

  /* Catalog */
  .catalog-page-layout {
    gap: 20px !important;
  }
  .catalog-sidebar {
    top: 84px !important;
    padding: 16px !important;
    gap: 12px !important;
    border-radius: 16px !important;
  }
  .catalog-sidebar__head h2 {
    font-size: 21px !important;
  }
  .catalog-sidebar__filters {
    display: grid;
    gap: 11px;
  }
  .catalog-sidebar label,
  .price-filter {
    gap: 5px !important;
  }
  .catalog-sidebar input,
  .catalog-sidebar select {
    padding: 10px 11px !important;
    min-height: 40px !important;
  }
  .catalog-page-top {
    min-height: 48px !important;
    margin-bottom: 12px !important;
    padding: 10px 13px !important;
  }
  .catalog-page-top select {
    min-height: 38px !important;
    padding: 8px 11px !important;
  }
  .products,
  .catalog-page-main .products {
    gap: 14px !important;
  }
  .product--v70 {
    border-radius: 17px !important;
  }
  .product--v70 .product__image {
    height: 215px !important;
    min-height: 215px !important;
    padding: 11px !important;
  }
  .product--v70 .product__badge {
    top: 10px !important;
    left: 10px !important;
    padding: 6px 9px !important;
  }
  .product--v70 .product__body {
    padding: 14px !important;
  }
  .product--v70 h3 {
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 6px 0 7px !important;
    font-size: 17px !important;
    line-height: 1.28 !important;
  }
  .product-v70__fit {
    margin: 0 0 7px !important;
    font-size: 12px !important;
  }
  .product-v70__fit::before {
    width: 17px !important;
    height: 17px !important;
  }
  .product-v70__specs {
    gap: 5px !important;
    margin-bottom: 9px !important;
  }
  .product-v70__specs span {
    min-height: 29px !important;
    padding: 5px 7px !important;
  }
  .product-v70__price {
    padding-top: 9px !important;
  }
  .product-v70__price b {
    font-size: 22px !important;
  }
  .product--v70 .product__foot-actions {
    gap: 6px !important;
    margin-top: 9px !important;
  }
  .product--v70 .product__foot-actions .btn {
    min-height: 40px !important;
    padding: 8px 7px !important;
  }
  .pagination {
    margin-top: 24px !important;
  }

  /* Product pages */
  .product-page {
    padding: 24px 0 56px !important;
  }
  .product-page .breadcrumbs {
    margin-bottom: 16px !important;
  }
  .product-detail {
    gap: 38px !important;
  }
  .product-detail__visual {
    min-height: 410px !important;
    padding: 24px !important;
    border-radius: 20px !important;
  }
  .product-detail__visual img {
    max-height: 360px !important;
  }
  .product-detail__content h1 {
    margin-bottom: 12px !important;
    font-size: clamp(38px, 4vw, 48px) !important;
  }
  .product-detail__price {
    margin: 14px 0 !important;
  }
  .detail-specs div {
    padding: 12px !important;
  }
  .product-detail__actions {
    margin-top: 16px !important;
  }
  .detail-info {
    padding-top: 52px !important;
  }
  .detail-info__grid {
    gap: 14px !important;
    margin-top: 20px !important;
  }
  .detail-info article {
    padding: 20px !important;
  }
  .product-seo-section {
    margin-top: 24px !important;
    padding: 24px !important;
  }
  .similar-section,
  .recent-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  /* Brand, SEO and information pages */
  .brand-hero {
    padding: 34px 0 28px !important;
  }
  .brand-hero__stats {
    margin-top: 14px !important;
  }
  .seo-landing-hero {
    padding: 38px 0 32px !important;
  }
  .seo-landing-hero .breadcrumbs {
    margin-bottom: 12px !important;
  }
  .seo-landing-hero h1 {
    margin: 6px 0 10px !important;
  }
  .seo-landing-main,
  .seo-related,
  .seo-faq,
  .seo-link-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
  .seo-related-links {
    margin-top: 18px !important;
  }
  .seo-faq details,
  .product-seo-faq details {
    padding: 14px 0 !important;
  }

  /* Common content blocks */
  .benefit {
    padding: 21px !important;
  }
  .install__grid {
    gap: 48px !important;
  }
  .install__card {
    padding: 26px !important;
  }
  .contact__box {
    padding: 32px !important;
    gap: 38px !important;
  }
  .faq details {
    padding: 15px 0 !important;
  }
  .footer--premium {
    margin-top: 36px !important;
  }
  .footer--premium .footer__shell {
    padding-top: 28px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 900px) {
  .category-hero {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .category-hero .breadcrumbs {
    margin-bottom: 9px !important;
  }
  .category-hero .eyebrow {
    margin-bottom: 7px !important;
  }
  .category-hero h1 {
    margin-bottom: 8px !important;
    font-size: clamp(32px, 9vw, 42px) !important;
  }
  .category-hero p {
    margin: 0 0 10px !important;
    line-height: 1.45 !important;
  }
  main > .section {
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }
  .section-head {
    margin-bottom: 18px !important;
  }
  .catalog-page-layout {
    gap: 12px !important;
  }
  .catalog-page-top {
    margin-bottom: 10px !important;
  }
  .products,
  .catalog-page-main .products {
    gap: 12px !important;
  }
  .product--v70 .product__image {
    min-height: 195px !important;
    height: 195px !important;
  }
  .product--v70 .product__body {
    padding: 13px !important;
  }
  .product--v70 h3 {
    margin-top: 6px !important;
    margin-bottom: 7px !important;
  }
  .product-v70__specs {
    margin-bottom: 9px !important;
  }
  .product--v70 .product__foot-actions {
    margin-top: 9px !important;
  }
  .product-page {
    padding-bottom: 42px !important;
  }
  .detail-info,
  .similar-section,
  .recent-section,
  .seo-landing-main,
  .seo-related,
  .seo-faq,
  .seo-link-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .product-seo-section {
    margin-top: 20px !important;
    padding: 19px !important;
  }
  .brand-hero,
  .seo-landing-hero {
    padding-top: 28px !important;
    padding-bottom: 24px !important;
  }
  .footer--premium {
    margin-top: 28px !important;
  }
}

@media (max-width: 620px) {
  .catalog-sidebar__head {
    min-height: 54px !important;
    padding: 7px 10px !important;
  }
  .catalog-page-top {
    padding: 11px !important;
  }
  .product--v70 .product__image {
    min-height: 188px !important;
    height: 188px !important;
  }
  .product--v70 .product__body {
    padding: 12px !important;
  }
  .product-v70__price b {
    font-size: 22px !important;
  }
  .contact__box,
  .install__card,
  .benefit {
    padding: 20px !important;
  }
}


/* MyKondi catalog polish v133 — compact cards, aligned badges and ad-ready CTAs */
.product--v70{
  display:flex!important;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
}
.product--v70 .product__image{
  position:relative;
  flex:0 0 auto;
  overflow:hidden;
}
.product--v70 .product__image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.product--v70 .product__body{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
}
.product--v70 .product-stock-badge,
.product--v70 .product__badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  max-width:calc(50% - 17px);
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 6px 16px rgba(12,61,100,.08)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:normal;
  overflow-wrap:anywhere;
  pointer-events:none;
}
.product--v70 .product-stock-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:5;
  gap:5px;
  border:1px solid #d2eedf!important;
  color:#167851!important;
}
.product--v70 .product-stock-badge::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#19a56f;
  box-shadow:0 0 0 3px rgba(25,165,111,.11);
}
.product--v70 .product__badge{
  top:10px!important;
  right:10px!important;
  left:auto!important;
  z-index:4!important;
  justify-content:flex-end;
  border:1px solid #dceaf5!important;
  color:#315f82!important;
  text-align:right;
}
.product--v70 .product__brand{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product--v70 h3{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.product--v70 .product-v70__fit{
  min-height:20px;
}
.product--v70 .product-v70__expert{
  display:-webkit-box;
  overflow:hidden;
  margin-bottom:8px!important;
  padding:8px 9px!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:10.5px!important;
  line-height:1.35!important;
}
.product--v70 .product-v70__price{
  margin-top:auto!important;
}
.product--v70 .product__foot-actions{
  align-items:stretch;
}
.product--v70 .product__foot-actions .btn{
  display:flex;
  min-width:0;
  height:100%;
  line-height:1.2;
  text-align:center;
}

@media (min-width:901px){
  .products,.catalog-page-main .products{gap:12px!important}
  .product--v70 .product__image{height:196px!important;min-height:196px!important;padding:9px!important}
  .product--v70 .product__body{padding:12px!important}
  .product--v70 h3{min-height:40px!important;max-height:40px!important;margin:5px 0 6px!important;font-size:15.5px!important;line-height:1.27!important}
  .product--v70 .product-v70__fit{margin:0 0 6px!important;font-size:11px!important}
  .product--v70 .product-v70__fit::before{width:16px!important;height:16px!important;font-size:9px!important}
  .product--v70 .product-v70__specs{gap:4px!important;margin-bottom:7px!important}
  .product--v70 .product-v70__specs span{min-height:27px!important;padding:4px 6px!important;font-size:10px!important}
  .product--v70 .product-v70__price{padding-top:7px!important}
  .product--v70 .product-v70__price b{font-size:20px!important}
  .product--v70 .product__foot-actions{gap:5px!important;margin-top:7px!important}
  .product--v70 .product__foot-actions .btn{min-height:37px!important;padding:7px 5px!important;font-size:11px!important}
}

@media (max-width:900px){
  .product--v70 .product-stock-badge,
  .product--v70 .product__badge{max-width:calc(50% - 15px)}
}

@media (max-width:620px){
  .product--v70 .product__image{height:188px!important;min-height:188px!important;padding:9px!important}
  .product--v70 .product__body{padding:12px!important}
  .product--v70 .product-stock-badge,
  .product--v70 .product__badge{top:9px!important;min-height:24px;max-width:calc(50% - 14px);padding:5px 8px!important;font-size:9px!important}
  .product--v70 .product-stock-badge{left:9px}
  .product--v70 .product__badge{right:9px!important}
  .product--v70 h3{margin:6px 0!important;font-size:16px!important;line-height:1.28!important}
  .product--v70 .product-v70__expert{-webkit-line-clamp:3}
}
