/* 2026-04-26p: mobile hero + brand checker auto-popup cleanups */
.dcc-app .dcc-brand-controls [data-dcc-brand-calc]{display:none!important;}
.dcc-app .dcc-brand-controls{grid-template-rows:auto auto auto!important;}
.dcc-app .dcc-brand-selected{margin-top:2px!important;}

@media (max-width: 760px){
  .dcc-app{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .dcc-hero{
    min-height:auto!important;
    padding:20px 14px 18px!important;
    padding-bottom:18px!important;
    border-radius:24px!important;
    background-position:66% center!important;
    background-size:cover!important;
    overflow:hidden!important;
  }
  .dcc-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.66) 46%, rgba(0,0,0,.28) 72%, rgba(0,0,0,.10) 100%),
      linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.20) 100%)!important;
  }
  .dcc-hero__copy{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:0!important;
  }
  .dcc-hero h2{
    width:min(100%, 330px)!important;
    margin:0 0 12px!important;
    font-size:clamp(42px, 12vw, 58px)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
  }
  .dcc-lead{
    width:min(100%, 360px)!important;
    max-width:360px!important;
    font-size:14px!important;
    line-height:1.52!important;
    color:rgba(255,242,226,.86)!important;
  }
  .dcc-lead strong{color:#ffe3bd!important;}
  .dcc-hero__actions{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:16px 0 0!important;
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:10px!important;
    z-index:3!important;
  }
  .dcc-hero__actions .dcc-btn,
  .dcc-hero__actions .dcc-btn--primary,
  .dcc-hero__actions .dcc-btn--ghost,
  .dcc-hero__actions .dcc-btn--image{
    width:100%!important;
    min-width:0!important;
    border-radius:999px!important;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.30))!important;
  }
  .dcc-hero__actions .dcc-btn img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .dcc-hero__visual{display:none!important;}
}

@media (max-width: 460px){
  .dcc-hero{
    padding:18px 12px 16px!important;
    background-position:70% center!important;
  }
  .dcc-hero::before{
    background:
      linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.36) 100%),
      linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.20) 100%)!important;
  }
  .dcc-hero h2{
    width:min(100%, 292px)!important;
    font-size:clamp(38px, 14vw, 52px)!important;
  }
  .dcc-lead{
    max-width:300px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }
  .dcc-hero__actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:min(100%, 330px)!important;
  }
}

@media (max-width: 960px){
  .dcc-app .dcc-brand-layout{
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-areas:'controls' 'list' 'result'!important;
    overflow:visible!important;
  }
  .dcc-app .dcc-brand-list{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .dcc-app .dcc-brand-result{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}