:root {
    --pia-bg: #171943;
    --pia-bg-deep: #11132f;
    --pia-surface: #212458;
    --pia-surface-2: #2d316d;
    --pia-surface-3: #3a3f7c;
    --pia-primary: #f400df;
    --pia-primary-2: #b81ed0;
    --pia-text: #fff;
    --pia-muted: #b9bad4;
    --pia-line: rgba(255, 255, 255, .12);
    --pia-success: #59dc8e;
    --pia-radius-sm: 8px;
    --pia-radius: 14px;
    --pia-radius-lg: 24px;
    --pia-content: 1640px;
}

html,
body {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden;
    background: var(--pia-bg-deep) !important;
    color: var(--pia-text) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

body {
    background-image:
        radial-gradient(circle at 10% 20%, rgba(244, 0, 223, .09), transparent 24rem),
        radial-gradient(circle at 92% 38%, rgba(76, 85, 220, .16), transparent 30rem),
        var(--pia-managed-background, url('/pia-assets/decor/background.png')) !important;
    background-position: center, center, center top !important;
    background-size: auto, auto, cover !important;
    background-attachment: fixed !important;
}

a {
    color: inherit;
}

.container,
.container-90,
.casino-cntr,
.hdr-cntr .container-90 {
    width: min(var(--pia-content), calc(100% - 32px)) !important;
    max-width: var(--pia-content) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pia-announcement {
    position: relative;
    min-height: 30px;
    padding: 6px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #e5e6f3;
    background: #0b0d25;
    border-bottom: 1px solid var(--pia-line);
    font-size: 12px;
    letter-spacing: .1px;
}

.pia-announcement-close {
    position: absolute;
    z-index: 5;
    right: 8px;
    top: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    transform: translateY(-50%);
    color: #aeb0cf;
    background: transparent;
    border: 0;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
}

.pia-announcement > span {
    pointer-events: none;
}

.pia-announcement strong {
    color: #fff;
}

.pia-announcement-note {
    color: var(--pia-muted);
}

.pia-announcement.is-closed,
.pia-announcement[hidden] {
    display: none !important;
}

#header,
#header22,
header#header,
header#header22 {
    position: relative !important;
    z-index: 100 !important;
    background: rgba(17, 19, 47, .97) !important;
    border-bottom: 1px solid var(--pia-line);
}

#header .hdr-cntr,
#header22 .hdr-cntr {
    background: transparent !important;
}

#header .hdr-cntr-second-row,
#header22 .hdr-cntr-second-row {
    min-height: 76px !important;
    display: flex !important;
    align-items: center;
    background: var(--pia-bg) !important;
}

#header .hdr-second-row-wrapper,
#header22 .hdr-second-row-wrapper {
    min-height: 76px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#header .hdr-second-row-wrapper .left,
#header22 .hdr-second-row-wrapper .left {
    display: flex;
    align-items: center;
}

#header .logo-text,
#header22 .logo-text {
    margin: 0 !important;
    color: #6125c9 !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -2px !important;
    white-space: nowrap;
}

#header .logo-text font,
#header22 .logo-text font {
    font-size: inherit !important;
    font-weight: inherit !important;
}

.pia-header-shortcuts {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    margin-right: 12px;
}

.pia-round-action {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 0 16px rgba(244, 0, 223, .24);
}

.pia-telegram {
    background: #ee23de;
}

.pia-gift {
    border-radius: 9px;
    background: linear-gradient(145deg, #ff2be5, #8324c9);
}

#header .hdr-second-row-wrapper .left img,
#header22 .hdr-second-row-wrapper .left img,
#header .hdr-second-row-wrapper .left svg,
#header22 .hdr-second-row-wrapper .left svg {
    max-height: 52px !important;
    width: auto !important;
}

#header .hdr-second-right,
#header22 .hdr-second-right {
    display: flex !important;
    align-items: center;
    margin-left: auto;
}

#header .login-btn,
#header22 .login-btn,
#header .register-btn,
#header22 .register-btn {
    min-height: 42px !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--pia-radius-sm) !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    transition: filter .2s, transform .2s;
}

#header .login-btn,
#header22 .login-btn {
    color: #fff !important;
    background: transparent !important;
    border: 1px solid var(--pia-primary) !important;
}

#header .register-btn,
#header22 .register-btn {
    color: #fff !important;
    background: var(--pia-surface-2) !important;
    border: 1px solid rgba(244, 0, 223, .55) !important;
    margin-left: 8px;
}

.pia-mobile-nav {
    display: none;
}

#header .login-btn:hover,
#header22 .login-btn:hover,
#header .register-btn:hover,
#header22 .register-btn:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

#header .hdr-cntr-third-row,
#header22 .hdr-cntr-third-row {
    position: relative;
    min-height: 54px !important;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--pia-surface) !important;
    background-image: var(--pia-managed-menu-glow, url('/pia-assets/nav/menu-glow.gif')) !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border-top: 1px solid var(--pia-line);
    border-bottom: 1px solid rgba(244, 0, 223, .45);
    box-shadow: inset 0 -1px 0 rgba(244, 0, 223, .35);
}

#menu-wrapper,
#header .mn-menu-wrapper,
#header22 .mn-menu-wrapper {
    position: relative;
    z-index: 1;
    min-height: 54px !important;
    width: 100%;
    display: flex !important;
    align-items: stretch !important;
    background: transparent !important;
}

#header .mn-menu,
#header22 .mn-menu {
    width: 100%;
}

#header .mn-menu > ul,
#header22 .mn-menu > ul {
    display: flex !important;
    gap: 4px;
    align-items: stretch;
    min-height: 54px;
    margin: 0 !important;
    padding: 0 !important;
}

#header .mn-menu > ul > li,
#header22 .mn-menu > ul > li {
    display: flex !important;
    align-items: stretch;
    background: transparent !important;
}

#header .mn-menu > ul > li > a,
#header22 .mn-menu > ul > li > a {
    position: relative;
    min-height: 54px;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center;
    border-radius: 0 !important;
    color: #ebecf8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    white-space: nowrap;
    transition: background .2s, color .2s;
}

#header .mn-menu > ul > li > a:after,
#header22 .mn-menu > ul > li > a:after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: transparent;
}

#header .mn-menu > ul > li > a:hover,
#header22 .mn-menu > ul > li > a:hover,
#header .mn-menu > ul > li > a.active,
#header22 .mn-menu > ul > li > a.active {
    color: #fff !important;
    background: rgba(255, 255, 255, .06) !important;
}

#header .mn-menu > ul > li > a:hover:after,
#header22 .mn-menu > ul > li > a:hover:after,
#header .mn-menu > ul > li > a.active:after,
#header22 .mn-menu > ul > li > a.active:after {
    background: var(--pia-primary);
}

.pia-category-rail {
    width: min(var(--pia-content), calc(100% - 32px));
    margin: 20px auto 16px;
    padding: 4px 0 10px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(92px, 1fr);
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.pia-category-item {
    min-width: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--pia-muted) !important;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    transition: color .2s, transform .2s;
}

.pia-category-item img {
    width: 76px;
    height: 76px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(244, 0, 223, .55);
    background: var(--pia-surface);
}

.pia-category-item:hover {
    color: #fff !important;
    transform: translateY(-2px);
}

.pia-hero-slider {
    position: relative;
    width: min(var(--pia-content), calc(100% - 32px));
    max-width: var(--pia-content);
    margin: 10px auto 18px;
    overflow: hidden;
    border-radius: 18px;
    background: #171943;
    aspect-ratio: 2.82 / 1;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

.pia-hero-track {
    width: 100%;
    height: 100%;
}

.pia-hero-slide {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
}

.pia-hero-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.pia-hero-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center center;
}

.pia-hero-prev,
.pia-hero-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%);
    color: #fff !important;
    background: rgba(17, 19, 47, .62) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 16px !important;
    cursor: pointer;
}

.pia-hero-prev { left: 14px; }
.pia-hero-next { right: 14px; }

.pia-hero-counter {
    position: absolute;
    z-index: 3;
    top: 14px;
    right: 18px;
    min-width: 54px;
    height: 26px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(17, 19, 47, .55);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 13px;
    font: 700 12px/1 Roboto, Arial, Helvetica, sans-serif;
}

.pia-alt-banner {
    position: relative;
    width: min(var(--pia-content), calc(100% - 32px));
    max-width: var(--pia-content);
    margin: 18px auto 28px;
    overflow: hidden;
    border-radius: 14px;
    background: #171943;
    aspect-ratio: 1634 / 576;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .26);
}

.pia-alt-banner-track {
    width: 100%;
    height: 100%;
}

.pia-alt-banner-slide {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
}

.pia-alt-banner-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.pia-alt-banner-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center center;
}

.pia-alt-banner-prev,
.pia-alt-banner-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%);
    color: #fff !important;
    background: rgba(17, 19, 47, .62) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 16px !important;
    cursor: pointer;
}

.pia-alt-banner-prev { left: 14px; }
.pia-alt-banner-next { right: 14px; }

.pia-alt-banner-counter {
    position: absolute;
    z-index: 3;
    top: 14px;
    right: 18px;
    min-width: 54px;
    height: 26px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(17, 19, 47, .55);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 13px;
    font: 700 12px/1 Roboto, Arial, Helvetica, sans-serif;
}

.swiper-container {
    width: min(var(--pia-content), calc(100% - 32px)) !important;
    max-width: var(--pia-content) !important;
    margin: 16px auto !important;
    border-radius: var(--pia-radius-lg) !important;
    overflow: hidden !important;
    background: var(--pia-surface) !important;
}

.swiper-container .swiper-slide {
    overflow: hidden;
    border-radius: var(--pia-radius-lg);
}

.swiper-container .swiper-slide img {
    width: 100% !important;
    display: block;
    object-fit: cover;
}

body > .swiper-container:first-of-type .swiper-slide img {
    aspect-ratio: 2.9 / 1;
    min-height: 260px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    background: rgba(17, 19, 47, .78) !important;
    color: #fff !important;
}

.pia-quick-rail {
    position: relative;
    width: min(var(--pia-content), calc(100% - 32px));
    margin: 14px auto 22px;
}

.pia-quick-track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2px 2px 6px;
}

.pia-quick-track::-webkit-scrollbar {
    display: none;
}

.pia-quick-card {
    flex: 0 0 130px;
    width: 130px;
    height: 174px;
    overflow: hidden;
    border-radius: 8px;
    background: transparent;
    border: 0;
    scroll-snap-align: start;
    transition: transform .2s ease, filter .2s ease;
}

.pia-quick-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.pia-quick-card:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
}

.pia-quick-prev,
.pia-quick-next {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%);
    color: #fff !important;
    background: rgba(17, 19, 47, .72) !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 14px !important;
    cursor: pointer;
}

.pia-quick-prev { left: -6px; }
.pia-quick-next { right: -6px; }

.pia-winners-row {
    width: min(var(--pia-content), calc(100% - 32px));
    margin: 8px auto 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 274px;
    gap: 10px;
    align-items: stretch;
}

.pia-winners-banner {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: #171943;
    min-height: 290px;
}

.pia-winners-banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center center;
}

.pia-winners-widget {
    display: flex;
    flex-direction: column;
    min-height: 290px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .08);
    overflow: hidden;
}

.pia-winners-tabs,
.pia-winners-period {
    display: flex;
    gap: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.pia-winners-period[hidden],
.pia-winners-period.is-off {
    display: none !important;
}

.pia-winners-tabs button,
.pia-winners-period button {
    flex: 1;
    min-height: 38px;
    margin: 0;
    padding: 0 8px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #c9cae2;
    font: 700 11px/1 Roboto, Arial, Helvetica, sans-serif;
    letter-spacing: .2px;
    text-transform: uppercase;
    cursor: pointer;
}

.pia-winners-tabs button.is-active,
.pia-winners-period button.is-active {
    color: #fff;
    border-bottom-color: var(--pia-primary);
}

.pia-winners-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 214px;
}

.pia-winners-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.pia-winners-img {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 6px;
    background: #11132f;
}

.pia-winners-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pia-winners-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pia-winners-info b {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.pia-winners-info span {
    color: #b9bad4;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pia-winners-amount {
    flex: 0 0 auto;
    color: #f400df;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.pia-winners-empty {
    display: block !important;
    padding: 24px 12px !important;
    color: #b9bad4;
    text-align: center;
    font-size: 12px;
}

@keyframes pia-scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes pia-running-line-ltr {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.pia-mid {
    width: min(var(--pia-content), calc(100% - 32px));
    margin: 0 auto 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pia-replay-viewport {
    width: 100%;
    overflow: hidden;
}

.pia-replay-track {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: max-content;
    animation: pia-scroll-left 34s linear infinite;
    will-change: transform;
}

.pia-replay-track:hover {
    animation-play-state: paused;
}

.pia-replay-card {
    flex: 0 0 auto;
    width: 208px;
    height: 240px;
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, .04);
    cursor: default;
    appearance: none;
    -webkit-appearance: none;
}

.pia-replay-card.has-video,
.pia-replay-card.has-link {
    cursor: pointer;
}

.pia-replay-card img {
    width: 208px;
    height: 240px;
    max-height: 240px;
    display: block;
    object-fit: fill;
    border-radius: 20px;
    pointer-events: none;
}

.pia-replay-modal[hidden] {
    display: none !important;
}

.pia-replay-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pia-replay-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 10, 28, .78);
}

.pia-replay-modal-box {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    border-radius: 14px;
    overflow: hidden;
    background: #11132f;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

.pia-replay-modal-close {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 2;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.pia-replay-modal-video {
    display: block;
    width: 100%;
    max-height: min(80vh, 560px);
    background: #000;
}

.pia-top-winners {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
}

.pia-top-winners-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 32px;
}

.pia-top-winners-head h2 {
    margin: 0;
    color: #fff;
    font: 700 18px/32px Roboto, Arial, Helvetica, sans-serif;
}

.pia-top-winners-chips {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.pia-top-winners-chips button {
    min-width: 60px;
    height: 24px;
    margin: 0;
    padding: 4px 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .8);
    font: 400 12px/1 Roboto, Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.pia-top-winners-chips button.is-active {
    background: rgba(255, 255, 255, .9);
    color: rgba(0, 2, 5, .9);
}

.pia-top-winners-viewport {
    position: relative;
    width: 100%;
    height: 72px;
    overflow: hidden;
}

.pia-top-winners-viewport::before,
.pia-top-winners-viewport::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 1;
    pointer-events: none;
}

.pia-top-winners-viewport::before {
    left: 0;
    background: linear-gradient(90deg, var(--pia-bg-deep), transparent);
}

.pia-top-winners-viewport::after {
    right: 0;
    background: linear-gradient(270deg, var(--pia-bg-deep), transparent);
}

.pia-top-winners-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 8px;
    width: max-content;
    height: 72px;
    animation: pia-running-line-ltr 80s linear .7s infinite;
    will-change: transform;
}

.pia-top-winners-track:hover {
    animation-play-state: paused;
}

.pia-top-winners-item {
    flex: 0 0 auto;
    width: 220px;
    height: 72px;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    box-sizing: border-box;
}

.pia-top-winners-img {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 4px;
    background: #11132f;
}

.pia-top-winners-img img {
    width: 56px;
    height: 56px;
    display: block;
    object-fit: cover;
}

.pia-top-winners-info {
    flex: 1;
    min-width: 0;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.pia-top-winners-user,
.pia-top-winners-game,
.pia-top-winners-amount {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pia-top-winners-user {
    color: rgba(255, 255, 255, .64);
    font: 400 12px/16px Roboto, Arial, Helvetica, sans-serif;
}

.pia-top-winners-game {
    color: rgba(255, 255, 255, .64);
    font: 600 12px/16px Roboto, Arial, Helvetica, sans-serif;
}

.pia-top-winners-amount {
    color: #fef075;
    font: 500 14px/20px Roboto, Arial, Helvetica, sans-serif;
}

.pia-top-winners-empty {
    min-width: 260px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b9bad4;
    font-size: 12px;
}

.banner-wrapper {
    width: min(var(--pia-content), calc(100% - 32px)) !important;
    max-width: var(--pia-content) !important;
    margin: 8px auto 18px !important;
    top: 0 !important;
    gap: 12px !important;
}

.banner-wrapper img {
    border-radius: 14px !important;
    border: 1px solid var(--pia-line);
    transition: transform .2s ease, filter .2s ease;
}

.banner-wrapper a:hover img {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

.ayrac,
.pia-section-head {
    width: min(var(--pia-content), calc(100% - 32px)) !important;
    max-width: var(--pia-content) !important;
    height: 48px !important;
    margin: 18px auto 10px !important;
    padding: 0 4px 0 2px !important;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.ayrac-title {
    color: #fff !important;
    font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
}

.ayrac-button,
.ayrac-count {
    min-height: 28px;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #c5c8e0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    letter-spacing: .2px;
}

.ayrac-button:hover,
.ayrac-count:hover {
    color: #fff !important;
    background: rgba(244, 0, 223, .18) !important;
}

.banner-container,
.pia-games-grid-wrap {
    width: min(var(--pia-content), calc(100% - 32px)) !important;
    max-width: var(--pia-content) !important;
    margin: 0 auto 22px !important;
    padding: 0 !important;
    position: relative;
}

.banner-casino.pia-games-grid,
.pia-games-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

.banner-casino > a,
.banner-casino .banner-link,
.pia-game-card {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 209 / 147 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    border: 1px solid var(--pia-line);
    background: #12142b;
    text-decoration: none !important;
    position: relative;
}

.banner-casino a img,
.banner-casino .banner-link img,
.pia-game-card img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    /* Panel görselleri dikey (456x608); kart yatay — fill ezmesin, cover ile net dolsun */
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 10px !important;
    border: 0 !important;
    display: block !important;
    image-rendering: auto;
}

.banner-casino a:hover,
.banner-casino .banner-link:hover,
.pia-game-card:hover {
    border-color: rgba(244, 0, 223, .65);
    transform: translateY(-2px);
}

.banner-casino a:hover img,
.pia-game-card:hover img {
    transform: none;
    filter: brightness(1.05);
}

.pia-home-games {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.pia-home-games .swiper-wrapper {
    display: block !important;
    transform: none !important;
}

.pia-home-games .scroll-icon {
    display: none !important;
}

.scroll-icon {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #fff !important;
    background: rgba(17, 19, 47, .72) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 50% !important;
    cursor: pointer;
}

.scroll-left { left: 0 !important; }
.scroll-right { right: 0 !important; }

body > .swiper-container:has(.ayrac),
body > .swiper-container:has(.banner-container) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.casino-cntr {
    margin-top: 26px !important;
    padding: 20px !important;
    border-radius: var(--pia-radius-lg);
    background: var(--pia-surface) !important;
    border: 1px solid var(--pia-line);
}

.search-cntr {
    position: relative;
    margin: 0 0 14px !important;
}

.search-cntr input,
input.search-casino,
.input-field input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
    min-height: 46px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: var(--pia-radius-sm) !important;
    background: rgba(14, 16, 48, .76) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.search-cntr input {
    width: 100% !important;
    padding-left: 46px !important;
}

.search-cntr .prefix {
    top: 12px !important;
    left: 12px !important;
    color: var(--pia-muted) !important;
}

.vendor-title {
    margin: 18px 0 8px;
    color: #fff;
    font-size: 16px;
    text-align: left;
}

.vendors-toggle-btn {
    display: none !important;
}

#vendorsList {
    display: block !important;
    overflow-x: auto;
    margin: 0 0 18px !important;
    padding: 4px 0 10px;
}

#vendorsList.hide {
    display: block !important;
}

.all-vendors {
    display: flex;
    gap: 8px;
    min-width: max-content;
}

.vendor-item {
    min-height: 38px;
    margin: 0 !important;
    padding: 9px 14px !important;
    display: inline-flex !important;
    align-items: center;
    border-radius: 20px !important;
    border: 1px solid var(--pia-line);
    background: var(--pia-surface-2);
    color: var(--pia-muted) !important;
}

.vendor-item.active,
.vendor-item:hover {
    color: #fff !important;
    border-color: var(--pia-primary) !important;
    background: rgba(244, 0, 223, .18) !important;
}

.game-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
}

.game-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--pia-radius) !important;
    background: var(--pia-surface-2) !important;
    border: 1px solid var(--pia-line);
    text-align: left !important;
    transition: transform .2s, border-color .2s;
}

.game-item:hover {
    transform: translateY(-3px);
    border-color: rgba(244, 0, 223, .7);
}

.game-item img {
    width: 100% !important;
    aspect-ratio: 1.38 / 1 !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transform: none !important;
}

.game-item p {
    min-height: 44px;
    margin: 0 !important;
    padding: 11px 12px !important;
    color: #fff !important;
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagination-container {
    margin: 24px 0 4px !important;
}

.page-link {
    min-width: 38px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pia-line);
    background: var(--pia-surface-2);
    color: #fff !important;
}

.page-link.current,
.page-link:hover {
    background: var(--pia-primary) !important;
    border-color: var(--pia-primary) !important;
}

.modal,
.dshbrd-modal,
.login-modal,
.register-modal {
    border-radius: var(--pia-radius-lg) !important;
    background: var(--pia-surface) !important;
    color: #fff !important;
    border: 1px solid var(--pia-line);
}

.modal-overlay,
.overlay {
    background: rgba(5, 6, 22, .82) !important;
    backdrop-filter: blur(5px);
}

.btn,
button,
input[type="submit"] {
    border-radius: var(--pia-radius-sm) !important;
}

.btn:not(.vendors-toggle-btn),
button[type="submit"],
input[type="submit"] {
    background: var(--pia-primary) !important;
    color: #fff !important;
    border: 0 !important;
}

#content-area,
.static-content,
main > .container,
.dashboard-container,
.dshbrd-container {
    color: var(--pia-text) !important;
}

#content-area {
    width: min(920px, calc(100% - 32px));
    margin: 24px auto 50px;
    padding: 28px;
    border-radius: var(--pia-radius);
    background: var(--pia-surface);
    line-height: 1.7;
}

#content-area p,
#content-area li {
    color: #d9daea !important;
    font-size: 15px;
}

/* ===== Pia register form (signup page = modal card) ===== */
body:has(.pia-signup-page) .cus_help_cont,
body:has(.pia-signup-page) footer,
body:has(.pia-signup-page) .footer,
body:has(.pia-signup-page) #footer,
body:has(.pia-signup-page) .pia-ticker,
body:has(.pia-signup-page) .bottom-ticker {
    display: none !important;
}

body:has(.pia-signup-page) .support-btn {
    display: block !important;
    z-index: 10060 !important;
}

.authntctn-cntr.signup.pia-signup-page {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10040 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: auto !important;
    background: rgba(0, 0, 0, .7) !important;
    backdrop-filter: blur(4px);
}

.authntctn-cntr.signup .register-page.pia-signup-card,
.authntctn-cntr.signup .register-page {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 500px !important;
    max-width: calc(100vw - 24px) !important;
    height: min(832px, calc(100vh - 24px)) !important;
    max-height: min(832px, calc(100vh - 24px)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #212458 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .55) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    color: #fff !important;
}

.authntctn-cntr.signup .pia-signup-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.authntctn-cntr.signup .pia-signup-sticky-foot {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px;
    width: 100% !important;
    padding: 12px 15px 16px !important;
    background: #212458 !important;
    border-top: 1px solid rgba(255, 255, 255, .08);
    box-sizing: border-box !important;
}

.authntctn-cntr.signup .pia-signup-social {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
}

.authntctn-cntr.signup .pia-signup-social-item {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.authntctn-cntr.signup .pia-signup-social-item svg {
    width: 14px !important;
    height: 14px !important;
}

.authntctn-cntr.signup .pia-signup-social-item.pia-social-twitter { background: #000 !important; }
.authntctn-cntr.signup .pia-signup-social-item.pia-social-telegram { background: #0088cc !important; }
.authntctn-cntr.signup .pia-signup-social-item.pia-social-youtube { background: #ff0000 !important; }
.authntctn-cntr.signup .pia-signup-social-item.pia-social-instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
}
.authntctn-cntr.signup .pia-signup-social-item.pia-social-facebook { background: #1877f2 !important; }

.authntctn-cntr.signup .pia-signup-support {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    color: rgba(255, 255, 255, .55) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    letter-spacing: .2px;
}

.authntctn-cntr.signup .pia-signup-support i {
    color: #fd2cfe !important;
    font-size: 14px !important;
}

.authntctn-cntr.signup .pia-signup-support:hover {
    color: #fff !important;
}

.authntctn-cntr.signup .pia-signup-top {
    position: relative !important;
    flex: 0 0 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    height: 56px;
    min-height: 56px;
    padding: 0 52px 0 15px !important;
    box-sizing: border-box !important;
    background: #212458 !important;
}

.authntctn-cntr.signup .pia-signup-brand {
    display: inline-flex !important;
    align-items: center !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.authntctn-cntr.signup .pia-signup-brand .pia-brand-accent {
    color: #fd2cfe !important;
}

.authntctn-cntr.signup .pia-signup-top-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

.authntctn-cntr.signup .pia-signup-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 80px;
    height: 32px;
    padding: 0 8px !important;
    color: #fff !important;
    background: #353760 !important;
    border: 1px solid #fd2cfe !important;
    border-radius: 6px !important;
    font: 700 13px/1 Roboto, Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.authntctn-cntr.signup .pia-signup-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, .88) !important;
    text-decoration: none !important;
}

.authntctn-cntr.signup .pia-signup-close .material-icons {
    font-size: 22px !important;
}

.authntctn-cntr.signup .signup-cntr,
.authntctn-cntr.signup .signup-cntr > .col.s12,
.authntctn-cntr.signup .pia-signup-fields,
.authntctn-cntr.signup .row.ng-untouched,
.authntctn-cntr.signup .pia-signup-scroll,
.authntctn-cntr.signup .pia-signup-form,
.authntctn-cntr.signup .modul-accordion,
.authntctn-cntr.signup .module-content,
.authntctn-cntr.signup .prsnl-infrmtn,
.authntctn-cntr.signup .col.s12 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

.authntctn-cntr.signup .row.signup-cntr,
.authntctn-cntr.signup .signup-cntr {
    background: #212458 !important;
    background-color: #212458 !important;
}

.authntctn-cntr.signup .signup-cntr > .col.s12 {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.authntctn-cntr.signup .pia-signup-scroll {
    background: #212458 !important;
}

.authntctn-cntr.signup .pia-signup-intro {
    padding: 15px 0 0 !important;
    text-align: center !important;
}

.authntctn-cntr.signup .pia-signup-kicker {
    margin: 0 0 10px !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, .5) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: center !important;
}

.authntctn-cntr.signup .pia-signup-title,
.authntctn-cntr.signup .auth-title {
    margin: 0 0 15px !important;
    padding: 0 15px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    text-transform: none !important;
    text-align: center !important;
}

.authntctn-cntr.signup .prsnl-infrmtn,
.authntctn-cntr.signup .col.prsnl-infrmtn.s4 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both !important;
}

.authntctn-cntr.signup .modul-accordion {
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.authntctn-cntr.signup .modul-header {
    display: none !important;
}

.authntctn-cntr.signup .register-info {
    display: none !important;
}

.authntctn-cntr.signup .module-content {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

.authntctn-cntr.signup .input-field,
.authntctn-cntr.signup .select-field,
.authntctn-cntr.signup .field-cont,
.authntctn-cntr.signup .input-group,
.authntctn-cntr.signup .checkbox-field,
.authntctn-cntr.signup birthdate-input,
.authntctn-cntr.signup .birthdate {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px !important;
    padding: 0 15px !important;
    float: none !important;
    box-sizing: border-box !important;
}

.authntctn-cntr.signup .input-group {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 15px !important;
}

.authntctn-cntr.signup .input-group > .input-field,
.authntctn-cntr.signup .input-group .input-field {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 15px !important;
}

.authntctn-cntr.signup .select-field > .input-field.identity {
    width: calc(100% + 30px) !important;
    margin: 15px -15px 0 !important;
    padding: 0 15px !important;
}

.authntctn-cntr.signup .input-field.birthdate birthdate-input,
.authntctn-cntr.signup .input-field.birthdate birthdate-input > form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.authntctn-cntr.signup .input-field.birthdate .flex-item,
.authntctn-cntr.signup .input-field.birthdate .select-field {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

.authntctn-cntr.signup .input-field > .field-label,
.authntctn-cntr.signup .select-field > .field-label,
.authntctn-cntr.signup .field-cont > .field-label,
.authntctn-cntr.signup .birthdate > .field-label,
.authntctn-cntr.signup .input-field.birthdate > .field-label {
    position: absolute !important;
    left: 30px !important;
    right: 30px !important;
    top: 26px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .55) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transition: top .16s ease, font-size .16s ease, transform .16s ease, color .16s ease !important;
}

.authntctn-cntr.signup .input-field > .field-label.required::after,
.authntctn-cntr.signup .select-field > .field-label.required::after,
.authntctn-cntr.signup .field-cont > .field-label.required::after,
.authntctn-cntr.signup .birthdate > .field-label.required::after,
.authntctn-cntr.signup .input-field.birthdate > .field-label.required::after {
    content: " *" !important;
    color: rgba(255, 255, 255, .55) !important;
}

.authntctn-cntr.signup .input-field.is-floated > .field-label,
.authntctn-cntr.signup .input-field:focus-within > .field-label,
.authntctn-cntr.signup .select-field.is-floated > .field-label,
.authntctn-cntr.signup .select-field:focus-within > .field-label,
.authntctn-cntr.signup .field-cont.is-floated > .field-label,
.authntctn-cntr.signup .birthdate.is-floated > .field-label,
.authntctn-cntr.signup .input-field.birthdate.is-floated > .field-label,
.authntctn-cntr.signup .input-field.birthdate:focus-within > .field-label {
    top: 11px !important;
    transform: none !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, .5) !important;
}

.authntctn-cntr.signup .cpf-number-loading,
.authntctn-cntr.signup .input-field > div,
.authntctn-cntr.signup .select-field > div {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.authntctn-cntr.signup birthdate-input .flex-container,
.authntctn-cntr.signup .birthdate .flex-container,
.authntctn-cntr.signup .input-field.birthdate .flex-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.authntctn-cntr.signup birthdate-input .select-field,
.authntctn-cntr.signup .birthdate .select-field,
.authntctn-cntr.signup .input-field.birthdate .select-field {
    margin: 0 !important;
    padding: 0 !important;
}

.authntctn-cntr.signup birthdate-input .select-field > .field-label,
.authntctn-cntr.signup .birthdate .select-field > .field-label {
    display: none !important;
}

.authntctn-cntr.signup birthdate-input .select-field > div,
.authntctn-cntr.signup .birthdate .select-field > div {
    padding: 0 !important;
}

.authntctn-cntr.signup input[type="text"],
.authntctn-cntr.signup input[type="password"],
.authntctn-cntr.signup input[type="email"],
.authntctn-cntr.signup input[type="tel"],
.authntctn-cntr.signup input[type="number"],
.authntctn-cntr.signup select,
.authntctn-cntr.signup textarea,
.authntctn-cntr.signup .browser-default,
.authntctn-cntr.signup .select-wrapper,
.authntctn-cntr.signup .select-wrapper input.select-dropdown {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 18px 15px 6px !important;
    color: rgba(255, 255, 255, .9) !important;
    background: rgba(255, 255, 255, .15) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.authntctn-cntr.signup .input-field.phone input,
.authntctn-cntr.signup #phone {
    padding-left: 90px !important;
}

.authntctn-cntr.signup .input-field.phone > .field-label {
    left: 105px !important;
}

.authntctn-cntr.signup .input-field.phone.is-floated > .field-label,
.authntctn-cntr.signup .input-field.phone:focus-within > .field-label {
    left: 30px !important;
}

.authntctn-cntr.signup .iti,
.authntctn-cntr.signup .iti--allow-dropdown,
.authntctn-cntr.signup .iti--separate-dial-code {
    width: 100% !important;
    display: block !important;
}

.authntctn-cntr.signup .iti__flag-container {
    z-index: 5 !important;
}

.authntctn-cntr.signup .iti__selected-flag {
    background: transparent !important;
    color: rgba(255, 255, 255, .9) !important;
    padding: 0 8px 0 12px !important;
}

.authntctn-cntr.signup .iti__selected-flag:hover,
.authntctn-cntr.signup .iti__selected-flag:focus {
    background: rgba(255, 255, 255, .08) !important;
}

.authntctn-cntr.signup .iti__selected-dial-code,
.authntctn-cntr.signup .iti__selected-flag .iti__selected-dial-code {
    color: rgba(255, 255, 255, .9) !important;
    font-size: 14px !important;
}

.authntctn-cntr.signup .iti__arrow {
    border-top-color: rgba(255, 255, 255, .7) !important;
}

.authntctn-cntr.signup .iti__arrow--up {
    border-bottom-color: rgba(255, 255, 255, .7) !important;
}

.authntctn-cntr.signup .iti__country-list {
    background: #212458 !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 6px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .45) !important;
    color: rgba(255, 255, 255, .9) !important;
    z-index: 50 !important;
    max-height: 220px !important;
}

.authntctn-cntr.signup .iti__country,
.authntctn-cntr.signup .iti__country-name,
.authntctn-cntr.signup .iti__dial-code {
    color: rgba(255, 255, 255, .9) !important;
}

.authntctn-cntr.signup .iti__country.iti__highlight,
.authntctn-cntr.signup .iti__country:hover,
.authntctn-cntr.signup .iti__country.iti__active {
    background: #353760 !important;
}

.authntctn-cntr.signup .iti__divider {
    border-bottom-color: rgba(255, 255, 255, .12) !important;
}

.authntctn-cntr.signup .input-field.password,
.authntctn-cntr.signup .input-field.password .cpf-number-loading {
    overflow: visible !important;
}

.authntctn-cntr.signup .input-field.password input,
.authntctn-cntr.signup #password {
    padding-right: 44px !important;
}

.authntctn-cntr.signup .input-field.birthdate .pia-select-trigger {
    color: rgba(255, 255, 255, .9) !important;
}

.authntctn-cntr.signup .input-field.password .cpf-number-loading {
    position: relative !important;
}

.authntctn-cntr.signup password-eye {
    position: absolute !important;
    right: 10px !important;
    top: 0 !important;
    width: 36px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    z-index: 6 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.authntctn-cntr.signup password-eye .password-eye,
.authntctn-cntr.signup password-eye a.password-eye,
.authntctn-cntr.signup .password-eye.toogle-btn,
.authntctn-cntr.signup a.password-eye {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, .75) !important;
}

.authntctn-cntr.signup password-eye i,
.authntctn-cntr.signup .password-eye i,
.authntctn-cntr.signup a.password-eye i {
    color: rgba(255, 255, 255, .75) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

.authntctn-cntr.signup password-eye:hover i,
.authntctn-cntr.signup a.password-eye:hover i {
    color: #fff !important;
}

.authntctn-cntr.signup password-eye .dont-show {
    display: none !important;
}

.authntctn-cntr.signup password-eye.is-visible .show,
.authntctn-cntr.signup .password-eye.is-visible .show {
    display: none !important;
}

.authntctn-cntr.signup password-eye.is-visible .dont-show,
.authntctn-cntr.signup .password-eye.is-visible .dont-show {
    display: inline-block !important;
}

.authntctn-cntr.signup textarea {
    resize: none !important;
    overflow: hidden !important;
}

.authntctn-cntr.signup select,
.authntctn-cntr.signup select.browser-default {
    background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.7) 50%), linear-gradient(135deg, rgba(255,255,255,.7) 50%, transparent 50%) !important;
    background-position: calc(100% - 18px) calc(50% + 4px), calc(100% - 12px) calc(50% + 4px) !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    padding-right: 34px !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    color-scheme: dark !important;
}

.authntctn-cntr.signup select option,
.authntctn-cntr.signup select.browser-default option {
    background-color: #212458 !important;
    background: #212458 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.authntctn-cntr.signup select option:checked,
.authntctn-cntr.signup select option:hover,
.authntctn-cntr.signup select option:focus {
    background-color: #353760 !important;
    background: #353760 !important;
    color: #fff !important;
}

.authntctn-cntr.signup .select-field.is-floated select,
.authntctn-cntr.signup .select-field.is-floated select.browser-default,
.authntctn-cntr.signup .select-field:focus-within select,
.authntctn-cntr.signup .select-field:focus-within select.browser-default {
    color: rgba(255, 255, 255, .9) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .9) !important;
}

.authntctn-cntr.signup .input-field.birthdate > .field-label,
.authntctn-cntr.signup .input-field.birthdate.is-floated > .field-label,
.authntctn-cntr.signup .input-field.birthdate:focus-within > .field-label {
    top: 11px !important;
    transform: none !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, .5) !important;
    z-index: 5 !important;
}

.authntctn-cntr.signup .input-field.birthdate select,
.authntctn-cntr.signup .input-field.birthdate select.browser-default {
    color: rgba(255, 255, 255, .9) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .9) !important;
    padding-top: 18px !important;
}

.authntctn-cntr.signup input::placeholder,
.authntctn-cntr.signup textarea::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.authntctn-cntr.signup .field-cont > .field-label {
    position: static !important;
    display: block !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 0 0 8px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, .55) !important;
    overflow: visible !important;
}

.authntctn-cntr.signup .field-cont .radio-tabs {
    padding-top: 0 !important;
}

.authntctn-cntr.signup bubble-validator,
.authntctn-cntr.signup .bubble-vldtr {
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    top: calc(100% + 8px) !important;
    z-index: 30 !important;
}

.authntctn-cntr.signup .bubble-vldtr {
    background: #212458 !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .45) !important;
    padding: 12px 14px !important;
    color: rgba(255, 255, 255, .85) !important;
}

.authntctn-cntr.signup .bubble-vldtr::before {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: -7px !important;
    width: 12px !important;
    height: 12px !important;
    background: #212458 !important;
    border-left: 1px solid rgba(255, 255, 255, .18) !important;
    border-top: 1px solid rgba(255, 255, 255, .18) !important;
    transform: rotate(45deg) !important;
}

.authntctn-cntr.signup .bubble-vldtr .vldtr-lst {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li span,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li i,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li.invalid,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li.invalid span,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li.invalid i {
    color: rgba(255, 255, 255, .72) !important;
}

.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li:last-child {
    margin-bottom: 0 !important;
}

.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li.valid,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li.valid span,
.authntctn-cntr.signup .bubble-vldtr .vldtr-lst li.valid i {
    color: #fd2cfe !important;
}

.authntctn-cntr.signup .pia-select {
    position: relative !important;
    width: 100% !important;
}

.authntctn-cntr.signup .pia-select > select {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
    left: 0 !important;
    top: 0 !important;
}

.authntctn-cntr.signup .pia-select-trigger {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 18px 34px 6px 15px !important;
    color: rgba(255, 255, 255, .9) !important;
    background: rgba(255, 255, 255, .15) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    cursor: pointer !important;
    position: relative !important;
}

.authntctn-cntr.signup .pia-select-trigger::after {
    content: "" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    margin-top: -1px !important;
    border-right: 1.5px solid rgba(255,255,255,.7) !important;
    border-bottom: 1.5px solid rgba(255,255,255,.7) !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.authntctn-cntr.signup .pia-select-menu {
    display: none;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 4px) !important;
    max-height: 220px !important;
    overflow: auto !important;
    z-index: 40 !important;
    background: #212458 !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 6px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .45) !important;
    padding: 6px 0 !important;
}

.authntctn-cntr.signup .pia-select.open .pia-select-menu {
    display: block !important;
}

.authntctn-cntr.signup .pia-select-option {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .9) !important;
    text-align: left !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

.authntctn-cntr.signup .pia-select-option:hover,
.authntctn-cntr.signup .pia-select-option.is-active {
    background: #353760 !important;
    color: #fff !important;
}

.authntctn-cntr.signup .required-icon {
    display: none !important;
}

.authntctn-cntr.signup .radio-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 0 15px !important;
}

.authntctn-cntr.signup .radio-tab {
    min-width: 0;
}

.authntctn-cntr.signup .radio-tab input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

.authntctn-cntr.signup .radio-tab label {
    min-height: 40px;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: rgba(255, 255, 255, .15);
    border: 0;
    border-radius: 4px;
    font-size: 12px;
}

.authntctn-cntr.signup .radio-tab input:checked + label {
    outline: 1px solid #fd2cfe;
    background: rgba(253, 44, 254, .16);
}

.authntctn-cntr.signup .checkbox-field {
    padding: 0 15px !important;
    color: rgba(255, 255, 255, .75) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.authntctn-cntr.signup .checkbox-field label,
.authntctn-cntr.signup .checkbox-field a {
    color: rgba(255, 255, 255, .75) !important;
    font-size: 13px !important;
}

.authntctn-cntr.signup .checkbox-field a {
    color: #fd2cfe !important;
    text-decoration: underline !important;
}

.authntctn-cntr.signup .three-steps-mode,
.authntctn-cntr.signup .step-btns {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 15px 8px !important;
    margin: 0 !important;
    text-align: center !important;
}

.authntctn-cntr.signup .next-btn.register-btn,
.authntctn-cntr.signup .pia-signup-submit {
    --border-angle: 0deg;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 10px auto 16px !important;
    padding: 0 20px !important;
    flex: 0 0 110px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    border-radius: 4px !important;
    background:
        linear-gradient(#353760, #353760) padding-box,
        conic-gradient(from var(--border-angle), #353760 50%, #fd2cfe) border-box !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    animation: border-angle-rotate 2s linear infinite !important;
    box-shadow: none !important;
    font: 700 13px/normal Roboto, Arial, Helvetica, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
}

.authntctn-cntr.signup .error-message,
.authntctn-cntr.signup field-messages {
    display: none;
    padding: 0 15px !important;
    color: #f87171 !important;
    font-size: 12px !important;
}

.authntctn-cntr.signup .pia-signup-form > .row::after,
.authntctn-cntr.signup .pia-signup-fields::after {
    display: none !important;
}

.cus_help_cont {
    width: min(1180px, calc(100% - 32px));
    margin: 28px auto 50px;
    padding: 22px;
    color: var(--pia-text) !important;
    background: rgba(20, 22, 55, .94) !important;
    border: 1px solid var(--pia-line);
    border-radius: var(--pia-radius-lg);
}

#page-content .cus_help_cont > .row,
.cus_help_cont > .row {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 22px;
    margin: 0 !important;
}

#page-content .cus_help_cont .cus_h_l,
#page-content .cus_help_cont .cus_h_r,
.cus_help_cont .cus_h_l,
.cus_help_cont .cus_h_r {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}

.cus_help_cont .cus_collect {
    margin: 0 !important;
    overflow: hidden;
    background: var(--pia-surface) !important;
    border: 1px solid var(--pia-line) !important;
    border-radius: var(--pia-radius) !important;
}

.cus_help_cont .collection-item {
    min-height: 46px;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: #e7e8f5 !important;
    background: transparent !important;
    border-bottom: 1px solid var(--pia-line) !important;
    font-size: 13px;
}

.cus_help_cont .collection-item:hover,
.cus_help_cont .collection-item.active {
    color: #fff !important;
    background: rgba(244, 0, 223, .14) !important;
}

.cus_help_cont .cus_h_r {
    min-width: 0;
    padding: 24px !important;
    color: #d9daea !important;
    background: var(--pia-surface) !important;
    border: 1px solid var(--pia-line);
    border-radius: var(--pia-radius);
}

.cus_help_cont .cus_header {
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    color: #fff !important;
    border-bottom: 1px solid var(--pia-line);
    font-size: 20px;
    font-weight: 800;
}

.cus_help_cont .custom_content_text,
.cus_help_cont .custom_content_text p,
.cus_help_cont .custom_content_text li {
    color: #d9daea !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

main .dshbrd-cntr {
    width: min(1220px, calc(100% - 32px)) !important;
    max-width: 1220px !important;
    margin: 30px auto 54px !important;
}

main .dshbrd-cntr > .row {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 20px;
    margin: 0 !important;
}

main .dshbrd-cntr .lft-cntnt,
main .dshbrd-cntr .rght-cntnt {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}

main .dshbrd-cntr .u-info,
main .dshbrd-cntr .dshbrd-sdbr,
main .dshbrd-cntr .dshbrd-mdl {
    margin: 0 0 16px !important;
    color: #fff !important;
    background: rgba(30, 33, 78, .96) !important;
    border: 1px solid var(--pia-line) !important;
    border-radius: var(--pia-radius) !important;
    box-shadow: none !important;
}

main .dshbrd-cntr .u-info {
    padding: 18px !important;
}

main .dshbrd-cntr .dshbrd-sdbr {
    overflow: hidden;
}

main .dshbrd-cntr .collapsible,
main .dshbrd-cntr .collection {
    margin: 0 !important;
    border: 0 !important;
}

main .dshbrd-cntr .collapsible-header,
main .dshbrd-cntr .collection-item {
    color: #e8e9f6 !important;
    background: transparent !important;
    border-color: var(--pia-line) !important;
}

main .dshbrd-cntr .collection-item a {
    color: #d9daea !important;
}

main .dshbrd-cntr .collection-item:hover {
    background: rgba(244, 0, 223, .13) !important;
}

main .dshbrd-cntr a[href*="bet-history"] {
    display: none !important;
}

main .dshbrd-cntr .mdl-hdr {
    min-height: 52px;
    padding: 0 18px !important;
    display: flex;
    align-items: center;
    color: #fff !important;
    background: rgba(255, 255, 255, .05) !important;
    border-bottom: 1px solid var(--pia-line) !important;
    border-radius: var(--pia-radius) var(--pia-radius) 0 0;
}

main .dshbrd-cntr .mdl-cntnt {
    padding: 20px !important;
    color: #d9daea !important;
    background: transparent !important;
}

main .dshbrd-cntr .mdl-cntnt form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

main .dshbrd-cntr .mdl-cntnt input,
main .dshbrd-cntr .mdl-cntnt select,
main .dshbrd-cntr .mdl-cntnt textarea {
    width: 100% !important;
    min-height: 44px !important;
    color: #fff !important;
    background: #171a43 !important;
    border: 1px solid var(--pia-line) !important;
    border-radius: 8px !important;
}

main .dshbrd-cntr .pay-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

main .dshbrd-cntr .pay-item {
    overflow: hidden;
    color: #fff !important;
    background: #252960 !important;
    border: 1px solid var(--pia-line) !important;
    border-radius: 12px !important;
}

main .dshbrd-cntr .pay-btn {
    color: #fff !important;
    background: var(--pia-primary) !important;
    border-radius: 8px !important;
}

.page-footer.pia-footer {
    margin-top: 20px !important;
    padding: 0 0 24px !important;
    background: transparent !important;
    border-top: 0 !important;
    color: var(--pia-text) !important;
}

.pia-footer-shell {
    width: min(1700px, calc(100% - 24px));
    margin: 0 auto;
}

.pia-footer-card {
    background: #212458;
    border-radius: 35px;
    padding: 22px 42px 18px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .28);
}

.pia-footer-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 8px 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.pia-footer-header-spacer {
    min-width: 1px;
}

.page-footer .pia-footer-social {
    display: flex;
    justify-content: center;
}

.page-footer .pia-footer-social ul {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-footer .pia-social-item {
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
    list-style: none;
}

.page-footer .pia-social-item a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    transition: transform .15s ease, opacity .15s ease;
}

.page-footer .pia-social-item svg {
    width: 18px;
    height: 18px;
    display: block;
}

.page-footer .pia-social-twitter { background: #000; }
.page-footer .pia-social-telegram { background: #0088cc; }
.page-footer .pia-social-youtube {
    background: radial-gradient(circle at 0% 120%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.page-footer .pia-social-instagram {
    background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.page-footer .pia-social-facebook { background: #1877f2; }

.page-footer .pia-social-item a:hover {
    transform: translateY(-1px);
    opacity: .92;
}

.pia-footer-info {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.pia-footer-clock.pia-clock {
    width: 55px;
    height: 32px;
    padding: 0 8px;
    color: rgba(255, 255, 255, .6);
    background: rgba(255, 255, 255, .15);
    border-radius: 4px;
    font: 400 10px/1 Roboto, Arial, Helvetica, sans-serif;
}

.pia-footer-lang.pia-language {
    width: auto;
    min-width: 72px;
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    gap: 7px;
}

.pia-footer-lang.pia-language .fa-angle-down {
    display: none !important;
}

.pia-footer-lang.pia-language i {
    font-size: 12px;
    opacity: .75;
}

.pia-footer-cols {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 260px));
    justify-content: center;
    gap: 28px 64px;
    padding: 18px 8px 28px;
}

.page-footer .footer-menu-content {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}

.page-footer .footer-title {
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.2;
    background: none !important;
    border: 0 !important;
}

.page-footer .footer-title::before,
.page-footer .footer-title::after,
.page-footer .footer-title span::before,
.page-footer .footer-title span::after,
.page-footer .footer-menu-content::before,
.page-footer .footer-menu-content::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.page-footer .footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-footer .footer-menu li {
    margin: 0 0 10px;
}

.page-footer .footer-menu a {
    color: rgba(255, 255, 255, .4) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35;
}

.page-footer .footer-menu a:hover {
    color: #fff !important;
}

.pia-footer-section-title {
    margin: 0 0 18px !important;
    text-align: center;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pia-footer-partners {
    padding: 26px 0 10px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    text-align: center;
}

.pia-license-wrap {
    display: flex;
    justify-content: center;
    margin: 0 0 14px;
}

.pia-license-seal {
    display: inline-flex;
    width: 96px;
    height: 96px;
}

.pia-license-seal img {
    width: 96px;
    height: 96px;
    object-fit: contain;
}

.pia-footer-legal {
    max-width: 920px;
    margin: 0 auto 18px !important;
    text-align: center;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 12px !important;
    line-height: 1.55;
}

.pia-footer-legal a {
    color: #fd2cfe !important;
}

.pia-partner-media {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 16px;
}

.pia-partner-media a {
    display: inline-flex;
}

.pia-partner-app {
    width: 210px;
    height: 80px;
    object-fit: cover;
    border-radius: 14px;
}

.pia-partner-sponsor {
    width: auto;
    max-width: 220px;
    height: 54px;
    object-fit: contain;
    opacity: .95;
}

.pia-footer-payments {
    padding: 22px 0 8px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.pia-payment-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.pia-payment-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 34px;
    padding: 0 4px;
    border: 1px solid #fd2cfe;
    border-radius: 6px;
    background: transparent;
    transition: .15s ease;
}

.pia-payment-row a:hover {
    box-shadow: 0 0 0 1px rgba(253, 44, 254, .35);
}

.pia-payment-row img {
    width: 82px;
    height: 24px;
    object-fit: contain;
    border: 0;
    background: transparent;
    padding: 0;
}

.pia-footer-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 16px 4px 4px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.pia-footer-age {
    justify-self: start;
}

.pia-footer-top-btn {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    font-size: 22px;
}

.pia-footer-top-btn:hover {
    color: #fff;
}

.pia-footer-bottom .copyright {
    justify-self: end;
    margin: 0 !important;
    color: rgba(255, 255, 255, .45) !important;
    font-size: 12px !important;
}

.iframe-popup {
    overflow: hidden;
    border-radius: var(--pia-radius) !important;
    background: var(--pia-bg-deep) !important;
    border: 1px solid var(--pia-line) !important;
}

.modal-overlay.pia-login-overlay,
.lean-overlay {
    background: rgba(4, 5, 18, .78) !important;
    backdrop-filter: blur(6px);
}

#sgn-mdl.pia-login-modal,
#sgn-mdl {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 500px !important;
    max-width: calc(100vw - 24px) !important;
    height: 782px !important;
    max-height: calc(100vh - 24px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: translate(-50%, -50%) !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    z-index: 10050 !important;
}

#sgn-mdl .pia-login-card,
#sgn-mdl .modal-content {
    width: 100% !important;
    max-width: 500px !important;
    height: 100% !important;
    min-height: 782px !important;
    max-height: inherit !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    color: #fff !important;
    background: #212458 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .55) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

#sgn-mdl .pia-login-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    min-height: 56px;
    height: 56px;
    padding: 0 52px 0 15px !important;
    box-sizing: border-box !important;
}

#sgn-mdl .pia-login-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: -.1px;
    text-decoration: none !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    text-transform: none;
}

#sgn-mdl .pia-login-brand .pia-brand-accent {
    color: #fd2cfe !important;
}

#sgn-mdl .pia-login-top-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

#sgn-mdl .pia-login-register-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}

#sgn-mdl .pia-login-register-wrap::before,
#sgn-mdl .pia-login-register-wrap::after,
#sgn-mdl .pia-login-register::before,
#sgn-mdl .pia-login-register::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

#sgn-mdl .pia-login-register {
    --border-angle: 0deg;
    --pia-border-angle: 0deg;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 80px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    background:
        linear-gradient(#353760, #353760) padding-box,
        conic-gradient(from var(--border-angle), #353760 50%, #fd2cfe) border-box !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    animation: border-angle-rotate 2s linear infinite !important;
    box-shadow: none !important;
    font: 700 13px/normal Roboto, Arial, Helvetica, sans-serif !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    text-align: center !important;
    clip-path: none !important;
    transform: none !important;
    overflow: visible !important;
    cursor: pointer !important;
}

#sgn-mdl .pia-login-register span {
    text-decoration: none !important;
    border-bottom: 0 !important;
    color: inherit !important;
    font: inherit !important;
}

#sgn-mdl .pia-login-register:hover {
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(253, 44, 254, .3) !important;
}

#sgn-mdl .pia-login-close,
#sgn-mdl .modal-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, .88) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 22px !important;
    line-height: 1 !important;
    opacity: 1;
}

#sgn-mdl .pia-login-close:hover,
#sgn-mdl .modal-close:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
}

#sgn-mdl .pia-login-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 15px 0 0 !important;
    min-height: 0 !important;
}

#sgn-mdl form#loginForm {
    flex: 0 0 auto !important;
}

#sgn-mdl .pia-login-kicker {
    margin: 0 0 10px !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, .5) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    letter-spacing: normal;
}

#sgn-mdl .pia-login-title {
    margin: 0 0 15px !important;
    padding: 0 15px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: normal;
    text-transform: none !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

#sgn-mdl .pia-login-field {
    margin: 0 0 15px !important;
    padding: 0 15px !important;
}

#sgn-mdl .pia-login-field input,
#sgn-mdl #username,
#sgn-mdl #login-password {
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, .9) !important;
    background: rgba(255, 255, 255, .15) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    box-sizing: border-box !important;
}

#sgn-mdl .pia-login-field input:focus,
#sgn-mdl #username:focus,
#sgn-mdl #login-password:focus {
    border: 0 !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, .2) !important;
}

#sgn-mdl .pia-login-field input::placeholder {
    color: rgba(255, 255, 255, .55) !important;
}

#sgn-mdl .pia-login-remember {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    width: fit-content;
    margin: 15px 0 0 !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, .9) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer;
    user-select: none;
}

#sgn-mdl .pia-login-remember span {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, .9) !important;
}

#sgn-mdl .pia-login-remember input {
    -webkit-appearance: none !important;
    appearance: none !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 2px !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    position: relative;
    cursor: pointer;
    visibility: visible !important;
}

#sgn-mdl .pia-login-remember input:checked {
    background: #fd2cfe !important;
    border-color: #fd2cfe !important;
}

#sgn-mdl .pia-login-remember input:checked::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 3px;
    height: 7px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#sgn-mdl form#loginForm {
    margin: 0 !important;
    padding: 0 !important;
}

#sgn-mdl .pia-login-submit,
#sgn-mdl button[type="submit"] {
    width: calc(100% - 30px) !important;
    height: 36px !important;
    margin: 25px 15px 0 !important;
    padding: 0 20px !important;
    color: #fff !important;
    background: #353760 !important;
    border: 1px solid #fd2cfe !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: normal;
    text-transform: uppercase;
    cursor: pointer;
}

#sgn-mdl .pia-login-submit:hover,
#sgn-mdl button[type="submit"]:hover {
    background: #3d406e !important;
    transform: none;
}

#sgn-mdl .pia-login-forgot {
    display: block !important;
    margin: auto 0 12px !important;
    padding: 0 15px !important;
    color: rgba(255, 255, 255, .7) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: normal;
    text-align: center !important;
    text-decoration: none !important;
    line-height: 16px !important;
}

#sgn-mdl .pia-login-forgot:hover {
    color: #fff !important;
}

#sgn-mdl .pia-login-footer {
    flex: 0 0 auto !important;
    padding: 20px 15px 24px !important;
    border-top: 0;
    text-align: center;
    background: transparent;
}

#sgn-mdl .pia-login-support {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    color: rgba(255, 255, 255, .75) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: normal;
    text-decoration: none !important;
}

#sgn-mdl .pia-login-support:hover {
    color: #fff !important;
}

#sgn-mdl .pia-login-support i {
    font-size: 13px;
    color: #fd2cfe;
}

#sgn-mdl .pia-login-error {
    display: none;
    align-items: flex-start;
    gap: 8px;
    margin: 0 15px 12px !important;
    padding: 10px 12px !important;
    color: #fff !important;
    background: rgba(220, 38, 38, .22) !important;
    border: 1px solid rgba(248, 113, 113, .45) !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}

#sgn-mdl .pia-login-field-error {
    min-height: 0;
    margin: 0 15px 8px !important;
    color: #f87171 !important;
    font-size: 12px !important;
}

#sgn-mdl .title,
#sgn-mdl .ftgtpass-nwacc,
#sgn-mdl .login-form-bottom,
#sgn-mdl .lg-cntr,
#sgn-mdl .walletconnect,
#sgn-mdl .wallet-connect,
#sgn-mdl [class*="wallet"] {
    display: none !important;
}

@media (max-width: 767px) {
    #sgn-mdl.pia-login-modal,
    #sgn-mdl {
        top: 14px !important;
        bottom: auto !important;
        width: calc(100vw - 16px) !important;
        max-width: 500px !important;
        height: auto !important;
        max-height: calc(100dvh - 28px) !important;
        max-height: calc(100vh - 28px) !important;
        transform: translateX(-50%) !important;
    }

    #sgn-mdl .pia-login-card,
    #sgn-mdl .modal-content {
        min-height: 0 !important;
        height: auto !important;
        max-height: calc(100dvh - 28px) !important;
        max-height: calc(100vh - 28px) !important;
    }

    #sgn-mdl .pia-login-top {
        flex: 0 0 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding-top: 4px !important;
        padding-right: 44px !important;
    }

    #sgn-mdl .pia-login-title {
        font-size: 18px !important;
        line-height: 22px !important;
        max-width: 100%;
    }

    body.modal-open .pia-tab-nav,
    body:has(#sgn-mdl.open) .pia-tab-nav,
    body:has(#sgn-mdl[style*="block"]) .pia-tab-nav {
        display: none !important;
    }
}

.support-btn {
    right: 12px !important;
    bottom: 8px !important;
    width: 225px !important;
    height: 80px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: var(--pia-managed-support, url('/pia-assets/decor/live-support.png')) !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    z-index: 10001 !important;
}

.pia-ticker {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10000 !important;
    padding-right: 250px !important;
}

.support-frame {
    bottom: 100px !important;
    right: 12px !important;
    z-index: 10002 !important;
}

@media (max-width: 767px) {
    .support-btn {
        right: 6px !important;
        bottom: 6px !important;
        width: 168px !important;
        height: 60px !important;
    }

    .pia-ticker {
        padding-right: 180px !important;
    }
}

@media (max-width: 1199px) {
    .game-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #header .mn-menu > ul,
    #header22 .mn-menu > ul {
        overflow-x: auto;
    }

    #header .mn-menu > ul > li > a,
    #header22 .mn-menu > ul > li > a {
        padding: 0 13px !important;
    }
}

@media (max-width: 767px) {
    .container,
    .container-90,
    .casino-cntr,
    .swiper-container:not(.pia-full-width) {
        width: calc(100% - 20px) !important;
    }

    .pia-announcement {
        min-height: 64px;
        padding: 8px 42px 8px 24px;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        overflow: visible;
        color: #f2f2fb;
        background: #292d63;
        font-size: 11px;
        line-height: 1.35;
        text-align: center;
        white-space: normal;
    }

    .pia-announcement-note {
        display: block;
        color: #fff;
        font-size: 10px;
    }

    .pia-announcement-close {
        right: 8px;
        top: 11px;
        transform: none;
    }

    #header .hdr-cntr-second-row,
    #header22 .hdr-cntr-second-row,
    #header .hdr-second-row-wrapper,
    #header22 .hdr-second-row-wrapper {
        min-height: 72px !important;
        height: 72px !important;
        max-height: 72px !important;
    }

    #header .hdr-second-row-wrapper,
    #header22 .hdr-second-row-wrapper {
        gap: 7px;
    }

    #header .hdr-second-row-wrapper .left,
    #header22 .hdr-second-row-wrapper .left {
        min-width: 0;
        flex-shrink: 1;
    }

    #header .hdr-second-row-wrapper .left img,
    #header22 .hdr-second-row-wrapper .left img,
    #header .hdr-second-row-wrapper .left svg,
    #header22 .hdr-second-row-wrapper .left svg {
        max-width: 132px !important;
        max-height: 40px !important;
    }

    #header .logo-text,
    #header22 .logo-text {
        font-size: clamp(31px, 7vw, 36px) !important;
        letter-spacing: -1.5px !important;
    }

    .pia-header-shortcuts {
        flex-shrink: 0;
        gap: 6px;
        margin-left: auto;
        margin-right: 1px;
    }

    #header .hdr-second-right,
    #header22 .hdr-second-right {
        margin-left: 0 !important;
        flex-shrink: 0;
    }

    .pia-round-action {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    #header .login-btn,
    #header22 .login-btn,
    #header .register-btn,
    #header22 .register-btn {
        min-height: 38px !important;
        padding: 0 11px !important;
        border-radius: 5px !important;
        font-size: 11px !important;
    }

    #header .register-btn,
    #header22 .register-btn {
        margin-left: 5px;
    }

    /* Mobil üst menü: Pia gibi ince/minimal — masaüstü stillerine dokunma */
    #header .hdr-cntr-third-row,
    #header22 .hdr-cntr-third-row {
        min-height: 34px !important;
        height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        background-color: #1a1d3d !important;
        background-image: none !important;
        border-top: 0 !important;
        border-bottom: 1px solid rgba(253, 44, 254, .22) !important;
        box-shadow: none !important;
    }

    #header .hdr-submenu,
    #header22 .hdr-submenu {
        display: none !important;
    }

    .pia-mobile-nav {
        display: none !important;
    }

    #header .hdr-cntr-third-row > #menu-wrapper,
    #header22 .hdr-cntr-third-row > #menu-wrapper,
    #header .mn-menu-wrapper,
    #header22 .mn-menu-wrapper,
    #header .mn-menu,
    #header22 .mn-menu {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    #header .mn-menu > ul,
    #header22 .mn-menu > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0 !important;
        width: 100% !important;
        min-height: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #header .mn-menu > ul::-webkit-scrollbar,
    #header22 .mn-menu > ul::-webkit-scrollbar {
        display: none !important;
        height: 0 !important;
    }

    #header .mn-menu > ul > li,
    #header22 .mn-menu > ul > li {
        flex: 0 0 auto !important;
        float: none !important;
        height: 34px !important;
        margin: 0 !important;
        background: transparent !important;
    }

    /* Masaüstü kalabalığını mobilde sadeleştir */
    #header .mn-menu > ul > li[data-order="13"],
    #header22 .mn-menu > ul > li[data-order="13"],
    #header .mn-menu > ul > li.crash-games,
    #header22 .mn-menu > ul > li.crash-games,
    #header .mn-menu > ul > li.menu-tv-games,
    #header22 .mn-menu > ul > li.menu-tv-games {
        display: none !important;
    }

    #header .mn-menu > ul > li > a,
    #header22 .mn-menu > ul > li > a {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        min-height: 34px !important;
        height: 34px !important;
        padding: 0 9px !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #d7d9ef !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    #header .mn-menu > ul > li > a:after,
    #header22 .mn-menu > ul > li > a:after {
        left: 9px !important;
        right: 9px !important;
        height: 2px !important;
    }

    #header .mn-menu > ul > li > a .pia-nav-icon,
    #header22 .mn-menu > ul > li > a .pia-nav-icon,
    #header .mn-menu > ul > li > a .pg-icons,
    #header22 .mn-menu > ul > li > a .pg-icons,
    #header .mn-menu > ul > li > a .fa,
    #header22 .mn-menu > ul > li > a .fa,
    #header .mn-menu > ul > li > a .material-icons,
    #header22 .mn-menu > ul > li > a .material-icons,
    #header .mn-menu > ul > li > a .menu-new-item,
    #header22 .mn-menu > ul > li > a .menu-new-item,
    #header .mn-menu > ul > li > a .pia-slot-arrow,
    #header22 .mn-menu > ul > li > a .pia-slot-arrow,
    #header .mn-menu > ul > li > a .fa-angle-down,
    #header22 .mn-menu > ul > li > a .fa-angle-down {
        display: none !important;
    }

    #header .mn-menu > ul > li.pia-slot-menu > a span,
    #header22 .mn-menu > ul > li.pia-slot-menu > a span {
        position: relative !important;
        padding-right: 2px !important;
    }

    #header .mn-menu > ul > li.pia-slot-menu > a span::after,
    #header22 .mn-menu > ul > li.pia-slot-menu > a span::after {
        content: "JACKPOT";
        position: absolute;
        top: -8px;
        right: -4px;
        padding: 0 3px;
        border-radius: 2px;
        background: #c9a000;
        color: #111;
        font-size: 6px;
        font-weight: 800;
        line-height: 9px;
        letter-spacing: .02em;
    }

    #header .mn-menu > ul > li.pia-nav-active > a,
    #header22 .mn-menu > ul > li.pia-nav-active > a,
    #header .mn-menu > ul > li > a.active,
    #header22 .mn-menu > ul > li > a.active {
        color: #fff !important;
        background: transparent !important;
    }

    #header .mn-menu > ul > li.pia-nav-active > a:after,
    #header22 .mn-menu > ul > li.pia-nav-active > a:after,
    #header .mn-menu > ul > li > a.active:after,
    #header22 .mn-menu > ul > li > a.active:after {
        background: var(--pia-primary) !important;
    }

    .pia-category-rail {
        width: calc(100% - 20px) !important;
        grid-auto-columns: 88px !important;
        justify-content: start;
        gap: 12px !important;
        margin: 10px auto 0 !important;
        padding: 4px 0 12px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
    }

    .pia-category-item {
        min-width: 88px !important;
        width: 88px !important;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        font-size: 11px !important;
        text-align: center !important;
        white-space: normal !important;
        scroll-snap-align: start;
    }

    .pia-category-item span {
        display: block !important;
        width: 100% !important;
        max-width: 88px !important;
        margin: 0 auto !important;
        text-align: center !important;
        line-height: 1.15 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .pia-category-item img {
        width: 72px !important;
        height: 72px !important;
        margin: 0 auto !important;
        border-width: 2px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .pia-hero-slider {
        width: calc(100% - 20px);
        margin: 8px auto 14px;
        aspect-ratio: auto !important;
        height: auto !important;
        border-radius: 14px;
    }

    .pia-hero-track {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .pia-hero-slide {
        position: absolute !important;
        inset: 0 !important;
        height: 100% !important;
    }

    .pia-hero-slide.is-active {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
    }

    .pia-hero-slide img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .pia-hero-prev,
    .pia-hero-next {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        font-size: 13px !important;
    }

    .pia-hero-counter {
        top: 8px;
        right: 10px;
        min-width: 46px;
        height: 22px;
        font-size: 10px;
    }

    .pia-alt-banner {
        width: calc(100% - 20px);
        margin: 12px auto 20px;
        aspect-ratio: auto !important;
        height: auto !important;
        border-radius: 12px;
    }

    .pia-alt-banner-track {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .pia-alt-banner-slide {
        position: absolute !important;
        inset: 0 !important;
        height: 100% !important;
    }

    .pia-alt-banner-slide.is-active {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
    }

    .pia-alt-banner-slide img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .pia-alt-banner-prev,
    .pia-alt-banner-next {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        font-size: 13px !important;
    }

    .pia-alt-banner-counter {
        top: 8px;
        right: 10px;
        min-width: 46px;
        height: 22px;
        font-size: 10px;
    }

    body > .swiper-container:first-of-type,
    .pia-category-rail + .swiper-container {
        width: calc(100% - 20px) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
        margin-top: 6px !important;
    }

    body > .swiper-container:first-of-type .swiper-slide img,
    .pia-category-rail + .swiper-container .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .pia-category-rail + .swiper-container .swiper-wrapper,
    .pia-category-rail + .swiper-container .slider-container,
    .pia-category-rail + .swiper-container .slider-track,
    .pia-category-rail + .swiper-container .slider-image {
        height: 100% !important;
        min-height: 0 !important;
    }

    .swiper-container {
        border-radius: 14px !important;
    }

    .swiper-container .swiper-slide {
        border-radius: 14px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    /* Pia mobil: 4 sütun x 2 satır kart dizilimi */
    .pia-quick-rail {
        width: calc(100% - 12px);
        margin: 8px auto 14px;
    }

    .pia-quick-track {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        padding: 0 2px !important;
    }

    .pia-quick-card {
        flex: none !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1.22;
        border-radius: 8px !important;
    }

    .pia-quick-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    .pia-quick-prev,
    .pia-quick-next {
        display: none !important;
    }

    .pia-winners-row {
        width: calc(100% - 20px);
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pia-winners-banner {
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        aspect-ratio: auto !important;
        background: #171943;
    }

    .pia-winners-banner img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .pia-winners-widget {
        min-height: 280px;
    }

    .pia-mid {
        width: calc(100% - 20px);
        gap: 12px;
    }

    .pia-replay-card,
    .pia-replay-card img {
        width: 168px;
        height: 194px;
        max-height: 194px;
    }

    .pia-home-games .banner-container,
    .pia-home-games .pia-games-grid-wrap {
        width: calc(100% - 20px) !important;
        padding: 0 !important;
    }

    .pia-home-games .pia-games-grid,
    .banner-casino.pia-games-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .pia-home-games .pia-game-card,
    .pia-home-games .banner-casino > a {
        border-radius: 8px !important;
    }

    .pia-top-winners-head {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pia-top-winners-head h2 {
        font-size: 16px;
    }

    .pia-top-winners-viewport::before,
    .pia-top-winners-viewport::after {
        width: 50px;
    }


    .casino-cntr {
        padding: 12px !important;
        border-radius: 14px;
    }

    .game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .game-item p {
        min-height: 39px;
        padding: 9px !important;
        font-size: 11px;
    }

    .pia-footer-shell {
        width: calc(100% - 12px);
    }

    .pia-footer-card {
        border-radius: 22px;
        padding: 18px 14px 14px;
    }

    .pia-footer-header {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 14px;
        min-height: 0;
        padding-bottom: 14px;
    }

    .pia-footer-header-spacer {
        display: none;
    }

    .pia-footer-info {
        justify-self: center;
    }

    .pia-footer-cols {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 22px;
        padding: 10px 2px 18px;
    }

    .page-footer .footer-menu-content {
        width: 100% !important;
        max-width: 280px;
        text-align: center;
    }

    .page-footer .footer-menu {
        display: inline-block;
        text-align: left;
    }

    .pia-partner-app {
        width: 156px;
        height: 60px;
    }

    .pia-partner-sponsor {
        max-width: 150px;
        height: 42px;
    }

    .pia-payment-row {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
    }

    .pia-payment-row a {
        flex: 0 0 auto;
        width: 84px;
        height: 30px;
    }

    .pia-footer-bottom {
        grid-template-columns: auto 1fr auto;
    }

    .pia-footer-bottom .copyright {
        justify-self: end;
        font-size: 11px !important;
    }

    .authntctn-cntr.signup.pia-signup-page {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding: 14px 8px 20px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .authntctn-cntr.signup .register-page.pia-signup-card,
    .authntctn-cntr.signup .register-page {
        width: calc(100vw - 16px) !important;
        max-width: 500px !important;
        height: auto !important;
        max-height: calc(100dvh - 32px) !important;
        max-height: calc(100vh - 32px) !important;
        margin: 0 auto !important;
    }

    .authntctn-cntr.signup .pia-signup-top {
        flex: 0 0 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding-top: 4px !important;
    }

    body:has(.pia-signup-page) .pia-tab-nav,
    body:has(.pia-signup-page) .support-btn,
    body:has(.pia-signup-page) .support-frame,
    body:has(.pia-signup-page) .pia-ticker {
        display: none !important;
    }

    .authntctn-cntr.signup .pia-signup-title,
    .authntctn-cntr.signup .auth-title {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .authntctn-cntr.signup form > .row,
    .authntctn-cntr.signup [ngmodelgroup="signUpFields"] {
        display: block !important;
    }

    .authntctn-cntr.signup .prsnl-infrmtn.s4 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    .authntctn-cntr.signup .modul-accordion {
        padding: 0 !important;
    }

    .authntctn-cntr.signup .modul-header {
        display: none !important;
    }

    .cus_help_cont {
        width: calc(100% - 20px);
        margin: 18px auto 36px;
        padding: 12px;
        border-radius: 15px;
    }

    #page-content .cus_help_cont > .row,
    .cus_help_cont > .row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px;
    }

    .cus_help_cont .cus_collect {
        display: flex;
        overflow-x: auto;
        border-radius: 10px !important;
    }

    .cus_help_cont .collection-item {
        min-width: max-content;
        flex: 0 0 auto;
        border-right: 1px solid var(--pia-line);
        border-bottom: 0 !important;
    }

    .cus_help_cont .cus_h_r {
        padding: 18px !important;
        border-radius: 10px;
    }

    .cus_help_cont .cus_header {
        font-size: 18px;
    }

    #page-content .cus_help_cont > .row > .cus_h_l {
        width: 100% !important;
        max-width: none !important;
    }

    main .dshbrd-cntr {
        width: calc(100% - 20px) !important;
        margin: 18px auto 38px !important;
    }

    main .dshbrd-cntr > .row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px;
    }

    main .dshbrd-cntr .lft-cntnt,
    main .dshbrd-cntr .rght-cntnt {
        width: 100% !important;
        max-width: none !important;
    }

    main .dshbrd-cntr .mdl-cntnt {
        padding: 16px !important;
    }

    main .dshbrd-cntr .mdl-cntnt form,
    main .dshbrd-cntr .pay-container {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #content-area {
        width: calc(100% - 20px);
        padding: 18px;
    }

    .iframe-popup {
        width: calc(100% - 12px) !important;
        height: calc(100% - 20px) !important;
    }
}

/* Piabella ile birebir üst alan oranları */
@property --border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@property --pia-border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes border-angle-rotate {
    0% { --border-angle: 0deg; }
    100% { --border-angle: 360deg; }
}

@keyframes pia-register-border {
    0% { --pia-border-angle: 0deg; --border-angle: 0deg; }
    100% { --pia-border-angle: 360deg; --border-angle: 360deg; }
}

@keyframes pia-gift-glow {
    0%, 100% {
        box-shadow: 0 0 7px rgba(253, 44, 254, .38);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 15px rgba(253, 44, 254, .78);
        transform: scale(1.045);
    }
}

#header .hdr-cntr-second-row,
#header22 .hdr-cntr-second-row {
    min-height: 75px !important;
    height: 75px !important;
    max-height: 75px !important;
    padding: 0 !important;
    background: #202354 !important;
}

#header .hdr-cntr-second-row > .container-90,
#header22 .hdr-cntr-second-row > .container-90 {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    height: 75px !important;
    margin: 0 10px !important;
    padding: 0 !important;
}

#header .hdr-second-row-wrapper,
#header22 .hdr-second-row-wrapper {
    width: 100% !important;
    min-height: 75px !important;
    height: 75px !important;
    max-height: 75px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

#header .hdr-second-row-wrapper > .left,
#header22 .hdr-second-row-wrapper > .left {
    order: 1;
    width: auto !important;
    min-width: 0 !important;
    height: 75px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

#header .logo,
#header22 .logo {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

#header .logo-text,
#header22 .logo-text {
    width: auto !important;
    margin: 0 !important;
    color: #6125c9 !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -1.9px !important;
}

#header .pia-header-shortcuts,
#header22 .pia-header-shortcuts {
    order: 2;
    width: auto !important;
    height: 35px !important;
    margin: 0 0 0 5px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
}

#header .pia-round-action,
#header22 .pia-round-action {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 35px !important;
}

#header .pia-telegram,
#header22 .pia-telegram {
    border-radius: 50% !important;
    background: #fd2cfe !important;
}

#header .pia-gift,
#header22 .pia-gift {
    border-radius: 6px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #fd2cfe 0%, #df23ed 58%, #a82fd4 100%) !important;
    animation: pia-gift-glow 3s ease-in-out infinite !important;
}

#header .hdr-second-right,
#header22 .hdr-second-right {
    order: 3;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    float: none !important;
}

#header .hdr-second-right .hdr-usr-mn,
#header22 .hdr-second-right .hdr-usr-mn,
#header .hdr-second-right .logout-menu,
#header22 .hdr-second-right .logout-menu {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

#header .hdr-second-right > .pia-gift,
#header22 .hdr-second-right > .pia-gift {
    margin-right: 16px !important;
    flex: 0 0 35px !important;
}

#header .login-btn,
#header22 .login-btn,
#header .register-btn,
#header22 .register-btn {
    width: 80px !important;
    min-width: 80px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    clip-path: none !important;
    transform: none !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font: 700 13px/1 Roboto, Arial, Helvetica, sans-serif !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

#header .login-btn,
#header22 .login-btn {
    background: #353760 !important;
    border: 1px solid #fd2cfe !important;
}

#header .register-btn,
#header22 .register-btn {
    --border-angle: 0deg;
    margin-left: 10px !important;
    width: auto !important;
    min-width: 80px !important;
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    background:
        linear-gradient(#353760, #353760) padding-box,
        conic-gradient(from var(--border-angle), #353760 50%, #fd2cfe) border-box !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    animation: border-angle-rotate 2s linear infinite !important;
    position: relative !important;
}

#header .register-btn:hover,
#header22 .register-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(253, 44, 254, .3) !important;
}

#header .login-btn::before,
#header22 .login-btn::before,
#header .login-btn::after,
#header22 .login-btn::after,
#header .register-btn::before,
#header22 .register-btn::before,
#header .register-btn::after,
#header22 .register-btn::after {
    content: none !important;
    display: none !important;
}

#header .pia-header-tools,
#header22 .pia-header-tools {
    order: 4;
    height: 38px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.pia-language {
    width: 68px;
    height: 38px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: rgba(255, 255, 255, .85);
    border-left: 1px solid rgba(255, 255, 255, .08);
    border-right: 1px solid rgba(255, 255, 255, .08);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
}

.pia-language b {
    font-size: 12px;
    font-weight: 700;
}

.pia-flag {
    width: 20px;
    height: 13px;
    display: inline-block;
    flex: 0 0 20px;
    border-radius: 1px;
    background: #e30a17 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23e30a17'/%3E%3Ccircle cx='12' cy='10' r='5.3' fill='white'/%3E%3Ccircle cx='13.7' cy='10' r='4.25' fill='%23e30a17'/%3E%3Cpolygon fill='white' points='19.5,10 17.2,10.75 18.6,8.78 18.6,11.22 17.2,9.25'/%3E%3C/svg%3E") center/cover no-repeat;
}

.pia-clock {
    width: 56px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    border-radius: 4px;
    font: 700 10px/1 Roboto, Arial, Helvetica, sans-serif;
}

.pia-smart-toggle {
    position: relative;
    width: 34px !important;
    min-width: 34px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    background: #6b6f99 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    cursor: pointer;
}

.pia-smart-toggle i {
    font-size: 15px;
}

.pia-smart-toggle small {
    position: absolute;
    top: -5px;
    right: -4px;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #41456f;
    border-radius: 8px;
    font-size: 8px;
    line-height: 1;
}

#header .pia-smart-panel,
#header22 .pia-smart-panel {
    position: absolute;
    z-index: 120;
    top: 75px;
    right: -4px;
    width: 50px;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0;
    display: none;
    flex-direction: column;
    overflow: visible !important;
    background: #484c83;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .24);
}

#header .pia-smart-panel.is-open,
#header22 .pia-smart-panel.is-open {
    display: flex;
}

#header .pia-smart-panel a,
#header22 .pia-smart-panel a {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .9) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    font-size: 20px;
}

#header .pia-smart-panel a > i,
#header22 .pia-smart-panel a > i {
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 24px !important;
}

#header .pia-smart-panel a:hover,
#header22 .pia-smart-panel a:hover {
    color: #fd2cfe !important;
    background: rgba(255, 255, 255, .08);
}

.pia-smart-panel small {
    position: absolute;
    top: 4px;
    right: 3px;
    min-width: 17px;
    height: 17px;
    padding: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #69709e;
    border-radius: 9px;
    font-size: 8px;
}

#header .hdr-cntr-third-row,
#header22 .hdr-cntr-third-row,
#menu-wrapper,
#header .mn-menu-wrapper,
#header22 .mn-menu-wrapper,
#header .mn-menu > ul,
#header22 .mn-menu > ul {
    min-height: 45px !important;
    height: 45px !important;
    max-height: 45px !important;
}

#header .mn-menu > ul > li > a,
#header22 .mn-menu > ul > li > a {
    min-height: 45px !important;
    height: 45px !important;
}

@media (max-width: 767px) {
    #header .hdr-cntr-second-row,
    #header22 .hdr-cntr-second-row,
    #header .hdr-cntr-second-row > .container-90,
    #header22 .hdr-cntr-second-row > .container-90,
    #header .hdr-second-row-wrapper,
    #header22 .hdr-second-row-wrapper {
        min-height: 66px !important;
        height: 66px !important;
        max-height: 66px !important;
    }

    #header .logo-text,
    #header22 .logo-text {
        font-size: clamp(23px, 6vw, 28px) !important;
        letter-spacing: -1px !important;
    }

    #header .pia-header-shortcuts,
    #header22 .pia-header-shortcuts {
        gap: 4px !important;
        margin-left: 3px !important;
    }

    #header .pia-round-action,
    #header22 .pia-round-action {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        font-size: 14px !important;
    }

    #header .login-btn,
    #header22 .login-btn,
    #header .register-btn,
    #header22 .register-btn {
        width: auto !important;
        min-width: 62px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
    }

    #header .register-btn,
    #header22 .register-btn {
        margin-left: 5px !important;
    }

    #header .hdr-second-right > .pia-gift,
    #header22 .hdr-second-right > .pia-gift {
        margin-right: 5px !important;
    }

    #header .pia-header-tools,
    #header22 .pia-header-tools {
        display: none !important;
    }
}

/* Piabella masaüstü ikinci menüsü */
@keyframes pia-nav-active-glow {
    0%, 100% {
        box-shadow: inset 0 0 0 1px rgba(253, 44, 254, .55), 0 0 8px rgba(253, 44, 254, .16);
    }
    50% {
        box-shadow: inset 0 0 0 1px rgba(253, 44, 254, .95), 0 0 15px rgba(253, 44, 254, .42);
    }
}

#header .hdr-cntr-third-row,
#header22 .hdr-cntr-third-row {
    padding: 0 8px !important;
    background-color: #171943 !important;
    background-image: var(--pia-managed-menu-glow, url('/pia-assets/nav/menu-glow.gif')) !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(244, 0, 223, .45) !important;
    box-shadow: inset 0 -1px 0 rgba(244, 0, 223, .35) !important;
}

#header #menu-wrapper,
#header22 #menu-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header .mn-menu-wrapper,
#header22 .mn-menu-wrapper,
#header .mn-menu,
#header22 .mn-menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header .mn-menu > ul,
#header22 .mn-menu > ul {
    width: 100% !important;
    gap: 0 !important;
    overflow: visible !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .12) !important;
}

#header .mn-menu > ul > li,
#header22 .mn-menu > ul > li {
    position: relative;
    flex: 1 1 0 !important;
    min-width: 118px;
    justify-content: center;
}

#header .mn-menu > ul > li[data-order="13"]:first-child,
#header22 .mn-menu > ul > li[data-order="13"]:first-child {
    display: none !important;
}

#header .mn-menu > ul > li[data-element="dropdown-wrapper"],
#header22 .mn-menu > ul > li[data-element="dropdown-wrapper"] {
    display: none !important;
}

#header .mn-menu > ul > li > a,
#header22 .mn-menu > ul > li > a {
    width: 100% !important;
    min-height: 45px !important;
    height: 45px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    justify-content: center !important;
    overflow: visible !important;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

#header .mn-menu > ul > li > a::before,
#header22 .mn-menu > ul > li > a::before {
    content: none !important;
    display: none !important;
    inset: auto !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    transform: none !important;
}

#header .mn-menu > ul > li > a span,
#header22 .mn-menu > ul > li > a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

#header .mn-menu > ul > li > a i,
#header22 .mn-menu > ul > li > a i {
    min-width: 16px;
    margin: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

#header .mn-menu > ul > li > a::after,
#header22 .mn-menu > ul > li > a::after {
    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;
    height: 2px !important;
    background: transparent !important;
}

#header .mn-menu > ul > li.pia-nav-active > a,
#header22 .mn-menu > ul > li.pia-nav-active > a {
    z-index: 2;
    color: #fff !important;
    background: #11132f !important;
    border-color: rgba(253, 44, 254, .78) !important;
    border-radius: 4px !important;
    animation: pia-nav-active-glow 2.4s ease-in-out infinite;
}

#header .mn-menu > ul > li.pia-nav-active > a::after,
#header22 .mn-menu > ul > li.pia-nav-active > a::after {
    background: #fd2cfe !important;
}

#header .mn-menu > ul > li > a:hover,
#header22 .mn-menu > ul > li > a:hover {
    color: #fff !important;
    background: rgba(17, 19, 47, .58) !important;
}

#header .mn-menu > ul > li[data-order="4"]::before,
#header22 .mn-menu > ul > li[data-order="4"]::before,
#header .mn-menu > ul > li[data-order="15"]::before,
#header22 .mn-menu > ul > li[data-order="15"]::before {
    position: absolute;
    z-index: 4;
    top: -7px;
    right: 8px;
    padding: 1px 4px;
    color: #fff;
    border-radius: 2px;
    font-size: 7px;
    font-weight: 900;
    line-height: 10px;
}

#header .mn-menu > ul > li[data-order="4"]::before,
#header22 .mn-menu > ul > li[data-order="4"]::before {
    content: "JACKPOT";
    background: #958000;
}

#header .mn-menu > ul > li[data-order="15"]::before,
#header22 .mn-menu > ul > li[data-order="15"]::before {
    content: "PROMOSYON";
    background: #1ba957;
}

#header .mn-menu .menu-new-item,
#header22 .mn-menu .menu-new-item {
    top: -7px !important;
    right: 8px !important;
    padding: 1px 4px !important;
    color: #fff !important;
    background: #f04b31 !important;
    border-radius: 2px !important;
    font-size: 7px !important;
    line-height: 10px !important;
}

@media (max-width: 1050px) and (min-width: 768px) {
    #header .mn-menu > ul > li > a,
    #header22 .mn-menu > ul > li > a {
        padding: 0 8px !important;
        font-size: 12px !important;
    }

    #header .mn-menu > ul > li,
    #header22 .mn-menu > ul > li {
        min-width: 102px;
    }
}

/* Piabella ikinci menü: ikon, tipografi ve SLOT sağlayıcı menüsü */
#header .mn-menu > ul > li > a,
#header22 .mn-menu > ul > li > a {
    font-family: "Roboto Condensed", "Arial Narrow", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -.15px !important;
}

#header .mn-menu > ul > li.pia-nav-active > a,
#header22 .mn-menu > ul > li.pia-nav-active > a {
    border: 2px solid transparent !important;
    background:
        linear-gradient(#171943, #171943) padding-box,
        conic-gradient(from var(--pia-border-angle), #6d2abd 0 22%, #fd2cfe 35%, #7e35c8 48%, #fd2cfe 67%, #6d2abd 82%, #fd2cfe 100%) border-box !important;
    box-shadow: 0 0 10px rgba(253, 44, 254, .4), inset 0 0 14px rgba(0, 0, 0, .35) !important;
    animation: pia-register-border 3.2s linear infinite, pia-nav-active-glow 2.4s ease-in-out infinite !important;
}

#header .pia-nav-icon,
#header22 .pia-nav-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    display: inline-block !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

#header .pia-nav-live,
#header22 .pia-nav-live {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.25' y='4.25' width='19.5' height='15.5' rx='2.2' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Ccircle cx='8.2' cy='10' r='2.15' fill='%23fff'/%3E%3Cpath d='M4.8 16.1c.5-2.25 1.75-3.45 3.4-3.45s2.9 1.2 3.4 3.45' fill='%23fff'/%3E%3Cpath d='M14 9h5M14 12h5M14 15h3.4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#header .pia-nav-slot,
#header22 .pia-nav-slot {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.75' y='5' width='6' height='14' rx='1.4' fill='none' stroke='%23fff' stroke-width='1.7'/%3E%3Crect x='9' y='5' width='6' height='14' rx='1.4' fill='none' stroke='%23fff' stroke-width='1.7'/%3E%3Crect x='16.25' y='5' width='6' height='14' rx='1.4' fill='none' stroke='%23fff' stroke-width='1.7'/%3E%3Cpath d='M3.6 9.5h2.3M10.8 9.5h2.3M18.1 9.5h2.3M3.6 14.5h2.3M10.8 14.5h2.3M18.1 14.5h2.3' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#header .pia-slot-arrow,
#header22 .pia-slot-arrow {
    min-width: 9px !important;
    font-size: 11px !important;
    opacity: .72;
    transition: transform .2s ease;
}

#header .pia-slot-menu:hover .pia-slot-arrow,
#header22 .pia-slot-menu:hover .pia-slot-arrow {
    transform: rotate(180deg);
}

#header .pia-slot-dropdown,
#header22 .pia-slot-dropdown {
    position: absolute !important;
    z-index: 150 !important;
    top: calc(100% + 1px) !important;
    left: 0 !important;
    width: 228px !important;
    min-width: 228px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-7px);
    pointer-events: none;
    background: #343866 !important;
    border: 1px solid rgba(253, 44, 254, .72) !important;
    border-top: 0 !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 14px 28px rgba(4, 5, 22, .48), 0 0 14px rgba(253, 44, 254, .12) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

#header .pia-slot-menu:hover > .pia-slot-dropdown,
#header22 .pia-slot-menu:hover > .pia-slot-dropdown,
#header .pia-slot-menu:focus-within > .pia-slot-dropdown,
#header22 .pia-slot-menu:focus-within > .pia-slot-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

#header .pia-slot-dropdown > li,
#header22 .pia-slot-dropdown > li {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: block !important;
}

#header .pia-slot-dropdown > li > a,
#header22 .pia-slot-dropdown > li > a {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-height: 37px !important;
    height: 37px !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    color: #f2f2fa !important;
    background: #343866 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(14, 16, 48, .42) !important;
    border-radius: 0 !important;
    font-family: "Roboto Condensed", "Arial Narrow", Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .15px !important;
    text-transform: uppercase !important;
    transition: color .15s ease, background .15s ease, padding-left .15s ease;
}

#header .pia-slot-dropdown > li > a::before,
#header22 .pia-slot-dropdown > li > a::before,
#header .pia-slot-dropdown > li > a::after,
#header22 .pia-slot-dropdown > li > a::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    transform: none !important;
}

#header .pia-slot-dropdown > li > a:hover,
#header22 .pia-slot-dropdown > li > a:hover {
    padding-left: 13px !important;
    color: #fff !important;
    background: linear-gradient(90deg, rgba(253, 44, 254, .28), rgba(253, 44, 254, .06)) !important;
}

#header .pia-slot-dropdown > li > a > i,
#header22 .pia-slot-dropdown > li > a > i {
    width: 17px !important;
    min-width: 17px !important;
    margin: 0 !important;
    color: #dadbed !important;
    font-size: 14px !important;
    text-align: center;
}

#header .pia-slot-dropdown > li > a > small,
#header22 .pia-slot-dropdown > li > a > small {
    margin-left: auto;
    padding: 1px 4px;
    color: #fff;
    background: #8c7900;
    border-radius: 2px;
    font-size: 7px;
    line-height: 10px;
}

@media (max-width: 767px) {
    #header .pia-slot-dropdown,
    #header22 .pia-slot-dropdown {
        display: none !important;
    }
}

/* ===== Pia mobile bottom tab bar ===== */
.pia-tab-nav {
    display: none;
}

@media (max-width: 767px) {
    .pia-tab-nav {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 10050 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: space-around !important;
        height: 53px !important;
        margin: 0 !important;
        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
        background: rgba(33, 36, 88, .94) !important;
        border-top: 1px solid rgba(253, 44, 254, .31) !important;
        box-shadow: 0 -4px 18px rgba(0, 0, 0, .28) !important;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .pia-tab-item {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 4px 2px 3px !important;
        border: 0 !important;
        background: transparent !important;
        color: #dadbed !important;
        text-decoration: none !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .pia-tab-item.is-active,
    .pia-tab-item:active {
        color: #fff !important;
    }

    .pia-tab-item.is-active .pia-tab-icon {
        color: #fd2cfe !important;
    }

    .pia-tab-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 18px !important;
        color: inherit !important;
        line-height: 0 !important;
    }

    .pia-tab-icon svg {
        width: 20px !important;
        height: 16px !important;
        display: block !important;
        fill: currentColor !important;
    }

    .pia-tab-title {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: inherit !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: .01em !important;
        text-align: center !important;
    }

    .pia-tab-drawer {
        position: fixed !important;
        inset: 0 !important;
        z-index: 10060 !important;
    }

    .pia-tab-drawer[hidden] {
        display: none !important;
    }

    .pia-tab-drawer-backdrop {
        position: absolute !important;
        inset: 0 !important;
        background: rgba(8, 10, 28, .55) !important;
    }

    .pia-tab-drawer-panel {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 53px !important;
        max-height: min(70vh, 480px) !important;
        overflow: auto !important;
        padding: 14px 16px 18px !important;
        background: #212458 !important;
        border-top: 1px solid rgba(253, 44, 254, .35) !important;
        border-radius: 14px 14px 0 0 !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, .35) !important;
    }

    .pia-tab-drawer-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 10px !important;
        color: #fff !important;
        font-size: 14px !important;
    }

    .pia-tab-drawer-close {
        width: 32px !important;
        height: 32px !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .08) !important;
        color: #fff !important;
        font-size: 22px !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    .pia-tab-drawer-panel a {
        display: block !important;
        padding: 12px 4px !important;
        border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
        color: #dadbed !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    .pia-tab-drawer-panel a:last-child {
        border-bottom: 0 !important;
    }

    body.pia-tab-drawer-open {
        overflow: hidden !important;
    }

    /* lift ticker + support above tab bar */
    .pia-ticker {
        bottom: 53px !important;
        padding-right: 12px !important;
    }

    .support-btn,
    .support-frame,
    .pia-live-support,
    .scroll-top-btn {
        bottom: 68px !important;
    }

    .support-btn {
        display: none !important;
    }

    body {
        padding-bottom: 53px !important;
    }
}

/* ===== MOBIL FINAL: ince menü (masaüstü kurallarını ezmesin) ===== */
@media (max-width: 767px) {
    #header .hdr-cntr-third-row,
    #header22 .hdr-cntr-third-row,
    #menu-wrapper,
    #header .mn-menu-wrapper,
    #header22 .mn-menu-wrapper,
    #header .mn-menu,
    #header22 .mn-menu,
    #header .mn-menu > ul,
    #header22 .mn-menu > ul {
        min-height: 32px !important;
        height: 32px !important;
        max-height: 32px !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    #header .hdr-cntr-third-row,
    #header22 .hdr-cntr-third-row {
        background-color: #1a1d3d !important;
        border-bottom: 1px solid rgba(253, 44, 254, .2) !important;
        padding: 0 !important;
    }

    .pia-mobile-nav { display: none !important; }

    #header .hdr-cntr-third-row > #menu-wrapper,
    #header22 .hdr-cntr-third-row > #menu-wrapper {
        display: flex !important;
    }

    #header .mn-menu > ul,
    #header22 .mn-menu > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        padding: 0 6px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #header .mn-menu > ul::-webkit-scrollbar,
    #header22 .mn-menu > ul::-webkit-scrollbar { display: none !important; }

    #header .mn-menu > ul > li,
    #header22 .mn-menu > ul > li {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        height: 32px !important;
        margin: 0 !important;
    }

    #header .mn-menu > ul > li[data-order="13"],
    #header22 .mn-menu > ul > li[data-order="13"],
    #header .mn-menu > ul > li.crash-games,
    #header22 .mn-menu > ul > li.crash-games,
    #header .mn-menu > ul > li.menu-tv-games,
    #header22 .mn-menu > ul > li.menu-tv-games {
        display: none !important;
    }

    #header .mn-menu > ul > li > a,
    #header22 .mn-menu > ul > li > a {
        width: auto !important;
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        animation: none !important;
        color: #cfd1e8 !important;
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
    }

    #header .mn-menu > ul > li > a i,
    #header22 .mn-menu > ul > li > a i,
    #header .mn-menu > ul > li > a .pia-nav-icon,
    #header22 .mn-menu > ul > li > a .pia-nav-icon,
    #header .mn-menu > ul > li > a .pg-icons,
    #header22 .mn-menu > ul > li > a .pg-icons,
    #header .mn-menu > ul > li > a .menu-new-item,
    #header22 .mn-menu > ul > li > a .menu-new-item {
        display: none !important;
    }

    #header .mn-menu > ul > li > a span,
    #header22 .mn-menu > ul > li > a span {
        gap: 0 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    #header .mn-menu > ul > li.pia-nav-active > a,
    #header22 .mn-menu > ul > li.pia-nav-active > a,
    #header .mn-menu > ul > li > a.active,
    #header22 .mn-menu > ul > li > a.active,
    #header .mn-menu > ul > li > a:hover,
    #header22 .mn-menu > ul > li > a:hover {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        animation: none !important;
        color: #fff !important;
    }

    #header .mn-menu > ul > li.pia-nav-active > a::after,
    #header22 .mn-menu > ul > li.pia-nav-active > a::after,
    #header .mn-menu > ul > li > a.active::after,
    #header22 .mn-menu > ul > li > a.active::after {
        left: 8px !important;
        right: 8px !important;
        height: 2px !important;
        background: #fd2cfe !important;
    }

    #header .mn-menu > ul > li[data-order="4"]::before,
    #header22 .mn-menu > ul > li[data-order="4"]::before {
        top: 1px !important;
        right: 2px !important;
        padding: 0 3px !important;
        font-size: 6px !important;
        line-height: 9px !important;
    }

    #header .mn-menu > ul > li[data-order="15"]::before,
    #header22 .mn-menu > ul > li[data-order="15"]::before {
        display: none !important;
    }

    .pia-announcement {
        position: relative !important;
        z-index: 200 !important;
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 48px !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 12px 34px 11px 12px !important;
        overflow: visible !important;
        color: #f2f2fb !important;
        background: #292d63 !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        font-size: 10.5px !important;
        line-height: 1.45 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .pia-announcement.is-closed,
    .pia-announcement[hidden] {
        display: none !important;
    }

    .pia-announcement > span {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 1px 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        line-height: 1.45 !important;
    }

    .pia-announcement-note {
        display: block !important;
        color: #fff !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .pia-announcement-close {
        top: 50% !important;
        right: 4px !important;
        width: 40px !important;
        height: 40px !important;
        transform: translateY(-50%) !important;
        z-index: 6 !important;
        pointer-events: auto !important;
    }

    .pia-announcement > span {
        pointer-events: none !important;
        padding-right: 8px !important;
    }

    #header,
    #header22,
    header#header,
    header#header22 {
        overflow: visible !important;
    }
}


/* ===== MOBIL AUTH: ustte tarayici altinda kalmasin ===== */
@media (max-width: 767px) {
    .authntctn-cntr.signup.pia-signup-page {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding: 28px 8px 24px !important;
        box-sizing: border-box !important;
    }

    .authntctn-cntr.signup .register-page.pia-signup-card,
    .authntctn-cntr.signup .register-page {
        width: calc(100vw - 16px) !important;
        max-width: 500px !important;
        height: auto !important;
        max-height: calc(100vh - 56px) !important;
        max-height: calc(100dvh - 56px) !important;
        margin-top: 0 !important;
    }

    .authntctn-cntr.signup .pia-signup-top {
        flex: 0 0 56px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 8px 52px 0 15px !important;
        box-sizing: border-box !important;
    }

    body:has(.pia-signup-page) .pia-tab-nav,
    body:has(.pia-signup-page) .support-btn,
    body:has(.pia-signup-page) .support-frame {
        display: none !important;
    }

    #sgn-mdl.pia-login-modal,
    #sgn-mdl {
        top: 28px !important;
        left: 50% !important;
        bottom: auto !important;
        transform: translateX(-50%) !important;
        width: calc(100vw - 16px) !important;
        max-width: 500px !important;
        height: auto !important;
        max-height: calc(100vh - 56px) !important;
        max-height: calc(100dvh - 56px) !important;
    }

    #sgn-mdl .pia-login-card,
    #sgn-mdl .modal-content {
        min-height: 0 !important;
        height: auto !important;
        max-height: calc(100vh - 56px) !important;
        max-height: calc(100dvh - 56px) !important;
    }

    #sgn-mdl .pia-login-top {
        flex: 0 0 56px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding-top: 8px !important;
    }
}