/* beigegrey #e5e1c7*/
.paperCardContainer {margin-bottom: 40px; width: 300px;}
.paperCard {background: #f3edc9;width: 300px; border-radius: 5px;position: relative; cursor: pointer;}
.paperCard:hover {background-color: #f1e8b2;}
.paperCard .paperType {width:50px;height:50px;color: white;text-align: center;font-size: 20px; font-weight: 800;padding: 10px;}
.paperCard .paperType.english {background: #7ED957;}
.paperCard .paperType.maths {background: #38B6FF;}
.paperCard .paperSubject {color: white;text-align: center;font-size: 16px; font-weight: 800;padding: 3 10 3 10;top:5;right:10;position: absolute;}
.paperCard .paperSubject.english {background: #7ED957;}
.paperCard .paperSubject.maths {background: #38B6FF;}
.paperCard .paperName {color:#333;font-weight: 800;padding: 20px;padding-bottom:0px;font-size: 25px;text-align: left;}
.paperCard .schoolName {color:#333;font-weight: 500;padding-left: 20px;padding-bottom: 20px;font-size: 16px;text-align: left;}
.paperCard .paperSubjectBar {color: white;background: black;font-size: 14px;padding-left: 10px;padding-right: 10px;padding-top: 3;position: absolute;right: 0}
.paperCard .bottom {width:100%;height:170px;background: #4fbde8;padding: 20px;color: black;font-size: 16;border-bottom: 10px solid black;border-top: 10px solid black;} 
.paperCard .bottom.english {background: #7ed957; background-image: url(/images/papercoverenglish.png);}
.paperCard .bottom.maths {background: #4fbde8; background-image: url(/images/papercovermath2.png);}
/*  green #7ED957, blue #38B6FF, yellow #f9e032 */
.paperCard .overlay {display:none; position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);z-index: 1}
.paperCard .overlay .middle {opacity: 1;position: absolute;top: 40%;left: 50%;font-weight: 700; background-color: #0aa96c;color: white;padding: 20px;text-align: center;z-index: 9;transform: translate(-50%, -50%);}

.paperCard.thumbnail {background: #f3edc9;width: 150px; border-radius: 5px;position: relative; margin-bottom: 0px;cursor: pointer; padding:0;}
.paperCard:hover {background-color: #f1e8b2;}
.paperCard.thumbnail .paperType {width:25px;height:25px;color: white;text-align: center;font-size: 10px; font-weight: 800;padding: 5px;}
.paperCard.thumbnail .paperType.english {background: #7ED957;}
.paperCard.thumbnail .paperType.maths {background: #38B6FF;}
.paperCard.thumbnail .paperSubject {height:25px;color: white;text-align: center;font-size: 10px; font-weight: 800;padding: 5px;top:0;right:0;position: absolute;}
.paperCard.thumbnail .paperSubject.english {background: #7ED957;}
.paperCard.thumbnail .paperSubject.maths {background: #38B6FF;}
.paperCard.thumbnail .paperName {color:#333;font-weight: 800;padding: 10px;padding-bottom:0px;font-size: 15px;text-align: left;}
.paperCard.thumbnail .schoolName {color:#333;font-weight: 500;padding-left: 10px;padding-bottom: 10px;font-size: 12px;text-align: left;}
.paperCard.thumbnail .paperSubjectBar {color: white;background: black;font-size: 8px;padding-left: 5px;padding-right: 5px;padding-top: 3;position: absolute;right: 0}
.paperCard.thumbnail .bottom {width:100%;height:85px;background: #4fbde8;padding: 10px;color: black;font-size: 16;border-bottom: 5px solid black;border-top: 5px solid black;} 
.paperCard.thumbnail .bottom.english {background-image: url(/images/papercoverenglish.png);}
.paperCard.thumbnail .bottom.maths {background-image: url(/images/papercovermath2.png);}

/* Mini version for cart - clean, compact, no background */
.paperCard.mini {
  background: transparent;
  width: 180px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
  padding: 0;
  border: 2px solid #e5e7eb;
  transition: all 0.3s ease;
}
.paperCard.mini:hover {
  background-color: transparent;
  border-color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}
.paperCard.mini .paperSubject {
  height: 24px;
  color: white;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 8px;
  top: 0;
  right: 0;
  position: absolute;
  border-radius: 0 6px 0 8px;
}
.paperCard.mini .paperSubject.english {background: #7ED957;}
.paperCard.mini .paperSubject.maths {background: #38B6FF;}
.paperCard.mini .paperName {
  color: #333;
  font-weight: 700;
  padding: 25px 10px 0 10px;
  font-size: 14px;
  text-align: left;
  line-height: 1.3;
  min-height: 100px;
}
.paperCard.mini .schoolName {
  color: #666;
  font-weight: 500;
  padding: 0 10px 10px 10px;
  font-size: 11px;
  text-align: left;
}
.paperCard.mini .paperSubjectBar {
  color: white;
  background: #333;
  font-size: 9px;
  padding: 4px 8px;
  position: absolute;
  right: 0;
  border-radius: 4px 0 0 4px;
  font-weight: 600;
}
.paperCard.mini .bottom {
  width: 100%;
  height: 70px;
  background: #4fbde8;
  padding: 8px;
  color: black;
  font-size: 12px;
  border-bottom: 4px solid black;
  border-top: 2px solid #ddd;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 6px 6px;
}
.paperCard.mini .bottom.english {
  background: #7ed957;
  background-image: url(/images/papercoverenglish.png);
  background-size: cover;
}
.paperCard.mini .bottom.maths {
  background: #4fbde8;
  background-image: url(/images/papercovermath2.png);
  background-size: cover;
}