/*Убираю подчеркивание */
.entry-content a {
    box-shadow: none;
}

/*//////////////////////////*/
/*  Начало стилей заголовка  */
/*//////////////////////////*/
.app-header {
  background-color: #f8f8f8;  
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.app-header ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.app-header li {
  margin-right: 8px;  
}
.app-header a {  
  color: black;
  padding: 10px;
  
}
.right .header-sm .js-history a:hover,
.right .header-sm .js-history a.active,
.app-header a:hover,
.app-header a.active {
  color: white;
  background-color: #b79763;
}
.header-sm {  
  margin-left: auto; /* чтобы разместить справа */
}

.theme-blog .post .entry-content ul li{
  padding: 10px;
}
/* Адаптивные стили */
@media (max-width: 1000px) {
  /* Сделать список вертикальным */
  .app-header ul {
    flex-direction: column;
    align-items: flex-start;
  }  
  .header-sm {
    margin-left: 0;    
  }
}
/*//////////////////////////*/
/*  Конец стилей заголовка  */
/*//////////////////////////*/




/*Столбцы*/
.unit-60, .unit-40 {
  padding: 2px;
  /*width: 100%;*/
}
.unit-70 {
  padding: 2px;
}

/*Контейнеры*/
.section-container{  
  background-color: #f8f8f8;
}





/*//////////////////////////*/
/*Начало стилей бокового меню*/
/*//////////////////////////*/


/* Заголовки */
.section-header {
  background-color: #b89863; 
  color: #fff;
  padding: 5px 15px;
  font-size: 15px;
  margin-bottom: 0px;
}


/* Списки */
ul[data-region="metall-list"], ul[data-region="sortament-list"] {

    min-width: 200px;
    width: 100%;
    list-style-type: none;
    margin: 0;
}
ul[data-region="metall-list"] li, ul[data-region="sortament-list"] li {
  padding-left: 15px;
}
ul[data-region="sortament-list"] li.active, ul[data-region="metall-list"] li.active {
  background-color: #e6e4e2;
}


/*Список марочника металлов*/
nav[data-region="grades:list"] ul {
    list-style: none;
    padding-left: 0;
}
.right-1{
  margin-right: 5px;
}
/*//////////////////////////*/
/*Конец стилей бокового меню*/
/*//////////////////////////*/



/*таблица характристик металла*/
div[data-region="details"]{
  transform-origin: top left;
}
@media (max-width: 1000px) {
  div[data-region="details"]{
    margin: auto; 
    transform: scale(0.85);
  }
}
@media (max-width: 700px) {
  div[data-region="details"]{
    margin: auto; 
    transform: scale(0.75);
  }
}
@media (max-width: 600px) {
  div[data-region="details"]{
    margin: auto; 
    transform: scale(0.6);
  }
}
@media (max-width: 420px) {
  div[data-region="details"]{
    margin: auto; 
    transform: scale(0.45);
  }
}




.app-content-wrap{
  margin-top: 10px;
}

















/*Стили меню*/
/* Основной контейнер, в котором расположены блоки */
.units-row {
  display: flex;
  gap: 20px; /* расстояние между колонками */
}

/* Блоки "металл" и "сортамент" */
[data-region="metalls"],
[data-region="sortaments"] {
  flex: 1; /* равная ширина колонок */
  display: flex;
  flex-direction: column;
}





.blocks-3 .grades-blocks {
    list-style: none;
    padding-left: 0;
}



a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus{
  color: white;
  text-decoration: none
}



.units-row {
  display: flex;
  flex-wrap: wrap; 
  gap: 0; /* Условно, если используется modern CSS */
  margin: 0;
  padding: 0;
}




/* Стиль для изображений */
.pane-img  {
  padding: 10px;
}

/* Кнопки */
.btn.main-btn {
  background-color: #b89863;
  color: #fff;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.3s;
}
.btn.main-btn:hover {
  background-color: #a68753;
}

/* Варианты переключателей */
.calc-togler {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #b89863;
  background-color: #fff;
}

.calc-togler-item {
  flex: 1;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.m-active {
  background-color: #b89863;
  color: #fff;
  font-weight: bold;
}

.calc-togler-item:hover {
  background-color: #d0b27f;
}

/* Формы и поля ввода */
.forms {
  margin-top: 15px;
}

.form-container label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}

.width-100 {
  width: 100%;
  padding: 8px;
  border: 1px solid #b89863;
  border-radius: 4px;
  box-sizing: border-box;
}

.input-append {
  margin-left: 8px;
  font-size: 14px;
  color: #555;
}

/* Результаты и блоки */
.result-blocks {
  list-style: none;
  padding: 0;
  margin: 0;
}

.result-item-block {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #b89863;
  border-radius: 4px;
  margin-bottom: 10px;
}

.result-item-label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  color: #333;
}

.result-item-value {
  font-size: 16px;
  color: #222;
}

/* Скрытые блоки и элементы */
[style*="display: none"] {
  display: none !important;
}

/* Ссылки и кнопки */
.btn-link {
  color: #b89863;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.3s;
}

.btn-link:hover {
  color: #a68753;
}








/*//////////////////////////*/
/*Начало стилей бокового меню*/
/*//////////////////////////*/

/*//////////////////////////*/
/*Конец стилей бокового меню*/
/*//////////////////////////*/