/* VAV content cleanup pass — remove section bookkeeping, keep only useful content.
   Loaded last on purpose. Do not use this file for case-card internals. */

/* Global section bookkeeping: hide labels/numbers, keep the actual scene titles. */
.production-section .production-head .eyebrow,
.assortment-section > .section-head .eyebrow,
.services-section > .section-head .eyebrow,
.cases-section .section-head .eyebrow,
.brief-copy .eyebrow,
.proof-dark .proof-label,
footer#contacts .contacts-grid > div:first-child .eyebrow{
  display:none!important;
}

/* Production/services step UI: dots/active labels stay, redundant digits go. */
.production-section .production-copy > span[data-production-number],
.production-section .flow-number,
.services-section .services-list article > span{
  display:none!important;
}

/* Assortment: no duplicate selected title/description under the product.
   Only the action remains, placed in its own bottom action zone. */
.assortment-section .preview-copy .eyebrow,
.assortment-section .preview-copy > div,
.assortment-section .preview-copy > p:not(.eyebrow){
  display:none!important;
}
.assortment-section .preview-copy{
  pointer-events:none!important;
}
.assortment-section .preview-open{
  pointer-events:auto!important;
}

/* Cases: section intro is just the word "Кейсы". Cards remain untouched. */
.cases-section .section-head > p:last-child{
  display:none!important;
}
.cases-section .section-head{
  display:block!important;
}
.cases-section .section-head h2{
  margin:0!important;
  max-width:none!important;
}

/* Contacts: remove the whole introductory heading/copy block. */
footer#contacts .contacts-grid > div:first-child{
  display:none!important;
}
footer#contacts .contacts-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
  gap:68px!important;
}

/* Compact the scenes where labels were removed so we do not leave dead air. */
@media (max-width:900px){
  /* Production */
  .production-section .production-head{
    top:10.5%!important;
  }
  .production-section .production-head h2{
    margin-top:0!important;
  }
  .production-section[data-vav-sequence] .flow-item,
  .services-section[data-vav-sequence] .services-list article{
    color:transparent!important;
  }
  .production-section[data-vav-sequence] .flow-item.is-active,
  .services-section[data-vav-sequence] .services-list article.is-active{
    color:transparent!important;
  }

  /* Assortment: give the object a clear visual zone and keep CTA below it. */
  .assortment-section .assortment-browser{
    min-height:92svh!important;
    height:92svh!important;
  }
  .assortment-section .pa-assortment-product{
    top:43%!important;
    height:68%!important;
    width:108vw!important;
  }
  .assortment-section .preview-copy{
    display:block!important;
    position:absolute!important;
    z-index:12!important;
    left:8%!important;
    right:auto!important;
    top:auto!important;
    bottom:4.8%!important;
    width:auto!important;
    transform:none!important;
  }
  .assortment-section .preview-open{
    min-height:50px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }

  /* Cases */
  .cases-section{
    padding:38px 0 0!important;
  }
  .cases-section .section-head{
    margin:0 18px 20px!important;
  }
  .cases-section .section-head h2{
    font-size:clamp(48px,12vw,62px)!important;
    line-height:.9!important;
  }

  /* Mini brief */
  .brief-section{
    min-height:auto!important;
    padding:48px 0 58px!important;
  }
  .brief-grid{
    gap:24px!important;
  }
  .brief-copy h2{
    margin:0 0 16px!important;
  }
  .brief-copy{
    padding-top:0!important;
  }

  /* Contacts */
  footer#contacts{
    padding-top:26px!important;
  }
  footer#contacts .contacts-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-top:0!important;
  }
}

/* Desktop keeps the same system, only with less dead air. */
@media (min-width:901px){
  .cases-section .section-head{
    margin-bottom:22px!important;
  }
  .brief-section{
    padding-top:58px!important;
  }
  footer#contacts{
    padding-top:42px!important;
  }
}