/* Plus Jakarta Sans artık index.html içinde yükleniyor (render-blocking @import kaldırıldı) */
:root {
--tg-main-color: #37E3EB;
--tg-main-color-hover: #6ff8ff;
--tg-color1: #37E3EB;
--tg-color1-hover: #68f7ff;
--tg-color2: #FF4CAB;
--tg-color2-hover: #ff5cb3;
--tg-background-light: #FAFAFA;
}
.center-screen {
display: flex!important;
justify-content: center!important;
align-items: center!important;
min-height: 100vh!important;
}
.center-horizontal-mobile { }
.tg-bg-light{ background-color: var(--tg-background-light)!important; }
.tg-img-button{
cursor: pointer;
}
.tg-button:hover{ background: var(--tg-main-color-hover); }
.tg-button.play-now{
color: #FFF!important;
font-family: "Plus Jakarta Sans"!important;
font-size: 15px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: normal!important;
border-radius: 50px!important;
height: 40px;
}
.play-now-button-color1{ background: var(--tg-color1)!important; }
.play-now-button-color1:hover{ background: var(--tg-color1-hover)!important; }
.play-now-button-color2{ background: var(--tg-color2)!important; }
.play-now-button-color2:hover{ background: var(--tg-color2-hover)!important; }
.tg-button.start-now{
width: 408px;
height: 60px;
color: #FFF!important;
font-family: "Plus Jakarta Sans"!important;
font-size: 26px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: normal!important;
}
.game-card{
border: 1px solid #E3E3E3;
min-height: 180px;
border-radius: 8px;
background: #FFF;
padding: 1rem;
}
/* Header banner: mobilde tam genişlik (mevcut görünüm) */
#tg-banner img {
width: 100%;
height: auto;
display: block;
}
/* Büyük ekranlarda tam genişlik + cover: yükseklik sabit, görsel alanı kaplar */
@media (min-width: 769px) {
#tg-banner img {
width: 100%;
height: 440px;
object-fit: cover;
object-position: center;
}
}
/* the slides */
.slick-slide {
margin: 0 27px;
}
/* the parent */
.slick-list {
margin: 0 -27px;
}
.vertical-line {
width: 1px;
align-self: stretch;
background: radial-gradient(50% 50% at 50% 50%, #E3E3E3 0%, #FFF 100%);
margin: 0px 10px;
}
@media only screen and (max-width: 768px) {
.center-horizontal-mobile{
margin: 0 auto!important;
}
}
@media (min-width: 1024px) {
.game-logo-part img {
width: 50%;
height: auto;
}
}
/* ===== index.html inline