/* TAIGA glued-panel compact mobile layout — 2026-09-07 v5
 * Loaded after panel-mobile-v3.css. This layer deliberately changes only the
 * <=900px composition: less copy, no horizontal profile strip, compact 2x2
 * comparison grids and safe-area-aware calculator controls.
 */

@media (max-width:900px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .section{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .section.compact{
    padding-top:34px!important;
    padding-bottom:38px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .section-head{
    gap:9px!important;
    margin-bottom:20px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .section-head h2{
    font-size:clamp(31px,9.2vw,42px)!important;
    line-height:.96!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .section-head p{
    max-width:34em!important;
    font-size:13px!important;
    line-height:1.42!important;
  }

  /* Hero: keep the value proposition above the fold and make imagery arrive sooner. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hero.hx,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx{
    padding-top:calc(var(--taiga-mobile-header) + 18px)!important;
    padding-bottom:24px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-copy h1{
    margin:9px 0 12px!important;
    font-size:clamp(42px,12.5vw,54px)!important;
    line-height:.89!important;
    letter-spacing:-.058em!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-copy p{
    font-size:15px!important;
    line-height:1.38!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions{
    margin-top:15px!important;
    gap:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions>.button{
    min-height:48px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions>.hx-samples{
    min-height:44px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples small{
    font-size:8px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-prod{
    height:clamp(214px,64vw,258px)!important;
    margin-top:16px!important;
    border-radius:19px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-bottom{
    margin-top:11px!important;
    gap:9px!important;
  }

  /* Three specifications are read as one compact fact row. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-specs{
    border-radius:15px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec{
    min-width:0!important;
    padding:10px 7px 9px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec strong{
    white-space:nowrap!important;
    font-size:clamp(10px,2.9vw,12px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec small{
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.15!important;
  }

  /* Four profiles: show all options immediately instead of forcing a horizontal swipe. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profiles{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    overflow:visible!important;
    padding:9px!important;
    padding-right:9px!important;
    gap:8px!important;
    scroll-snap-type:none!important;
    border-radius:18px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-ptitle{
    grid-column:1/-1!important;
    width:auto!important;
    min-width:0!important;
    flex:initial!important;
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    padding:2px 2px 1px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-ptitle small,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-ptitle strong{
    display:inline!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-ptitle::after{
    content:none!important;
    display:none!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:initial!important;
    flex-basis:auto!important;
    min-height:78px!important;
    padding:6px 7px 7px!important;
    border-radius:13px!important;
    scroll-snap-align:none!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile[data-value="classic"] .hx-thumb,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile[data-value="karelian"] .hx-thumb,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile[data-value="hidden"] .hx-thumb{
    height:45px!important;
    min-height:45px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile[data-value="classic"] .hx-thumb img,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile[data-value="karelian"] .hx-thumb img,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile[data-value="hidden"] .hx-thumb img{
    transform:translateY(-4%) scale(1.95)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile>span:not(.hx-thumb){
    min-width:0!important;
    font-size:9px!important;
    line-height:1.05!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile>b{
    font-size:14px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile.hx-custom{
    min-height:78px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-quality{
    width:calc(100% - 28px)!important;
    margin-top:13px!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    white-space:normal!important;
    row-gap:4px!important;
    line-height:1.2!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-quality i{
    display:none!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-quality span{
    margin-right:7px!important;
    font-size:8px!important;
  }

  /* Configurator: less explanation, keep the working fields, compress repeated choices. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator{
    padding-top:28px!important;
    padding-bottom:40px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .config-topbar{
    padding:15px 14px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .config-content{
    padding:16px 12px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .config-panel>h3{
    margin-bottom:8px!important;
    font-size:25px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .config-panel>p{
    margin-bottom:14px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .room-card.room-card-editor{
    padding:12px!important;
    border-radius:17px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .room-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-config-note{
    min-height:0!important;
    padding:11px!important;
    gap:10px!important;
    border-radius:16px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-config-note p{
    display:none!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-config-note strong{
    font-size:12px!important;
    line-height:1.25!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-config-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  /* Profile step: four choices on one 2x2 decision board. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card{
    min-width:0!important;
    min-height:0!important;
    padding:9px!important;
    border-radius:15px!important;
    gap:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-card-top{
    gap:5px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-card-top small{
    font-size:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-badge{
    padding:4px 6px!important;
    font-size:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-diagram{
    height:78px!important;
    min-height:78px!important;
    border-radius:11px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-diagram img{
    transform:scale(1.35)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card>strong{
    font-size:13px!important;
    line-height:1.1!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-description{
    display:none!important;
  }

  /* Fixed result bar: compact and clear of iPhone home indicator. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .mobile-summary-bar{
    left:14px!important;
    right:14px!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    min-height:54px!important;
    padding:6px 7px 6px 13px!important;
    border-radius:17px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .mobile-summary-bar small{
    font-size:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .mobile-summary-bar strong{
    margin-top:2px!important;
    font-size:16px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .mobile-summary-bar .button{
    min-height:40px!important;
    max-width:160px!important;
    padding:0 13px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"].taiga-mobile-summary-active #configurator{
    padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  }

  /* Detailed profile catalogue: four compact cards, no multi-screen repetition. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card{
    min-width:0!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head{
    gap:5px!important;
    margin-bottom:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head small,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head span{
    font-size:7px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head span{
    padding:4px 6px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-diagram{
    height:86px!important;
    min-height:86px!important;
    margin:0 0 9px!important;
    border-radius:12px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-diagram img{
    transform:scale(1.42)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card h3{
    margin:0 0 7px!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card>p,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-tags{
    display:none!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-action{
    width:100%!important;
    min-height:44px!important;
    margin-top:4px!important;
    padding:0!important;
    gap:5px!important;
    font-size:9px!important;
    line-height:1.1!important;
  }

  /* One product / whole system: 2x2 editorial grid instead of four full-width cards. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card{
    min-width:0!important;
    min-height:0!important;
    border-radius:16px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card::before{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-number{
    top:10px!important;
    left:10px!important;
    font-size:8px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-icon{
    transform:scale(.72)!important;
    transform-origin:center!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card>div{
    min-height:88px!important;
    padding:12px 11px 13px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card h3{
    margin-bottom:5px!important;
    font-size:16px!important;
    line-height:1.05!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card p{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:10.5px!important;
    line-height:1.32!important;
  }

  /* Technology remains a large trust block, but copy is intentionally concise. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #finish .architect-photo{
    aspect-ratio:16/9!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #finish .architect-copy{
    padding:24px 20px 22px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #finish .architect-copy h2{
    margin-top:15px!important;
    font-size:clamp(34px,10vw,43px)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #finish .architect-copy p{
    font-size:13px!important;
    line-height:1.43!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #finish .architect-copy .button{
    min-height:48px!important;
  }

  /* Customer path: four steps visible as a 2x2 map. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step{
    min-width:0!important;
    border-radius:16px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step::before{
    height:auto!important;
    aspect-ratio:4/3!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step small{
    font-size:8px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step h3{
    font-size:18px!important;
    line-height:1.05!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step p{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:10.5px!important;
    line-height:1.34!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #faq .faq-button{
    padding:16px 0!important;
  }
}

@media (max-width:380px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .brand,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .brand img{
    width:108px!important;
    max-width:108px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-mobile-call{
    padding:0 10px!important;
    gap:5px!important;
    font-size:10px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-menu>summary{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-copy h1{
    font-size:41px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-diagram,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card .profile-diagram{
    height:74px!important;
    min-height:74px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card h3{
    font-size:16px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card h3,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step h3{
    font-size:15px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .mobile-summary-bar,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile{
    transition:none!important;
  }
}