/* =========================
   MAIN GRID
========================= */
.gridProduct{
  display:grid;
  grid-template-columns: 1fr 1fr;

  grid-template-rows: auto 80px 1fr auto;

  grid-template-areas:
    "prod-nameTag prod-heading"
    "prod-picBox  prod-heading"
    "prod-picBox  prod-info"
    "prod-specs   prod-docs";

  max-width:1200px;
  margin:auto;
}

/* SOL */
.prod-nameTag{ 
  grid-area: prod-nameTag; 
  padding: 5px;
}

.prod-picBox{ 
  grid-area: prod-picBox; 
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.prod-specs{ 
  grid-area: prod-specs; 
  padding: 5px 4px;
}

/* SAĞ */
.prod-heading{ 
  grid-area: prod-heading; 
  padding: 5px 5px;
  align-self: start;
}
.prod-info{ 
  grid-area: prod-info; 
}
.prod-docs{ 
  grid-area: prod-docs; 
}


/* =========================
   MOBILE
========================= */
@media(max-width:768px){

  .prod-nameTag{
    display: none; /* SADECE MOBİLDE GİZLİ */
  }
  .gridProduct{
    padding: 4px 4px;
    margin: 4px;
    grid-template-columns:1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "prod-heading"
      "prod-picBox"
      "prod-specs"
      "prod-info"
      "prod-docs";
  }

  .prod-heading{
    min-height:100px;
  }

  /* .prod-desc,
  .prod-docs{
    min-height:140px;
  } */
}