td {
  FONT-SIZE: 10pt;
  FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

td.header_steal {
    background-image: url(/img/pattern.jpg);
    background-repeat: repeat;
}


/* ====== ШАПКА ====== */
/* Цельный баннер /img/header_bg.png — изображение содержит и фон,
   и логотип. Высота ~240px, ширина изображения ограничена, чтобы
   на широких экранах оно не растягивалось. По краям — тёмный фон
   в тон затемнённых краёв самой картинки. */
.bk-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #0a0805;
    overflow: hidden;
    text-decoration: none;
    line-height: 0;
}

.bk-banner img {
    display: block;
    width: auto;
    height: 240px;
    max-width: 100%;
    object-fit: contain;
}

/* На узких экранах ужимаем картинку по ширине, высота подстраивается */
@media (max-width: 1100px) {
    .bk-banner img { height: 200px; }
}
@media (max-width: 850px) {
    .bk-banner img { height: 160px; }
}
@media (max-width: 560px) {
    .bk-banner img { height: 120px; }
}

/* ====== КНОПКА «КАТАЛОГ ПРЕДМЕТО» ======
   Круглый медальон 65×65 с мягким овальным фиолетовым ореолом. */
.bk-catalog-btn {
    position: absolute;
    right: 24px;
    bottom: 60px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: transform .15s ease;
    z-index: 20;
}

.bk-catalog-btn__label { display: none; }

.bk-catalog-btn:hover {
    transform: scale(1.05);
}

.bk-catalog-btn__icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: transparent !important;
    background-image: url('/img/catalog_icon.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: padding-box;
    border: 0;
    flex-shrink: 0;
    box-shadow:
        0 0 0 2px rgba(250, 219, 142, .95),
        0 0 0 4px rgba(108, 61, 12, .9),
        0 0 14px rgba(236, 176, 70, .45),
        inset 0 0 8px rgba(255, 238, 177, .35);
}

.bk-catalog-btn:hover .bk-catalog-btn__icon {
    box-shadow:
        0 0 0 2px rgba(255, 236, 172, 1),
        0 0 0 5px rgba(132, 78, 18, .95),
        0 0 18px rgba(245, 188, 78, .6),
        inset 0 0 9px rgba(255, 245, 201, .45);
}

/* Адаптив: на узких экранах медальон чуть меньше, подпись скрывается */
@media (max-width: 1100px) {
    .bk-catalog-btn__icon { width: 54px; height: 54px; }
}

@media (max-width: 850px) {
    .bk-catalog-btn__icon { width: 46px; height: 46px; }
    .bk-catalog-btn { font-size: 11px; }
}

@media (max-width: 700px) {
    .bk-catalog-btn__icon { width: 40px; height: 40px; }
    .bk-catalog-btn__label { display: none; }
}

.date		{ font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000}
.date2		{ font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #007000; background-color: #00FFAA}
.sysdate	{ font-family: Courier; font-size: 8pt; text-decoration:none; font-weight:normal; color: #B00000}
.b1			{ font-weight: bold; color: #6666CC}
.b2			{ font-weight: bold; color: #B06A00}
.b3                     { font-weight: bold; color: #269088}
.b4                     { font-weight: bold; color: #A0AF20}
.b5                     { font-weight: bold; color: #0F79D3}
.b6                     { font-weight: bold; color: #D85E23}
.b7                     { font-weight: bold; color: #5C832F}
.b8                     { font-weight: bold; color: #842B61}
.b9                     { font-weight: bold; color: navy}
.Bs1			{ font-size: 8pt; font-weight:bold; color: #6666CC}
.Bs2			{ font-weight:bold; color: #B06A00}