/* TAIGA glued-panel mobile readability refinement — 2026-09-07 v6
 * Loaded after panel-mobile-v4.css. Keeps compact 2x2 decision grids where they
 * work, restores full-width detail cards where content needs room, and removes
 * mobile text clipping/low-contrast states.
 */

@media (max-width:900px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .section-head h2{
    font-size:clamp(29px,8.6vw,39px)!important;
    line-height:.96!important;
  }

  /* Samples CTA: replace the oversized rotated cube with a compact material-swatch icon. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions>.hx-samples{
    min-height:46px!important;
    padding:7px 18px 7px 14px!important;
    gap:13px!important;
    justify-content:flex-start!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples>span:last-child{
    gap:2px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples b{
    font-size:13px!important;
    line-height:1.05!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples small{
    font-size:8.5px!important;
    line-height:1.15!important;
    color:#5f625d!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-cube{
    width:34px!important;
    height:23px!important;
    min-width:34px!important;
    border:1.5px solid #24362f!important;
    border-radius:5px!important;
    background:#ead5b7!important;
    transform:none!important;
    position:relative!important;
    box-shadow:
      5px -4px 0 #f7ead6,
      5px -4px 0 1.5px #24362f,
      -4px 4px 0 #d3b791,
      -4px 4px 0 1.5px #24362f!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-cube::after{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    right:7px!important;
    top:50%!important;
    height:1px!important;
    border:0!important;
    background:#24362f!important;
    opacity:.38!important;
  }

  /* Hero facts: keep all three values readable without tall empty cards. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec{
    min-height:72px!important;
    padding:10px 11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec>span{
    display:none!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec strong{
    font-size:12.5px!important;
    line-height:1.05!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec small{
    margin-top:4px!important;
    font-size:8.5px!important;
    line-height:1.18!important;
    color:#62665f!important;
  }

  /* The quick profile picker stays 2x2; ensure nothing inside it is clipped. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-profile,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card{
    height:auto!important;
    overflow:visible!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #configurator .profile-choice-card>strong{
    overflow-wrap:anywhere!important;
  }

  /* Detailed profile catalogue: rich cards need a full mobile column. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:14px!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#fbfaf6!important;
    color:#24362f!important;
    border:1px solid rgba(36,54,47,.14)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head small{
    font-size:8px!important;
    letter-spacing:.13em!important;
    color:#66736c!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-head span{
    padding:5px 8px!important;
    font-size:7.5px!important;
    line-height:1!important;
    color:#66736c!important;
    background:#f4f3ee!important;
    border:1px solid rgba(36,54,47,.13)!important;
    border-radius:999px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-diagram{
    height:132px!important;
    min-height:132px!important;
    margin:0 0 13px!important;
    border-radius:14px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-diagram img{
    transform:scale(1.48)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card h3{
    margin:0 0 7px!important;
    font-size:24px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
    color:#24362f!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card>p{
    display:block!important;
    margin:0 0 12px!important;
    max-width:40em!important;
    overflow:visible!important;
    font-size:12px!important;
    line-height:1.42!important;
    color:#58635d!important;
  }
  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:40px!important;
    margin:0!important;
    padding:10px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border:0!important;
    border-top:1px solid rgba(36,54,47,.14)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#24362f!important;
    font-size:11px!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-align:left!important;
  }

  /* Individual profile: explicit contrast and a real upload affordance. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom{
    background:#edf2ed!important;
    border:1px dashed rgba(36,54,47,.34)!important;
    color:#24362f!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-head small,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-head span,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom h3,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom>p{
    color:#24362f!important;
    opacity:1!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-head span{
    background:#dfe8e0!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-diagram{
    background:#f8f6f0!important;
    box-shadow:inset 0 0 0 1px rgba(36,54,47,.08)!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-action{
    min-height:44px!important;
    margin-top:2px!important;
    padding:0 15px!important;
    border:0!important;
    border-radius:999px!important;
    background:#24362f!important;
    color:#fff!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-action b{
    position:relative!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    border-bottom:2px solid currentColor!important;
    font-size:0!important;
    line-height:0!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-action b::before{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    top:1px!important;
    width:2px!important;
    height:10px!important;
    border-radius:2px!important;
    background:currentColor!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card.custom .profile-showcase-action b::after{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    top:1px!important;
    width:6px!important;
    height:6px!important;
    border-left:2px solid currentColor!important;
    border-top:2px solid currentColor!important;
    transform:rotate(45deg)!important;
  }

  /* Compact 2x2 system/process cards: use short copy, never clamp or hide it. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step{
    height:auto!important;
    min-height:0!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card>div{
    min-height:82px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #system .feature-card p,
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .process-step p{
    display:block!important;
    overflow:visible!important;
    -webkit-box-orient:initial!important;
    -webkit-line-clamp:unset!important;
    font-size:10.5px!important;
    line-height:1.32!important;
  }
}

@media (max-width:380px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-diagram{
    height:118px!important;
    min-height:118px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #profiles .profile-showcase-card h3{
    font-size:22px!important;
  }
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-cube{
    width:31px!important;
    min-width:31px!important;
    height:21px!important;
  }
}