body{
font-family: Arial, sans-serif;
margin:0;
background:#f4f6f8;
}

/* Шапка */

header{
background:#1f2d3d;
color:white;
padding:25px;
text-align:center;
}

/* Меню */

nav{
background:#2c3e50;
padding:12px;
text-align:center;
}

nav a{
color:white;
margin:0 15px;
text-decoration:none;
font-weight:bold;
padding:6px 12px;
border-radius:6px;
}

nav a:hover{
opacity:0.7;
}

nav a.active{
background:#3498db;
}

/* Основной контейнер */

.container{
max-width:1000px;
margin:auto;
background:white;
padding:30px;
margin-top:20px;
border-radius:8px;
}


/* Подвал */

footer{
margin-top:40px;
background:#1f2d3d;
color:white;
text-align:center;
padding:20px;
}

/* Блок с графиком и QR */

.info-columns{
display:flex;
gap:40px;
align-items:stretch;
margin-top:30px;
flex-wrap:wrap;
}

.worktime{
flex:1;
background:#ffffff;
padding:25px;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.worktime h2{
margin-bottom:15px;
}

.schedule p{
margin:6px 0;
}

.requisites-qr{
width:220px;
text-align:center;
background:#ffffff;
padding:20px;
border-radius:10px;
box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.requisites-qr img{
max-width:100%;
border-radius:10px;
margin-bottom:10px;
}

/* Адаптация под телефон */

@media (max-width:700px){

nav a{
display:block;
margin:10px 0;
}

.container{
margin:10px;
padding:20px;
}

.info-columns{
flex-direction:column;
}

.requisites-qr{
width:100%;
}

}
.requisites-container{
display:flex;
gap:40px;
align-items:flex-start;
flex-wrap:wrap;
}

.requisites-text{
flex:1;
}

.requisites-qr{
width:220px;
text-align:center;
}

.payment-warning{
margin-top:20px;
background:#fff3cd;
padding:15px;
border-radius:8px;
}
/* Важные объявления (красная полоска) */
.ad-card {
  display: flex;
  gap: 20px;
  background: #fff;
  border-left: 5px solid #e74c3c; /* только для важных */
  padding: 15px 20px;
  margin: 15px 0;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  align-items: flex-start;
  flex-wrap: wrap;
}

/* Обычные объявления (нейтральные) */
.ad-card.normal {
  border-left: none;  /* убираем красную полоску */
  box-shadow: 0 1px 6px rgba(0,0,0,0.08);
  background: #ffffff;
}

/* Дата */
.ad-date {
  font-weight: bold;
  min-width: 100px;
}

/* Текст объявления */
.ad-text {
  flex:1;
  line-height: 1.5;
}

/* Цвет даты */
.ad-card:not(.normal) .ad-date {
  color: #e74c3c;
}

.ad-card.normal .ad-date {
  color: #555;
}

/* Адаптация под мобильные */
@media (max-width:700px){
  .ad-card, .ad-card.normal{
    flex-direction: column;
  }

  .ad-date{
    min-width:auto;
    margin-bottom:10px;
  }
}
/* Основное меню */
.nav-bar {
  display: flex;
  justify-content: center;
  gap: 20px;
  background: #2c3e50;
  padding: 12px 0;
  border-radius: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* Ссылки меню */
.nav-bar a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  padding: 10px 18px;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
}

/* Эффект при наведении */
.nav-bar a:hover {
  background: #3498db;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transform: translateY(-2px);
}

/* Активный пункт */
.nav-bar a.active {
  background: #3498db;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Адаптивно для мобильных */
@media (max-width:700px){
  .nav-bar {
    flex-direction: column;
    gap: 10px;
  }
}
/* Все картинки в карточках документов */
.doc-card img {
  max-width: 100%;  /* не вылазят за контейнер */
  height: auto;     /* сохраняют пропорции */
  display: block;   /* убираем лишние пробелы */
  margin: 15px auto; /* центрируем */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}