.tank-section {
  display: flex;
  gap: 24px; /* Было 48px */
  align-items: flex-start;
  margin-top: 24px; /* Было 40px */
}
.tank-sidebar {
  width: 350px;
  background: #232323;
  border-radius: 20px;
  padding: 20px 18px 20px 18px; /* Было 28px 24px 24px 24px */
  color: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.16);
  display: flex;
  flex-direction: column;
  gap: 10px; /* Было 18px */
}
.tank-title {
  font-size: 2rem;
  font-weight: 700;
}
.tank-subtitle {
  color: #f7c873;
  font-size: 1.06rem;
  margin-bottom: 6px; /* Было 12px */
}
.tank-img-bar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 204px; /* Было 170px, увеличено на 20% */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  overflow: hidden;
  margin: 8px 0 10px 0; /* Было 12px 0 16px 0 */
}
.tank-img-bar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(0,0,0,0.12) 30%,rgba(0,0,0,0.28) 100%);
  z-index: 1;
}
.tank-image {
  position: relative;
  max-height: 144px; /* Было 120px, увеличено на 20% */
  max-width: 98%; /* чуть больше */
  height: auto;
  width: auto;
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.45));
}
.tank-price-block { 
  display: flex; 
  flex-direction: column; 
  gap: 6px; /* Было 8px */
}
.tank-price {
  font-size: 2.1rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.tank-oldprice {
  color: #aaa;
  text-decoration: line-through;
  font-size: 1.1rem;
}
.tank-buy-btn {
  background: #ff5c1f;
  color: #fff;
  border: none;
  border-radius: 9px;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 12px 0 5px 0; /* Было 14px 0 6px 0 */
  padding: 8px 0; /* Было 10px 0 */
  cursor: pointer;
  transition: background .15s;
}
.tank-buy-btn:hover {
  background: #ff2600;
}
.tank-instock {
  font-size: 1.06rem;
  color: #dadada;
}
.tank-instock span { color: #fc5555; font-weight: 700;}
.tank-benefits {
  margin: 0;
  padding-left: 14px; /* Было 18px */
  color: #d0d0d0;
  font-size: 0.98rem;
}
.tank-benefits li { margin-bottom: 1px; /* Было 3px */ }

.tank-description {
  background: rgba(24,24,24,0.76);
  border-radius: 10px;
  margin-top: 10px; /* Было 18px */
  padding: 1rem; /* Было 8px 12px */
  font-size: 0.98rem;
  color: #e7e7e7;
}
.tank-description ul {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    
}
.tank-description ul>li::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 8px; /* Отступ между картинкой и текстом */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle; /* Выравнивание по вертикали */
}

.tank-description ul>li:nth-child(1)::before {
    background-image: url(/assets/img/small-tank.svg);
}
.tank-description ul>li:nth-child(2)::before {
    background-image: url(/assets/img/slot-main.svg);
}
.tank-description ul>li:nth-child(3)::before {
    background-image: url(/assets/img/premium-2.svg);
}
.tank-description ul>li:nth-child(4)::before {
    background-image: url(/assets/img/gold.svg);
}
.tank-description ul>li:nth-child(5)::before {
    background-image: url(/assets/img/ekipazh.svg);
}
/* Правый блок */
.back-to-catalog-btn {
  display: inline-flex;
  align-items: center;
  background: #2d2d2d;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 8px;
  padding: 8px 18px 8px 12px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  transition: background 0.13s, color 0.13s;
  border: none;
  outline: none;
  cursor: pointer;
  border: 2px solid #ff5c1f;
}
.back-to-catalog-btn:hover {
  background: #ff5c1f;
  color: #fff;
  border-color: #ff5c1f;
}
.tank-right-block {
  flex: 1;
  background: #232323;
  border-radius: 20px;
  padding: 24px;
  color: #fff;
  min-width: 320px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12);
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tank-params {
  display: flex;
  gap: 22px;
  margin-bottom: 16px;
  margin-top: 6px;
  flex-wrap: wrap;
}
.tank-param {
  display: flex;
  align-items: center;
  gap: 7px;
  background: #282828;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 1.06rem;
  color: #e7e7e7;
  font-weight: 500;
  letter-spacing: 0.01em;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.tank-param-label {
  color: #aaa;
  font-weight: 400;
}
.tank-param-value {
  font-weight: 600;
  color: #fff;
}

.tank-param-value.nation { /* Можно добавить иконку флага через background-image, если хочешь */ }
.tank-param-value.level {
  color: #ffe066;
}
.tank-param-value.type {
  color: #7fd1ff;
}
/* Пример: отдельная иконка для нации, если nation_code = 'ussr', 'germany' и тд. */
/*
.tank-param-value.nation-ussr { background: url('/img/nation_ussr.png') left center/18px no-repeat; padding-left: 24px;}
*/

.tank-longdesc {
  background: rgba(28,28,28,0.94);
  border-radius: 12px;
  padding: 18px 18px 15px 18px;
  font-size: 1.04rem;
  color: #f3f3f3;
  line-height: 1.7;
  margin-top: 4px;
  box-shadow: 0 1px 8px rgba(0,0,0,0.07);
}
.tank-longdesc br {
  line-height: 1.6;
}
@media (max-width: 900px) {
  .tank-section { flex-direction: column; }
  .tank-right-block { margin-top: 14px; }
}

.nation-flag {
      display: inline-block;
      vertical-align: middle;
      width: 22px;
      height: 16px;
      margin-right: 7px;
      border-radius: 3px;
      box-shadow: 0 1px 2px rgba(0,0,0,0.10);
      background: #222;
      object-fit: cover;
    }
    .tank-param-value.nation {
      display: flex;
      align-items: center;
      gap: 7px;
    }
    
@media (max-width: 900px) {
  .tank-section {
    flex-direction: column; /* Меняем направление флекс-контейнера на колонку */
    gap: 16px; /* Можно уменьшить или оставить как есть */
  }

  .tank-sidebar {
    width: 100%; /* Сделать ширину 100% */
    padding: 20px; /* Можно оставить или подстроить */
    border-radius: 10px; /* Можно немного уменьшить радиус, чтобы лучше смотрелось на мобильных */
  }

  .tank-right-block {
    width: 100%; /* Сделать ширину 100% */
    min-width: 100%; /* Обеспечить, что блок занимает всю ширину */
  }
}

/* Общий стиль для блока типа */
.tank-param-value.type {
  position: relative; /* для псевдоэлемента */
  padding-left: 36px; /* чтобы было место под иконку */
  display: inline-flex;
  align-items: center;
}

/* Иконка для каждого типа через ::before по data-атрибуту */
.tank-param-value.type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Для каждого типа по data-type */
.tank-param-value.type[data-type="Легкий"]::before {
  background-image: url('/assets/img/type/lite.png');
}
.tank-param-value.type[data-type="Средний"]::before {
  background-image: url('/assets/img/type/middle.png');
}
.tank-param-value.type[data-type="Тяжелый"]::before {
  background-image: url('/assets/img/type/hard.png');
}
.tank-param-value.type[data-type="ПТ-САУ"]::before {
  background-image: url('/assets/img/type/pt-sau.png');
}
.tank-param-value.type[data-type="САУ"]::before {
  background-image: url('/assets/img/type/sau.png');
}