.navbar-brand img {
    height: 35px;
}

.nav-link.featured {
    color: #764f09 !important;
    font-weight: bold;
}

.nav-link.featured:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.btn-sheen {
    position: relative;
    overflow: hidden;
}

.btn-sheen::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
}

.btn-sheen:hover::after {
    animation: sheen 0.7s forwards;
}

@keyframes sheen {
    100% {
        left: 125%;
    }
}

.slogan {
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}

.switch-word-wrapper {
    display: inline;
}

.switch-word {
    display: inline;
    color: #efa00b;
}

.product-grow {
    display: block;
    border: 0;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 0px solid #efa00b;
}

.product-grow:hover {
    transform: scaleX(1.1) scaleY(1.1);
    border: 4px solid #efa00b;
}

.product-grow img {
    width: 100%;
}

.form-floating label {
    color: #000;
}

.transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.gradient {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 75%;
    background-image: linear-gradient(rgba(2, 5, 37, 0), #091436);
}

.product-grow .info {
    position: absolute;
    bottom: 14px;
    left: 14px;
    right: 14px;
}
.product-grow .info h5 {
    color: #fff;
}

.order-server-header {
    /* background-image: url("/public/images/game_images/foundry_banner.jpg"); */
    background-size: cover;
    background-repeat: no-repeat; /* Optional: prevents repeating */
    background-position: center; /* Optional: centers the image */
    position: relative;
    height: 500px;
}

.order-server-header .container div {
    position: relative;
    z-index: 3;
}

.order-tier-btn {
    --bs-btn-border-color: #efa00b;
    --bs-btn-hover-bg: --bs-btn-bg;
}

.order-tier-btn:hover {
    transform: scaleX(1.05) scaleY(1.05);
    box-shadow: 0px 0px 15px 3px #efa00b;
}

.order-tier-btn.active {
    transform: scaleX(1.1) scaleY(1.1);
    box-shadow: 0px 0px 10px 1px #efa00b;
}