/* bundled: /assets/shared/oo-v15-image-contain-mobile.css */

/* V15 — mostrar aparelhos inteiros no celular, evitando cortes */
@media(max-width:920px){
  /* Listas de produtos: Home, Loja e Anúncios */
  .product-list-item__image-wrapper,
  .ecommerce-product-image{
    background:#f7fafb!important;
  }
  .product-list-item__image-wrapper img,
  .product-list-item__image-wrapper .image__image,
  .ecommerce-product-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f7fafb!important;
  }
  body.oo-page-home #ai-ID3fdQ .product-list-item__image-wrapper,
  body.oo-page-store .product-list-item__image-wrapper{
    aspect-ratio:1 / 1!important;
    min-height:120px!important;
    overflow:hidden!important;
  }

  /* Tutoriais e páginas internas de tutorial: mostrar o aparelho/foto inteira */
  body.oo-page-tutorials .image-wrapper--layout .image__image,
  body.oo-page-tutorials .image-wrapper .image__image{
    object-fit:contain!important;
    object-position:center center!important;
    background:#f7fafb!important;
  }
  body.oo-page-tutorials .image-wrapper--layout,
  body.oo-page-tutorials .image-wrapper{
    background:#f7fafb!important;
    overflow:hidden!important;
  }

  /* Páginas internas dos tutoriais não têm body class consistente; aplica no conteúdo tutorial */
  main.page .image-wrapper--layout .image__image,
  main.page .image-wrapper .image__image{
    object-position:center center!important;
  }
}

/* Páginas internas específicas de tutorial */
@media(max-width:920px){
  body:not(.oo-page-home):not(.oo-page-store):not(.oo-page-clients):not(.oo-page-about):not(.oo-page-testimonials)
  .image-wrapper--layout .image__image{
    object-fit:contain!important;
    background:#f7fafb!important;
  }
  body:not(.oo-page-home):not(.oo-page-store):not(.oo-page-clients):not(.oo-page-about):not(.oo-page-testimonials)
  .image-wrapper--layout{
    background:#f7fafb!important;
    overflow:hidden!important;
  }
}

/* bundled: /assets/shared/oo-v13-mobile-header-and-home.css */

/* V13 — ajustes finos de celular: cabeçalho e vitrine da home */
@media(max-width:820px){
  .oo-nav{
    width:calc(100% - 16px)!important; min-height:64px!important; gap:8px!important;
    display:grid!important; grid-template-columns:minmax(0,1fr) auto auto!important; align-items:center!important;
  }
  .oo-brand{min-width:0!important; gap:8px!important; flex:1 1 auto!important}
  .oo-brand img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
  .oo-brand span{display:block!important;min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.1!important}
  .oo-socials{margin-left:0!important;gap:4px!important;justify-self:end!important}
  .oo-social{width:28px!important;height:28px!important}.oo-social svg{width:26px!important;height:26px!important}
  .oo-mobile-menu{display:block!important;margin-left:0!important;justify-self:end!important}
  .oo-mobile-menu summary{width:40px!important;height:40px!important;border-radius:10px!important;font-size:21px!important}
  .oo-mobile-panel{right:0!important;top:46px!important;width:min(290px,calc(100vw - 16px))!important}

  body.oo-page-home #ai-CKrOmE{padding:24px 18px!important}
  body.oo-page-home #ai-ID3fdQ .product-list__header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  body.oo-page-home #ai-ID3fdQ .product-list__header-item,
  body.oo-page-home #ai-ID3fdQ .product-list__search,
  body.oo-page-home #ai-ID3fdQ .product-list__sort{width:100%!important;max-width:none!important}
  body.oo-page-home #ai-ID3fdQ .product-list__content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
  body.oo-page-home #ai-ID3fdQ .product-list__link{display:block!important;width:100%!important;min-width:0!important}
  body.oo-page-home #ai-ID3fdQ .product-list-item{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;border-radius:16px!important}
  body.oo-page-home #ai-ID3fdQ .product-list-item__details{padding:12px 12px 14px!important}
  body.oo-page-home #ai-ID3fdQ .product-list-item__title{font-size:15px!important;line-height:1.24!important;word-break:break-word!important}
  body.oo-page-home #ai-ID3fdQ .product-list-item__price{font-size:14px!important;line-height:1.2!important}
  body.oo-page-home #ai-ID3fdQ .block-product-list__content-container,
  body.oo-page-home #ai-ID3fdQ .product-list__wrapper{overflow:visible!important}
}
@media(max-width:420px){
  body.oo-page-home #ai-ID3fdQ .product-list__content{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.oo-page-home #ai-ID3fdQ .product-list-item__title{font-size:14px!important}
  body.oo-page-home #ai-ID3fdQ .product-list-item__price{font-size:13px!important}
}
