/* ===== Кнопки вкладок ===== */
.tabs .tab-buttons {
display: flex;
gap: 8px;
margin-bottom: 10px;
}

.tabs .tab-buttons button {
flex: 1;
padding: 12px;
border: none;
border-radius: 8px;
background: #e9d8b4;
color: #5a4633;
font-weight: bold;
cursor: pointer;
transition: background .3s;
}
.tabs .tab-buttons button:hover { background:#f5e3c6; }
.tabs .tab-buttons button.active {
background: var(--mustard-gold);
color:#fff;
}

/* логика вкладок: по умолчанию содержимое (.tab-pane) скрыто */
.tab-pane { display:none; }
.tab-pane.active { display:block; }


/* ========================== Мобильная адаптация — всегда внизу ========================== */

/* кнопки прокрутки для мобильника по разделу */
.section-nav {
  display: none;
  justify-content: center;
  gap: 8px;
  margin: 16px 0;
}

.nav-btn {
  display: flex;
  align-items: center;
  gap: 4px;                     /* расстояние между иконкой и текстом */
  background: var(--gold);
  border: none;
  border-radius: 6px;
  padding: 4px 8px;              /* компактнее */
  font-size: 0.8rem;             /* маленький текст */
  line-height: 1;
  color: #633402;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  transition: background 0.2s ease;
}

.nav-btn:hover {
  background: var(--gold-2);
  color: #fff;
}

/* Кнопка ЗАКАЗАТЬ (диамонитирион) */
.btn-contact {
  background: none;
  border: none;
  color: #6b8e23;
  font-size: 0.9em;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

.btn-contact.btn-text:hover,
.btn-contact.btn-text:focus {
  text-decoration: underline;
}
.btn-contact:hover {
  color: #b47f0c; 
}

/* только для мобильных (например, ширина до 768px) */
@media (max-width: 768px) {
  .section-nav {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 16px 0;
  }
}