/* ============================================================
   ZART SHOP — COMPACTAÇÃO GLOBAL v4
   O body já reserva ~94px para o header flutuante.
   Portanto as páginas internas não precisam de outro "hero"
   de 150–500px antes do conteúdo.
   ============================================================ */

/* CATÁLOGO / CATEGORIAS */
body.page-main-catalog .catalog-hero,
.catalog-hero{
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  align-items: initial !important;
  padding: 44px 5vw 34px !important;
}

body.page-main-catalog .catalog-hero > div,
.catalog-hero > div{
  margin: 0 auto !important;
}

body.page-main-catalog .catalog-hero h1,
.catalog-hero h1{
  margin: 10px 0 14px !important;
  font-size: clamp(52px, 6vw, 86px) !important;
  line-height: .94 !important;
}

body.page-main-catalog .catalog-hero p,
.catalog-hero p{
  margin: 0 !important;
}

body.page-main-catalog .collection-rail,
.collection-rail{
  transform: none !important;
  margin-top: 0 !important;
}

/* PRODUTO */
body.page-main-product_detail .pdp-shell,
.pdp-shell{
  padding-top: 38px !important;
  padding-bottom: 58px !important;
}
.pdp-breadcrumb{
  margin-bottom: 14px !important;
}

/* LOGIN / CADASTRO */
.auth-shell{
  min-height: auto !important;
  padding-top: 40px !important;
  padding-bottom: 54px !important;
}

/* CARRINHO / CHECKOUT */
.cart-page.section-pad,
.checkout-page.section-pad{
  padding-top: 42px !important;
}
.cart-heading,
.checkout-heading{
  margin-bottom: 1.25rem !important;
}

/* PEDIDOS / ACOMPANHAMENTO */
.order-track-page,
.customer-orders-page,
.track-v2-page{
  padding-top: 42px !important;
}

/* PÁGINAS PÚBLICAS INTERNAS COM SECTION-PAD COMO PRIMEIRO BLOCO */
body:not(.page-main-home) main > .section-pad:first-child{
  padding-top: 44px !important;
}

/* CARDS/PÁGINAS ANTIGAS */
body:not(.page-main-home) .panel,
body:not(.page-main-home) .login-card{
  margin-top: 42px !important;
}

/* HOME fica intencionalmente fora desta compactação. */

/* TABLET / MOBILE */
@media (max-width: 760px){
  body.page-main-catalog .catalog-hero,
  .catalog-hero{
    padding: 28px 20px 26px !important;
  }

  body.page-main-catalog .catalog-hero h1,
  .catalog-hero h1{
    font-size: clamp(42px, 13vw, 56px) !important;
    margin: 8px 0 12px !important;
  }

  .pdp-shell,
  .auth-shell,
  .cart-page.section-pad,
  .checkout-page.section-pad,
  .order-track-page,
  .customer-orders-page,
  .track-v2-page,
  body:not(.page-main-home) main > .section-pad:first-child{
    padding-top: 28px !important;
  }
}