/* Swiper Slider - Exact Copy from GrandPashaBet 7039 */

/* 1. ProductIconsFont - Icon Font */
@font-face {
    font-family: 'ProductIconsFont';
    src: url('fonts/producticonsfontv27/producticonsfont032.woff') format('woff'),
         url('fonts/producticonsfontv27/producticonsfont032.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 1. Main banner container - #bannersCont */
#bannersCont {
    transition: background-color 0.6s linear !important;
    width: 100% !important;
    min-height: 60vh !important;
    max-height: 100% !important;
    overflow: hidden !important;
    min-width: 1024px !important;
    height: auto !important;
    position: absolute !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline !important;
}

/* 2. Swiper container - .mySwiper */
.mySwiper {
    margin-top: -35px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 0;
    display: block;
    touch-action: pan-y;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    margin-bottom: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* 3. Swiper wrapper - .swiper-wrapper */
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
    transition-duration: 0ms;
    transition-delay: 0ms;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    list-style: none;
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* 4. Swiper slide - .swiper-slide */
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    width: 1155px;
    margin-right: 30px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    list-style: none;
    box-sizing: border-box;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* 5. Swiper slide images - .swiper-slide img */
#bannersCont .swiper-slide img,
#bannersCont .mySwiper .swiper-slide img,
.casino__top_banner .swiper-slide img,
.mySwiper .swiper-slide img {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 240px !important;
    height: auto !important;
    object-fit: fill !important;
    object-position: 50% 50% !important;
    display: block !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    list-style: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline !important;
}

/* Casino background slider */
.casino_backgr_slider {
    width: 100%;
    height: 100%;
    position: relative;
}

/* Save banner height */
.save_banner_height {
    height: 0 !important;
    display: none !important;
    position: relative;
    z-index: -1;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* Dynamic container */
.dynamic_container,
.empty_title {
    padding: 12px 0;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* Story Slider - .swiper-lazy */
.story__item img,
.swiper-lazy {
    width: 120px !important;
    height: 120px !important;
    max-height: 120px !important;
    border-radius: 48px !important;
    padding: 6px !important;
    object-fit: cover !important;
    border: 2px solid var(--primary) !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline !important;
}

/* Story Item - .story__item */
.story__item {
    width: 145px !important;
    display: flex !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
    position: relative !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline !important;
}

/* Story Swiper Slide - .swiper-slide.js_story_preview */
.swiper-slide.js_story_preview {
    flex-shrink: 0 !important;
    height: 100% !important;
    position: relative !important;
    transition-property: transform !important;
    display: block !important;
    width: max-content !important;
    margin-right: 12px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline !important;
}

/* Header - Fix position */
.tl_header_top_row,
#header_fix {
    position: absolute !important;
    z-index: 5 !important;
}

/* Header Navigation - Fix margin */
.tl_header_navigation {
    margin-right: 37px !important;
}

/* Logo - Fix size */
.tl_logo img {
    max-width: 140px !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

/* Header GIF Images - Fix size */
.header_gif {
    width: 52px !important;
    height: 54px !important;
}

.header_gif img {
    width: 52px !important;
    height: 44px !important;
    max-width: none !important;
    max-height: none !important;
    display: inline !important;
}

/* Modal CSS - Para Yatırma */
#depositModal.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 1270px !important;
    max-width: 90vw !important;
    max-height: 90vh !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0) !important;
    border: 0px none !important;
    border-radius: 3px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.tl_my_acc_cont {
    display: flex !important;
    flex-direction: row !important;
    width: 1168.4px !important;
    max-width: 1168.4px !important;
    max-height: 951px !important;
    background: rgb(51, 51, 51) !important;
    padding: 0px !important;
    margin: 0px 50.8047px 0px 50.7969px !important;
    overflow: auto !important;
}

.tl_my_acc_cont_nav {
    display: block !important;
    width: 236px !important;
    flex: 0 0 auto !important;
    background: rgb(34, 41, 7) !important;
    padding: 0px !important;
    border-right: 0px none !important;
}

.tl_my_acc_nav_item,
.tl_my_acc_nav_itemsp {
    display: block !important;
    padding: 0px !important;
    color: rgb(255, 255, 255) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    background: rgba(0, 0, 0, 0) !important;
    border: none !important;
    border-left: 0px none rgb(255, 255, 255) !important;
    border-bottom: 1px solid rgb(0, 0, 0) !important;
}

.tl_my_acc_cont_content {
    display: block !important;
    flex: 0 1 auto !important;
    width: 932.398px !important;
    background: rgb(19, 23, 3) !important;
    padding: 24px 0px !important;
    overflow: hidden !important;
}

.tl_head_close {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    color: rgb(255, 255, 255) !important;
    font-size: 15px !important;
    cursor: pointer !important;
}

.tl_head_close:before {
    content: "К" !important;
    font-size: 15px !important;
}

.tl_payment_block {
    margin: 0px 0px 16px !important;
    background: rgb(57, 68, 14) !important;
    border-radius: 5px !important;
}

.tl_payment_head {
    display: flex !important;
    padding: 10px 12px !important;
    align-items: center !important;
}

.tl_input_popup {
    padding: 0px 15px !important;
    background: rgb(43, 53, 11) !important;
    border: 0px none !important;
    border-radius: 2px !important;
    color: rgb(184, 184, 184) !important;
    font-size: 13px !important;
}

.tl_deposit_button {
    padding: 0px 15px !important;
    background: linear-gradient(358deg, rgb(29, 34, 17), rgb(225, 224, 102)) !important;
    color: rgb(233, 233, 233) !important;
    border: 2px outset rgb(0, 0, 0) !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    outline: none !important;
    display: block !important;
    height: 36px !important;
    line-height: 36px !important;
    margin-top: 15px !important;
}

.tl_deposit_button:hover {
    background: linear-gradient(358deg, #1d2211, #e1e066) !important;
}

img.dynemiclogosizeWeb {
    border-radius: 4px !important;
    padding: 2px !important;
    background: white !important;
}

.btnSec {
    background: linear-gradient(180deg, rgb(38, 52, 4) 0%, rgb(51, 68, 9) 50%, rgb(57, 74, 7) 100%) !important;
    color: #e9e9e9 !important;
    padding: 0 35px !important;
    transition: 0.2s linear !important;
}

.btnSec:hover {
    background: linear-gradient(180deg, rgb(51, 68, 9) 0%, rgb(57, 74, 7) 50%, rgb(38, 52, 4) 100%) !important;
}

.tl_my_acc_cont .btnSec:disabled {
    opacity: 0.3 !important;
}

.ui-widget-overlay {
    background: rgb(17, 17, 17) !important;
    opacity: 0.65 !important;
    z-index: 100 !important;
}

/* Icons - Ensure they display properly */
.tl_ico {
    width: 24px !important;
    height: 24px !important;
    line-height: 22px !important;
    display: inline-block !important;
    font-family: ProductIconsFont !important;
    text-align: center !important;
    font-style: normal !important;
    font-weight: normal !important;
    flex-shrink: 0 !important;
}

.tl_ico-user:before {
    content: "\24" !important;
}

.tl_ico-wallet:before {
    content: "\25" !important;
}

.tl_ico-arrow {
    width: 10px !important;
    height: 10px !important;
    line-height: 10px !important;
    font-size: 12px !important;
}

.tl_ico-arrow:before {
    content: "\32" !important;
}

.tl_ico-bonus:before {
    content: "\w" !important;
}

.tf_mail_icon:before {
    content: "\aa" !important;
    font-family: ProductIconsFont !important;
}

/* Game Cards - Fix image quality and display */
.lca-card {
    overflow: hidden !important;
    height: auto !important;
}

.lca-card img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

.game__block {
    overflow: hidden !important;
}

.lca-card-img {
    position: relative !important;
    overflow: clip !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}

.lca-card-body {
    position: relative !important;
    height: auto !important;
    padding-top: 0 !important;
}