/* Host Conecta V7.4.3 — refinamento desktop do catálogo/detalhe.
   Mobile permanece intocado: a correção abaixo só atua >= 900px. */

@media (min-width:900px){
  body.host-public #view-catalog .catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  body.host-public #view-catalog .catalog-media{
    height:210px!important;
    min-height:210px!important;
    padding:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 55%),
      #F6F8F9!important;
  }
  body.host-public #view-catalog .catalog-media img,
  body.host-public #view-catalog .catalog-media .video-poster{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:190px!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.host-public #view-catalog .catalog-media.fit-cover img,
  body.host-public #view-catalog .catalog-media.fit-cover .video-poster{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
  }

  body.host-public #view-product.active{
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    min-height:0!important;
  }
  body.host-public #view-product .detail-media-v742{
    grid-column:1!important;
    grid-row:2/4!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    padding:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-right:1px solid #E7ECEF;
    background:
      radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--brand) 6%,transparent),transparent 58%),
      linear-gradient(135deg,#F8FAFB,#F1F5F6)!important;
  }
  body.host-public #view-product .detail-media-v742 img,
  body.host-public #view-product .detail-media-v742 video{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:524px!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.host-public #view-product .detail-body{
    padding:28px 26px 14px!important;
  }
  body.host-public #view-product .sticky-cta{
    padding:14px 26px 26px!important;
  }
}

#publicationButton.publication-hidden{
  border-color:#CFC3F7!important;
  background:#F4F0FF!important;
  color:#6A35D9!important;
}
