body {
            display: flex;
            min-height: 100vh;
            flex-direction: column;
        }

        .flex-grow-1 {
            flex-grow: 1;
        }

        .footer {
            background-color: #f8f9fa;
            padding: 20px 0;
        }
        /*------------------------------------*/
        .top-banner {
			background-image: url('/img/banner4.jpg');
			background-size: cover;
			background-position: top;
			padding: 160px 0;
			color: white;
			position: relative;
		}

		/* затемняющий слой (чтобы текст был читаемее) */
		.top-banner::before {
			content: "";
			position: absolute;
			left: 0; top: 0;
			right: 0; bottom: 0;
			background: rgba(0,0,0,0.45);
		}

		.banner-content {
			position: relative;
			max-width: 500px;
		}

		.banner-title {
			font-size: 38px;
			font-weight: 700;
			color: #FFD700; /* золотистый */
		}

		.banner-subtitle {
			font-size: 20px;
			color: #ffffff;
			margin-bottom: 20px;
		}

		/* кнопка */
		.banner-btn {
			background-color: #FFD700;   /* золотой */
			color: #8B7500;              /* тёмно-желтый */
			font-weight: 600;
			padding: 10px 22px;
			border-radius: 6px;
		}

		/* ссылка под кнопкой */
		.banner-link {
			color: #ffffff;
			font-size: 18px;
			text-decoration: underline;
		}

		/* адаптив */
		@media (max-width: 767px) {
			.banner-title {
				font-size: 28px;
			}
			.banner-subtitle {
				font-size: 16px;
			}
			.banner-content {
				max-width: 100%;
				text-align: left;
			}
		}

.order-status {
    display: none;                 /* по умолчанию скрыта */
    position: fixed;               /* фиксируем на экране */
    bottom: 0;                     /* снизу */
    left: 0;
    width: 100%;                   /* на всю ширину */
    background-color: #28a745;     /* зелёная плашка */
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 18px;
    z-index: 1050;                 /* чтобы перекрывала остальное */
    box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
}