/* WRAPPER */
.rmm-wrapper { 
  padding: 40px 15px; 
  background: #fafafa; 
}
.rmm-container { 
  max-width: 900px; 
  margin: auto; 
  text-align: center; 
}

/* DEFAULT TABS (DESKTOP) */
.rmm-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.rmm-tabs li {
  padding: 10px 22px;
  border-radius: 30px;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: background .3s, transform .3s, color .3s;
  white-space: nowrap;
}

.rmm-tabs li.active,
.rmm-tabs li:hover {
  background: linear-gradient(135deg,#ff5722,#ff9800);
  color: #fff;
  transform: translateY(-3px);
}

/* CONTENT ANIMATION */
.rmm-tab-content,
.rmm-content {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .45s ease, transform .45s ease;
}

.rmm-tab-content.active,
.rmm-content.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* PRODUCT LIST */
.rmm-menu-list {
  max-width: 700px;
  margin: auto;
  list-style: none;
  padding: 0;
}

.rmm-menu-item {
  padding: 18px 0;
  border-bottom: 1px dashed #ddd;
  animation: fadeUp .5s ease both;
}

@keyframes fadeUp {
  0% { opacity:0; transform:translateY(10px); }
  100% { opacity:1; transform:translateY(0); }
}

.rmm-menu-item h4 {
  font-family: 'Roboto Condensed';
  font-size: 18px;
  margin-bottom: 6px;
}

.rmm-full-desc {
  color: #666;
  line-height: 26px;
  max-width: 650px;
  margin: auto;
  text-align: center;
}

.rmm-price {
  float: right;
  font-weight: bold;
  color: #ff5722;
}


.rmm-price-line {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 8px;
}

.rmm-price {
  font-weight: bold;
  color: #ff5722;
}


/* Mobile Accordion */
.rmm-menu-item.open .rmm-full-desc {
  display: block;
  animation: fadeDown .3s ease;
}

@keyframes fadeDown {
  0% { opacity:0; transform:translateY(-5px); }
  100% { opacity:1; transform:translateY(0); }
}

.rmm-price-box {
    margin: 8px 0 12px 0;
    font-size: 15px;
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.rmm-price-box span {
    background: #fff3e0;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 600;
}

.rmm-price-regular { color: #d84315; }
.rmm-price-half    { color: #6a1b9a; }
.rmm-price-full    { color: #004d40; }