#mobileBlock {
			  display: none; /* по умолчанию скрыт */
			  background: black;
			  padding: 20px;
			}
			@font-face {
			  font-family: "MyFont";
			  src: url("American TextC Regular.ttf") format("truetype");
			}
			@font-face {
			  font-family: "MyFont2";
			  src: url("a_AntiqueTradyBrk.ttf") format("truetype");
			}
			.myFont2 {
			  font-family: "MyFont2", sans-serif;
			}
			.myFont {
			  font-family: "MyFont", sans-serif;
			}
			.container {
			  display: flex;   /* включаем flex-контейнер */
			  height: 200px;   /* на всю высоту окна */
			}
			.container2 {
			  display: flex;   /* включаем flex-контейнер */
			  height: 100vh;   /* на всю высоту окна */
			}
			.left {
			  width: 20%;      /* левая колонка */
			  background: #666666;
			  display: flex; 
			}
			.right {
			  width: 80%;      /* правая колонка */
			  background: #4A4A4A;
			  display: flex; }
			.norecord {
			  width: 5%;      /* правая колонка */
			  }
			.panelo {
			  width: 90%;      /* правая колонка */
				background-image: url("textura.png");
				background-repeat: repeat/no-repeat;
				background-size: 320px 320px;
			  }
			.panelo2 {
			  width: 90%;      /* правая колонка */
				background-color: #1c1c1c;
				
			  }
			  body {
			  font-family: 'Inter', sans-serif;
			  font-size: 26px;          /* Базовый размер, можно 18px для удобства */
			  line-height: 1.6;         /* Межстрочный интервал */
			  letter-spacing: 0.2px;    /* Небольшой трекинг для воздуха */
			  color: #black;              /* Тёмно-серый цвет вместо чисто чёрного */
			  background-color: black;/* Мягкий фон вместо белого */
			  -webkit-font-smoothing: antialiased; /* Сглаживание в WebKit */
			  -moz-osx-font-smoothing: grayscale;  /* Сглаживание в macOS */
			  
			}
			.SUKA {
				color: #00ff1a;
				
			}

			.wrapper {
			  width: 100%;   /* контейнер шириной 80% окна */
			  height: 80%;  /* контейнер высотой 80% окна */
			  display: flex;
			  justify-content: center;
			  align-items: center;

			  box-shadow: 0 0 10px rgba(0,0,0,0.2);
			}

			table {
			  width: 100%;
			  height: 100%;
			  border-collapse: collapse;
			  table-layout: fixed; /* равномерные ячейки */
			}


			

			td img {
			  width: 70%;   /* ширина под ячейку */
			  height: 100%;  /* высота под ячейку */
			  object-fit: cover; /* сохраняет пропорции, обрезая лишнее */
			}
			td {
			  width: 150px;
			  height: 150px;
			  text-align: center;
			  vertical-align: middle;
			}
    .pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      margin-top: 15px;
    }
    button {
      padding: 12px 20px;
      border: none;
      background: #4caf50;
      color: white;
      border-radius: 6px;
      cursor: pointer;
      transition: 0.2s;
    }
    button:hover:not(:disabled) {
      background: #45a049;
    }
    button:disabled {
      background: #ccc;
      cursor: default;
    }