/* =========================================================
   PDP TOP Layout (3 columnas) – Camisetum
   ✅ Centrado real + columna 3 más ancha sin “desbalance”
   ========================================================= */

.camisetum-pdp{
  background:#fff;
  width:100%;
}

/* ✅ Container centrado y con padding lateral simétrico */
.camisetum-pdp__container{
  width:100%;
  max-width:1320px;              /* podés subir a 1360/1400 si querés más aire */
  margin:0 auto;                 /* ✅ CLAVE: centra el layout */
  padding: 0 16px 28px;          /* ✅ aire igual izquierda/derecha */
  box-sizing:border-box;
}

/* Migas en PDP */
.camisetum-breadcrumbs--pdp{
  margin: 4px 0 10px 0;
}

/* 3 columnas (desktop) */
.camisetum-pdp-top{
  display:grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.98fr) minmax(0, 0.88fr); /* ✅ col 3 más ancha */
  gap:32px;
  align-items:start;
}

/* Tablet/Mobile: stack */
@media (max-width: 1023.98px){
  .camisetum-pdp-top{
    grid-template-columns: 1fr;
    gap:12px;
  }
}

/* ✅ SOLO PDP: ajustamos el contenedor de Astra sin romper todo el sitio */
.single-product .site-content .ast-container{
  display:block !important;
  max-width:1400px !important;
  margin:0 auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important; /* evita recortes raros */
}

/* ✅ Ocultar columna 3 en móvil */
@media (max-width: 767.98px){
  .camisetum-pdp-top__col--buy{
    display:none !important;
  }
}

.camisetum-pdp-top__col--buy{
    background: #f9f9f9;
    border-radius: 16px;
  }

/* =========================================================
   ✅ Mobile: fusionar parte de la Columna 3 dentro de la Columna 2
   - Se usan wrappers .camisetum-mobile-only en el template
   ========================================================= */

.camisetum-mobile-only{ display:none; }

@media (max-width: 767.98px){
  .camisetum-mobile-only{ display:block; }

  /* Caja gris tipo "columna 3" para Delivery + Benefits dentro de la columna 2 */
  .camisetum-pdp-mobile-box{
    border-radius:16px;
  }

  /* Botones de compra centrados en móvil */
  .camisetum-pdp-mobile-actions{
    margin: 10px 0 0;
    display:flex;
    justify-content:center;
  }
  .camisetum-pdp-mobile-actions .c-pdp-buybtns{
    width:100%;
    max-width:560px;
    margin:0 auto;
  }
}