/* Páginas internas — usar largura útil da tela */

@media (min-width: 761px) {
  .wrap {
    max-width: min(100%, 1380px);
    padding-inline: clamp(20px, 2.5vw, 32px);
  }

  .head__row.wrap,
  .topbar__inner.wrap {
    max-width: min(100%, 1380px);
  }

  .main-nav {
    max-width: min(100%, 1380px);
  }

  /* Minha conta (logada) */
  body.page-account .account-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-account .account-layout {
    width: 100%;
  }

  body.page-order-detail .order-detail-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-order-detail .order-detail__layout {
    width: 100%;
  }

  body.page-checkout .checkout-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-checkout .checkout-layout {
    width: 100%;
  }

  body.page-pix .pix-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-pix .pix-shell {
    width: 100%;
  }

  body.page-legal .legal-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-legal .legal-layout {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }

  body.page-legal .legal-doc--wide {
    width: 100%;
    min-width: 0;
  }

  body.page-legal .page-actions {
    width: 100%;
  }

  body.page-contact .contact-page.wrap,
  body.page-duvidas .help-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-contact .contact-layout {
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }

  body.page-duvidas .help-faq-panel {
    width: 100%;
    max-width: none;
  }

  /* Produto */
  body.page-pd .pd-page {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  body.page-pd .pd-shell,
  body.page-pd .pd-desc,
  body.page-pd .pd-reviews,
  body.page-pd .pd-related {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  body.page-pd .pd-page {
    width: 100%;
    max-width: none;
  }

  body.page-pd .pd-shell {
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: clamp(1.5rem, 3vw, 3rem);
  }

  body.page-pd .pd-gallery,
  body.page-pd .pd-info {
    width: 100%;
    max-width: none;
  }

  body.page-pd .pd-reviews__layout {
    grid-template-columns: minmax(160px, 180px) minmax(0, 1fr);
    gap: 1rem;
  }

  body.page-pd .pd-desc__txt {
    max-width: none;
  }

  body.page-pd .pd-related__grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  }

  /* Catálogo */
  body.catalog-ml-page .catalog-ml,
  body.catalog-ml-page .catalog-ml__layout {
    width: 100%;
    max-width: none;
  }

  body.catalog-ml-page .catalog-ml__layout {
    grid-template-columns: minmax(200px, 248px) minmax(0, 1fr);
    gap: 1.35rem;
  }

  body.catalog-ml-page .catalog-ml__grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  }

  /* Favoritos */
  .favoritos-page.wrap {
    width: 100%;
    max-width: none;
  }

  .favoritos-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }

  /* Avaliar compras */
  body.page-avaliar .site-main,
  .avaliar-page.wrap {
    width: 100%;
    max-width: none;
  }

  .avaliar-form-panel {
    max-width: none;
  }

  .avaliar-pending__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr));
    gap: 0.75rem;
  }

  /* Carrinho / checkout */
  .cart-page.wrap {
    width: 100%;
    max-width: none;
  }

  body.page-cart .cart-page {
    width: 100%;
    max-width: none;
  }

  body.page-cart .cart {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 400px);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    width: 100%;
  }

  .page.wrap:has(.panel--checkout) {
    width: 100%;
  }

  .panel--checkout {
    max-width: min(720px, 100%);
  }

  .panel--narrow {
    max-width: min(640px, 100%);
  }

  .contact-layout {
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    gap: 1.5rem;
  }
}

@media (min-width: 1200px) {
  body.page-pd .pd-shell {
    padding: 1.35rem clamp(1.25rem, 2.5vw, 2rem);
  }

  body.catalog-ml-page .catalog-ml__grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.page-pd .pd-shell,
  body.page-pd .pd-desc,
  body.page-pd .pd-reviews {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .avaliar-pending__item {
    width: 100%;
  }
}
