/* Сбрасываем темный фон у body */
body {
  color: #fff; /* текст белый, можно поправить под общий стиль */
}

/* Кнопки-collapse */
.collapse-btn {
  background: transparent;
  border: none;
  /* только нижняя белая линия */
  border-radius: 0;
  padding: 0.5rem 0;
  font-size: 1.2rem;               /* увеличенный шрифт */
  font-weight: 500;
  color: #fff;
  width: 100%;
  text-align: left;
  position: relative;
  transition: transform 0.2s ease;
}
.text-primary {
  color: #d4af7f !important;
}

@media (max-width: 315px) {
  #related-products {
    grid-template-columns: 1fr !important;
  }
}

.ramka{
  border-bottom: 2px solid #fff;
}
/* Убираем эффекты hover/active */
.collapse-btn:hover,
.collapse-btn:focus,
.collapse-btn:active {
  background: transparent;
  outline: none;
  box-shadow: none;
}

/* Стрелка ▼ через псевдоэлемент */
.collapse-btn::after {
  content: '▼';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s ease;
  font-size: 1rem;
}

/* Когда панель открыта: сдвигаем кнопку вниз и вращаем стрелку вверх */
.collapse.show + .collapse-btn,
.collapse-btn[aria-expanded="true"] {
  transform: translateY(4px); /* опускаем кнопку */
}



.collapse-btn[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Содержимое панели */
.collapse-content {
  margin-top: 0.5rem;
  padding-left: 1rem;
}

/* Премиальные отступы между пунктами */
.collapse-content li {
  padding: 0.75rem 0;
  font-size: 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.collapse-content li:last-child {
  border-bottom: none;
}

#price-block {
  display: flex;
  align-items: center;
  gap: 10px;
}

.old-price {
  color: #ccc;
  text-decoration: line-through;
  font-size: 1.1rem;
}

.new-price {
  color: #d4af7f;
  font-size: 1.5rem;
  font-weight: bold;
}

.discount-label {
  background: #e74c3c;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 0.9rem;
}

.ramka {
  border-bottom: 2px solid #fff;
}

.collapse-btn {
  background: transparent;
  border: none;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  width: 100%;
  text-align: left;
  position: relative;
  transition: transform 0.2s ease;
}

.text-primary {
  color: #d4af7f !important;
}


.price-new {
  font-size: 1.8rem;
  font-weight: bold;
}

.price-regular {
  font-size: 1.8rem;
  font-weight: bold;
}

.price-old {
  font-size: 1.2rem;
  text-decoration: line-through;
  color: #999;
}

.discount-badge {
  background: #dfbf97;
  color: #222;
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 0.9rem;
}


#shipping-note{
    font-size: 1.5rem !important;
}

#warranty-note{
    font-size: 1.5rem !important;
    
}