/* Keep the supplied DinoNode game page layout and its original plan styling. */
.gamehut-classic-hosting .header h1 {
    color: var(--white);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .01rem;
    font-size: 40px;
    margin-bottom: .5rem;
    line-height: 1.2;
}
.classic-game-header { background-size: cover; background-position: center; }
.classic-plan-row > div { display: flex; }
.classic-plan-row .card { width: 100%; }
.classic-plan-logo { display: block; width: 112px; height: 112px; object-fit: contain; margin: 0 auto 12px; }
.classic-plan-row .card-body { display: flex; flex-direction: column; }
.classic-plan-row .card-body .mt-4 { margin-top: auto !important; padding-top: 20px; }
.plans .classic-order-button {
    background: var(--blue);
    border: 1px solid var(--blue);
    color: var(--white);
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    opacity: 1;
}
.plans .classic-order-button:hover { background: #087fc9; border-color: #087fc9; color: white; }
.plans .classic-popular { border-color: var(--blue); }
.classic-popular-label { position: absolute; top: 10px; right: 10px; color: var(--blue); font-size: 10px; }
.classic-availability { font-size: 13px; margin: 14px 0; color: var(--light); }
.classic-availability span { margin: 0 12px; }
.classic-plan-note { font-size: 12px; color: var(--gray); max-width: 950px; margin: auto; line-height: 1.8; }
.classic-server-types { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px 45px; }
.classic-server-types img { max-width: 150px; height: 50px; object-fit: contain; }
.classic-server-types span { color: var(--white); font-size: 20px; font-weight: 600; }
.classic-panel-link, .ddos_content a { color: var(--blue); text-decoration: none; }
.gamehut-classic-hosting :focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
@media (max-width: 991px) {
    .plans .card .card-body ul li { font-size: 16px; line-height: 34px; }
}
@media (max-width: 767px) {
    .gamehut-classic-hosting .header h1 { font-size: 32px; overflow-wrap: anywhere; }
    .classic-plan-row > div { width: 100%; }
    .classic-plan-row .card { max-width: 520px; margin-inline: auto; }
    .classic-availability span { display: block; font-size: 0; height: 8px; }
}