/* =====================================================================
   FungFung :: style.css :: WEB 1.0 / NEOCITIES MEGA RETRO
   ---------------------------------------------------------------------
   Только сырой CSS, без фреймворков. Тёмный фон + неон, тайлинг,
   мерцание, радуга, кривые рамки 1998 года.
   Меняй цвета/шрифты прямо тут — всё подписано.
   ===================================================================== */

/* --- 1. ОТКЛЮЧАЕМ СГЛАЖИВАНИЕ (жёсткий пиксельный вид) --- */
* {
  -webkit-font-smoothing: none;
  font-smooth: never;
  text-rendering: optimizeSpeed;
  box-sizing: content-box;
}

/* --- 2. ФОН: ПОВТОРЯЮЩИЙСЯ ТАЙЛ (звёзды). Замени на свой GIF: --- */
body {
  margin: 0; padding: 14px 0 28px 0;
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Crect width='64' height='64' fill='%23000000'/%3E%3Ccircle cx='8' cy='12' r='1' fill='%23ffffff'/%3E%3Ccircle cx='40' cy='6' r='1' fill='%23ffff66'/%3E%3Ccircle cx='56' cy='30' r='1' fill='%23ffffff'/%3E%3Ccircle cx='22' cy='40' r='1' fill='%23ff66ff'/%3E%3Ccircle cx='48' cy='54' r='1' fill='%2300ff00'/%3E%3Ccircle cx='12' cy='56' r='1' fill='%23ffffff'/%3E%3Ccircle cx='32' cy='22' r='1' fill='%2300ffff'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-attachment: fixed;

  font-family: "Times New Roman", Times, serif;   /* основной шрифт */
  font-size: 16px;
  color: #dcdcdc;
  cursor: crosshair;                                 /* ретро-курсор */
}

/* --- 3. КЛАССИЧЕСКИЕ СИНИЕ ССЫЛКИ (с неоновым свечением на чёрном) --- */
a:link    { color: #0000EE; text-shadow: 0 0 4px #55aaff, 0 0 8px #0044ff; text-decoration: underline; cursor: pointer; }
a:visited { color: #551A8B; text-shadow: 0 0 4px #cc66ff; text-decoration: underline; }
a:hover   { color: #ffff00; background-color: #0000EE; text-decoration: none; }
a:active  { color: #ff0000; }

/* --- 4. КОНТЕЙНЕР САЙТА --- */
table.main {
  border: 4px ridge #00ff00;
  box-shadow: 0 0 14px #00ff00, inset 0 0 14px #003300;
  background-color: #000000;
}

/* --- 5. ШАПКА / ЛОГОТИП --- */
.logo {
  font-family: "Courier New", Courier, monospace;
  font-size: 54px; font-weight: bold; letter-spacing: 5px;
  background: linear-gradient(90deg,#ff0000,#ff8800,#ffff00,#00ff00,#00ffff,#0044ff,#ff00ff,#ff0000);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; text-shadow: none;
  animation: rainbow 4s linear infinite;
  display: inline-block;
}
@keyframes rainbow { to { background-position: 200% center; } }

.tagline {
  font-family: "Courier New", Courier, monospace;
  font-size: 15px; color: #ffff00; letter-spacing: 2px;
}
.logo-sticker {                       /* белая "наклейка" под тёмный логотип */
  background: #ffffff; border: 3px ridge #cccccc; padding: 2px;
}

/* --- 6. БЕГУЩИЕ СТРОКИ --- */
.topline, .bottomline {
  margin: 0 auto 10px auto; width: 812px;
  border: 2px solid #ff00ff; box-shadow: 0 0 10px #ff00ff;
  background: #000000;
}
.bottomline { border-color: #00ff00; box-shadow: 0 0 10px #00ff00; margin-bottom: 26px; }
marquee.announce {
  font-family: "Courier New", Courier, monospace;
  font-size: 16px; font-weight: bold; color: #00ff00; padding: 3px 0;
}

/* --- 7. НАВИГАЦИЯ --- */
.navbar .navrow td { border: 1px outset #ff00ff; background-color: #000000; }
.navbar .navrow td:hover { border-style: inset; background-color: #001a00; }
.navbar .navrow td { padding: 4px 2px; }
.navrow a {
  font-family: "Courier New", Courier, monospace; font-weight: bold;
  font-size: 12px; color: #ffff00; text-shadow: none; text-decoration: none;
}
.navrow a:visited { color: #ffff00; }
.navrow .here { color: #00ff00; text-shadow: 0 0 6px #00ff00; }

/* --- 8. ПАНЕЛИ САЙДБАРА --- */
.sidebar { width: 214px; }
.panel { border: 2px ridge #00ffff; box-shadow: 0 0 6px #00ffff; margin-bottom: 10px; }
.panelhead {
  background-color: #0000EE; color: #ffff00;
  font-family: "Courier New", Courier, monospace; font-weight: bold;
  font-size: 13px; text-align: center; letter-spacing: 1px;
  border-bottom: 2px solid #00ffff;
}
.tiny { font-size: 11px; color: #8a8a8a; }
.poll { font-size: 13px; line-height: 1.7; }

/* --- 9. СЧЁТЧИК --- */
.counter {
  font-family: "Courier New", Courier, monospace; font-size: 20px; font-weight: bold;
  letter-spacing: 2px; color: #00ff00; background-color: #001100;
  border: 2px inset #00ff00; padding: 2px 6px; text-shadow: 0 0 6px #00ff00;
}

/* --- 10. КОНТЕНТ --- */
.content { font-size: 16px; line-height: 1.55; }
.content p { margin: 0 0 12px 0; }
.content-title {
  font-family: "Courier New", Courier, monospace; font-size: 26px; color: #ff00ff;
  text-shadow: 0 0 8px #ff00ff, 0 0 16px #aa00aa; text-align: center;
  border-bottom: 2px dashed #ff00ff; padding-bottom: 8px;
}
h2 {
  font-family: "Courier New", Courier, monospace; font-size: 20px; color: #00ffff;
  text-shadow: 0 0 6px #00ffff; border-left: 6px solid #ffff00;
  padding-left: 8px; margin-top: 22px;
}
h3 { font-family: "Courier New", Courier, monospace; color: #ffff00; font-size: 16px; margin: 14px 0 4px 0; }
.hello { font-size: 17px; }

/* Неоновые цветные слова */
.green   { color: #00ff00; text-shadow: 0 0 6px #00ff00; }
.magenta { color: #ff00ff; text-shadow: 0 0 6px #ff00ff; }
.yellow  { color: #ffff00; text-shadow: 0 0 6px #ffff00; }
.red     { color: #ff3333; text-shadow: 0 0 6px #ff0000; }
.cyan    { color: #00ffff; text-shadow: 0 0 6px #00ffff; }

ul.bullets { list-style: none; margin: 0 0 14px 0; padding-left: 4px; line-height: 1.8; }

/* --- 11. ТАБЛИЦА ТОВАРОВ --- */
table.goods { border: 2px ridge #00ff00; margin-bottom: 8px; }
.goodshead td {
  background-color: #00ff00; color: #000000;
  font-family: "Courier New", Courier, monospace; font-weight: bold;
  text-align: center; letter-spacing: 1px;
}
table.goods tr td { border: 1px solid #003300; vertical-align: middle; }
table.goods tr:hover { background-color: #001a00; }

/* --- 12. БЛОКИ СПЕЦИЙ / ФИЧ --- */
.feature {
  border: 2px inset #444444; background-color: #050505;
  padding: 8px; font-size: 13px; vertical-align: top;
}
.feature b { color: #00ff00; font-family: "Courier New", Courier, monospace; }

/* --- 13. КАРТИНКИ --- */
img.frame { border: 3px ridge #808080; background: #fff; padding: 2px; }
.cutbox { text-align: center; font-size: 11px; color: #aaa; }

/* --- 14. РЕЦЕПТ / UGC --- */
.recipe { border: 2px dotted #ffff00; background-color: #111100; padding: 10px 14px; margin: 10px 0 16px 20px; }
.ugc { border: 2px ridge #ff00ff; background-color: #0a000a; padding: 6px; text-align: center; }

/* --- 15. ПАРТНЁРЫ --- */
.partner {
  border: 2px outset #ff00ff; background-color: #000000;
  font-family: "Courier New", Courier, monospace; font-size: 13px;
  color: #ffff00; padding: 6px 10px;
}

/* --- 16. ПОДВАЛ --- */
.footer { border-top: 2px solid #00ff00; font-size: 14px; }

/* --- 17. МИКРО-БАННЕРЫ 88x31 --- */
.banner88 {
  display: inline-block; width: 88px; height: 31px;
  border: 1px solid #ffffff; outline: 2px ridge #00ffff;
  background: #000000; overflow: hidden; text-align: center;
  margin: 3px; line-height: 31px; vertical-align: middle;
}
.banner88 img { max-width: 84px; max-height: 27px; vertical-align: middle; border: 0; }
.banner88.light { background: #f7f3ea; }               /* для тёмных логотипов */
.banner88 .btext {                          /* текстовый бэннер, если нет логотипа */
  font-family: "Courier New", monospace; font-size: 10px; font-weight: bold;
  color: #00ff00; letter-spacing: 1px; line-height: 1.1;
}

/* --- 18. ВЕБ-РИНГ --- */
.webring { border: 3px double #ff00ff; background: #0a000a; }
.webring td { text-align: center; vertical-align: top; padding: 10px; }
.webring .big { font-family: "Courier New", monospace; font-size: 18px; font-weight: bold; color: #ffff00; }

/* --- 19. ГОРОДА (где купить) --- */
.cityhead {
  background-color: #ff00ff; color: #000000;
  font-family: "Courier New", monospace; font-weight: bold;
  letter-spacing: 1px; padding: 3px 8px;
}

/* --- 20. МЕРЦАНИЕ (blink) --- */
@keyframes ffblink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
blink, .blink { animation: ffblink 1s steps(1, start) infinite; display: inline; }

/* --- 21. МЕЛОЧИ ДЛЯ УГАРА --- */
::selection { background: #ff00ff; color: #000000; }
hr.rainbow { border: 0; height: 4px;
  background: linear-gradient(90deg,#ff0000,#ffff00,#00ff00,#00ffff,#ff00ff,#ff0000); }
.netscape { font-size: 10px; color: #666; }

/* Старый скроллбар (работает в Chrome/Edge/Safari) */
::-webkit-scrollbar { width: 14px; background: #000; }
::-webkit-scrollbar-thumb { background: #00ff00; border: 2px ridge #006600; }

/* =====================================================================
   22) ЛОГОТИПЫ ДРУЗЕЙ ДЛЯ 88x31-БАННЕРОВ (реальные сайты)
   ---------------------------------------------------------------------
   Здесь хранятся ссылки на логотипы партнёров, чтобы не дублировать
   длинные URL в HTML. Меняй url() при необходимости.
   ===================================================================== */
.bn-mallakto { background-image: url("assets/mallakto-logo.svg"); background-color: #f7f3ea; }
.bn-holi     { background-image: url("assets/holi-logo.svg"); background-color: #1a1a1a; }
.bn-bumpkin  { background-image: url("assets/bumpkin-avatar.jpg"); background-color: #000; }
.banner88.bg { background-repeat: no-repeat; background-position: center; background-size: contain; }
.banner88.bg.cover { background-size: cover; }

/* Карточки друзей на странице веб-ринга */
.logo-card { background: #ffffff; border: 3px ridge #cccccc; padding: 6px; display: inline-block; }