/* TAIGA glued-panel mobile hero polish — 2026-09-07 v3 */

@media (max-width:900px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions{
    gap:14px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions>.hx-samples{
    box-sizing:border-box!important;
    min-height:58px!important;
    margin:0 0 4px!important;
    padding:10px 17px 10px 19px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:16px!important;
    border:1px solid rgba(36,54,47,.28)!important;
    border-radius:999px!important;
    background:rgba(250,248,242,.72)!important;
    color:#24362f!important;
    box-shadow:none!important;
    text-align:left!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples .hx-cube{
    display:none!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples>span:last-child{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
    justify-items:start!important;
    text-align:left!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples b{
    display:block!important;
    margin:0!important;
    font-size:15px!important;
    font-weight:850!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
    color:#24362f!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples small{
    display:block!important;
    margin:0!important;
    font-size:0!important;
    line-height:1.15!important;
    color:#62665f!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples small::after{
    content:"Бесплатный набор образцов";
    font-size:10px!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples::after{
    content:"→";
    display:block;
    align-self:center;
    justify-self:end;
    font-size:27px;
    font-weight:300;
    line-height:1;
    color:#4f5d57;
    transform:translateY(-1px);
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples:active{
    transform:translateY(1px);
  }

  /* Process imagery is always full bleed inside the four-step cards. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #process .process-step::before{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] #process .process-step:nth-child(2)::before{
    background-size:cover!important;
    background-position:center 45%!important;
    background-color:transparent!important;
  }

  /* Hero specifications: compact architectural 3-column fact strip. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-specs{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:hidden!important;
    padding:5px!important;
    margin:0!important;
    border-radius:17px!important;
    background:rgba(250,248,242,.50)!important;
    scroll-snap-type:none!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec{
    box-sizing:border-box!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:76px!important;
    flex:none!important;
    padding:11px 10px!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:8px!important;
    align-items:center!important;
    justify-content:stretch!important;
    border:1px solid rgba(36,54,47,.16)!important;
    border-radius:13px!important;
    background:rgba(250,248,242,.82)!important;
    color:#24362f!important;
  }

  /* Hide the legacy decorative glyph and replace it with a consistent TAIGA dimension icon. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec>span{
    display:none!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec::before{
    content:"";
    width:19px;
    height:19px;
    display:block;
    align-self:center;
    justify-self:start;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    opacity:.82;
  }

  /* Width — horizontal dimension with end ticks and arrowheads. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec:nth-child(1)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2324362f' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6v12M20 6v12M6 12h12M9 9l-3 3 3 3M15 9l3 3-3 3'/%3E%3C/g%3E%3C/svg%3E");
  }

  /* Length — measured line/ruler. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec:nth-child(2)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2324362f' stroke-width='1.55' stroke-linecap='round'%3E%3Cpath d='M3.5 8v8M20.5 8v8M4.5 12h15M8 10v4M12 10v4M16 10v4'/%3E%3C/g%3E%3C/svg%3E");
  }

  /* Thickness — vertical dimension between two faces. */
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec:nth-child(3)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2324362f' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14M5 19h14M12 7v10M9 9l3-3 3 3M9 15l3 3 3-3'/%3E%3C/g%3E%3C/svg%3E");
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec>div{
    min-width:0!important;
    align-self:center!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec strong{
    display:block!important;
    white-space:nowrap!important;
    margin:0!important;
    font-size:13.25px!important;
    font-weight:850!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    color:#24362f!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec small{
    display:block!important;
    margin-top:5px!important;
    font-size:9px!important;
    font-weight:500!important;
    line-height:1.08!important;
    color:#656962!important;
  }
}

@media (max-width:380px){
  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions{
    gap:11px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-actions>.hx-samples{
    min-height:54px!important;
    padding:8px 15px 8px 17px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples b{
    font-size:14px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples small::after{
    font-size:9.5px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-samples::after{
    font-size:25px;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-specs{
    gap:4px!important;
    padding:4px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec{
    min-height:70px!important;
    grid-template-columns:17px minmax(0,1fr)!important;
    column-gap:6px!important;
    padding:9px 7px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec::before{
    width:16px;
    height:16px;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec strong{
    font-size:11.6px!important;
  }

  body[data-taiga-smart-product="kleenaya-imitatsiya-brusa"] .hx-spec small{
    margin-top:4px!important;
    font-size:8px!important;
  }
}