body {
text-align: center;
background-color: #F4C99B;
margin: 2px;
color: #000000;
font-family: Arial, sans-serif;
}

h2 {
background: #5D3A00;
color: white;
padding: 10px;
margin: 0;
}

/\* Horizontal scroll container \*/
.bazar-container {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: 12px;
padding: 10px;
scroll-behavior: smooth;
}

.bazar-container::-webkit-scrollbar {
height: 6px;
}

.bazar-container::-webkit-scrollbar-thumb {
background: #5D3A00;
border-radius: 4px;
}

/\* Market box \*/
.bazar-box {
flex: 0 0 auto;
width: 240px;
background: #FFFDD0;
padding: 10px;
border-radius: 10px;
text-align: center;
border: 2px solid #000;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.bazar-box h4 {
margin: 5px 0;
font-size: 18px;
color: #000;
}

.bazar-box p {
margin: 5px 0;
font-size: 14px;
}

.result-value {
font-size: 20px;
font-weight: bold;
color: #0000FF;
margin: 8px 0;
}

button.play, button.chart {
padding: 5px 10px;
margin: 4px 3px;
font-weight: bold;
border-radius: 5px;
border: none;
cursor: pointer;
}

button.play {
background-color: green;
color: white;
}

button.chart {
background-color: blue;
color: white;
}
.box-outline {
  border: 2px solid #4B2E00;
  border-radius: 8px;
  padding: 10px;
  margin: 12px auto;
  background: #f4c99b
  width: 95%;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  text-align: center;
}
.white-outline-box {
  background: #5D3A00;   /* brown background */
  border: 2px solid #ffffff;  /* white border */
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.rounded-heading {
  background: #5D3A00;         /* वही brown background */
  color: #FFFF00;              /* heading text yellow (जैसा आपकी साइट में है) */
  padding: 10px;
  border-radius: 10px;         /* कोने गोल होंगे */
  border: 2px solid #fff;      /* सफेद बॉर्डर */
  font-weight: bold;
  font-size: 20px;
}
.btn-left {
  background-color: #5D3A00;
  color: white;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  border: none;
}

.btn-right {
  background-color: #5D3A00;
  color: white;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  border: none;
}

