.price_break_heading {
  color: #497828;
  font-weight: 900;
}

.line {
  border-bottom: 2px solid #497828;
  margin-top: 5px;
  width: 90%;
}

.num {
  font-family: 'Feather';
}

.table-container {
  background-color: white;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  padding: 10px;
  text-align: left;
}

.thdata {
  background-color: #2e7d32;
  color: white;
  font-weight: normal;
}

tr {
  border-bottom: 1px solid #e0e0e0;
}

tr:nth-child(even) {
  background-color: #f9fcf9;
}

.grand-total {
  font-weight: bold;
}

.grand-total td {
  border-top: 1px solid #2e7d32;
}

.table-bordered,
.table-bordered td,
.table-bordered th,
table,
table td,
table th {
  border: 0px solid #e5e5e5 !important;
}

.tac {
  text-align: center;
  margin-left: 30px;
}


.refine-button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

.refine-button:hover {
  background-color: #45a049;
}



.zoomWindow {
  height: 600px !important;
}

.size-chart-section {
  display: flex;
  align-items: center;
  gap: 8px;
}

.size-chart-section .text-muted {
  font-size: 14px;
}

/* Mobile: remove the fixed height */
.slick-list {
  height: unset !important;
}

/* Tablet and up: apply fixed height */
@media (min-width: 768px) {
  .slick-list {
    height: 600px !important;
  }
}