.price_filter{margin-top:15px}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all
{
    background:#232323 none repeat scroll 0 0;
    border:medium;
    border-radius:20px;
    height:8px;
    margin-bottom:20px;
    margin-left:auto
    
}
.price_filter .ui-slider-range
{
    background:#ff8503 none repeat scroll 0 0;
    border-radius:0
    
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all{height:15px;width:15px;top:0;margin-top:-4px;background:#fff;border-radius:50px;margin-left:0;border:3px solid #ff8503}.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus{outline:none;box-shadow:none}.price_slider_amount{overflow:hidden;display:flex;align-items:center;background:#080808;padding:14px 25px;height:65px;margin:0 0 25px}.price_slider_amount>span{font-size:15px;font-weight:500;color:#bababa;text-transform:uppercase;margin-right:9px}.price_slider_amount>input[type=text]{height:auto;margin-left:0;text-align:left;width:120px;flex-grow:1;border:none;font-size:15px;color:#bababa;font-weight:500;background:0 0;padding:0}.price_filter>input[type=submit]{text-transform:uppercase;transition:all .3s ease-out 0s;cursor:pointer;color:#fff;font-size:16px;text-align:center;background:#ff8503;font-weight:600;justify-content:center;border:none;min-width:123px;padding:16px 33px}.price_filter>input[type=submit]:hover{color:#fff;background:#232323;border-color:#232323}

@media only screen and (max-width: 1023px) {
    .page {
        overflow: initial;
    }
}
.border-circle{
    border-radius: 10px;
}

body.dark .modal-content{
   
          background: var(--background-dark);
    border-color: #323948;
}
.shop__nav2.anabaslik{
	z-index:2;
}
::-webkit-scrollbar {
    width: 10px;
    height: 4px
}

::-webkit-scrollbar-track {
       background: var(--background-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    width: 10px;
    border-radius: 10px;
    border: 0px solid transparent;
    background-clip: padding-box;
    transition: background-color .32s ease-in-out;
    margin: 4px;
    min-height: 32px;
    min-width: 32px;
}


::-webkit-scrollbar-thumb:hover {
       background:var(--theme-color);
}
/*body.dark .section--2 .section--wrapper .row--area .row--area .item--box {*/
/*    background: var(--background-dark);*/
/*}*/


body.dark .payout__row:nth-child(2n) .payout__col {
    background: rgb(39 43 48 / 0%);
}
.shop .card {
   
    margin: 0px;
}
.shop__products {
    display: flow;
    padding-bottom: 0px;
  
}
body.dark .settings {
    background: var(--background-dark);
}

.header__item_user .header__body {
  
    width: 250px;
    padding: 6px;
}
.header__body  {
    border-radius:12px;
    box-shadow: 0;
}





.section--2 {
    padding: 10px 0;
}


	  
	  
	  
.status-blue {
    background: #00ffff;
}
.status-green-dark {
    background: var(--theme-color);
}
.status-blue {
    background: #00ffff;
}

.payout__wrapper {
  
    background: #fcfcfc00;
}

.payout__status  {
    display: block;

}
@media (max-width: 768px) {
    .payout__wrapper {
        display: flex;
        flex-direction: column;
        padding: 0px;
        overflow: hidden; /* Taşmayı engeller */
    }

    .payout__row {
        display: flex;
        flex-wrap: wrap; /* Sığmayan içerikleri alta düşür */
        justify-content: space-between; /* İçerikler arasında boşluk */
        margin-bottom: 10px; /* Satır arası boşluk */
        border-bottom: 1px solid #ccc; /* Satırlar arasında çizgi */
        padding-bottom: 8px;
    }

    .payout__row > div {
        flex: 1 1 45%; /* İçerikleri %45 genişlikte tutar ve alta düşürür */
        margin: 5px 0; /* Her öğe arası dikey boşluk */
        text-align: center; /* İçerikleri ortala */
        font-size: 14px; /* Yazı boyutunu ayarlar */
    }

    .payout__row .status, 
    .payout__row .detail-button {
        flex: 1 1 100%; /* Durum ve buton tam genişlikte */
        text-align: center;
        margin-top: 5px;
    }
    .page__container {
    padding: 6px;
    
}
}
.page__container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

@media only screen and (max-width: 992px) {
    .product_card {
        padding-left: 5px;
        padding-right: 5px;
        flex-basis: auto;
        margin-bottom: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .top-product .product-item {
        width: 100% !important;
    }
}
body.dark.modern .profilusticon {
    background-color: #606060;

}



@media (max-width: 768px) {

    .button-yeni {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important; /* Minimum eni də təyin edirik */
        padding: 0 !important; /* Daxili boşluqları sıfırlayırıq */
        
        /* İçindəki ikonu mərkəzləşdirmək üçün */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Əgər düymənin içində mətn varsa, onu gizlədirik */
    .button-yeni span {
        display: none;
    }

    /* İkonun kənarlarındakı boşluqları sıfırlayırıq */
    .button-yeni i {
        margin: 0 !important;
    }
}
.abtnbenz{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6;
    text-align: center;
    transition: all .2s;
}



.top-navigation {
    display: flex;
    justify-content: end
}

.top-navigation .top-link {
    margin: 0 8px;
}

.top-navigation .top-link a {
    color: #3b3b3b;
    font-weight: 700;
    font-size: 12px
}

@media only screen and (max-width: 992px) {
    .top-navigation {
        display:none
    }

    .product-favorite-add .favorite-heart-icon.favorited-heart-icon {
        color: #fff
    }

    .wrap_deff {
        bottom: 70px!important
    }

    .__jivoMobileButton {
        bottom: 70px!important
    }









.snowflake {
    position: absolute;
    top: -10px;
    color: white;
    font-size: 1em;
    opacity: 0.8;
    animation: fall linear infinite, sway ease-in-out infinite;
}

@keyframes fall {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(100vh);
    }
}

@keyframes sway {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px);
    }
}











body {
    overflow-x: hidden;
    max-width: 100%;
    min-width: 100%;
}
}
/* Konteyner stilini ayarlama */
.for-story {
    display: flex;
    flex-wrap: wrap; /* Dairelerin bir satıra sığmaması durumunda alt satıra geçmesini sağlar */
    justify-content: center; /* Daireleri yatayda ortalar */
    align-items: center; /* Daireleri dikeyde ortalar */
    gap: 20px; /* Daireler arasındaki boşluğu ayarlar */
    padding: 0px 0; /* Üst ve alt boşluk ekler */
}

/* Daire stilini ayarlama */
.story-container {
    width: 88px; /* Daire genişliği */
    height: 88px; /* Daire yüksekliği */
    border-radius: 50%; /* Daire şekli için yarıçap ayarı */
    overflow: hidden; /* Taşan içeriği gizler */
    display: flex;
    align-items: center; /* İçeriği dikeyde ortalar */
    justify-content: center; /* İçeriği yatayda ortalar */
    /*background-color: #f0f0f0;*/ /* Arka plan rengi */
    margin: 0px; /* Her daireye dış boşluk ekler */
}

.story-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
   
}

/* Mobil cihazlarda düzenlemeler */
@media (max-width: 768px) {
.mobustmenu{
    display: flex !important;
    justify-content: space-around;
}
    .for-story {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        overflow: auto; /* Taşan içeriği göstermek için kaydırma özelliği ekler */
        justify-content: flex-start;
    }

    .story-container {
        width: 70px;
        height: 70px;
        margin: 0px; /* Mobil cihazlarda daha küçük boşluk */
    }
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

@keyframes coursel {
   from {
        transform: rotateZ(0)
    }

    to {
        transform: rotateZ(360deg)
    }
}







@media only screen and (max-width: 768px) {
    .shop__products {
        display: flex;
       
    }
}


body.dark .topmenbal.topbalalan {
    background: #333c50;
    border: 1px solid #425172;
    box-shadow: 0 3px 5px #00000026;
}
.topmenbal.topbalalan {
    display: flex;
    align-items: center;
    margin-top: 0px !important;
    gap: 6px;
    background: #fff;
    padding: 0px;
    border-radius: 25px;
    margin: 0px 0;
}
 .topbalalan a {
    border-radius: 999px;
    background: #f07134;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin: -2px 0;
}
 .topbalalan a i {
    color: #fff;
}
.topbalalan span {
    color: #f07134;
    font-weight: 500;
    font-size: 12px;
}









[class^="button"]{
	font-weight:500;
    border-radius: 8px;
}
.cart_desktop_element i{
	font-size:20px;
}
.header_top_menu_right i{
    font-size: 15px;
}
/*body.dark .category_list_box_img2{*/
/*    background: #474a5d;*/
/*}*/
/*body.dark.modern .category_list_box_img2{*/
/*    background: var(--background-dark);*/
/*    box-shadow: 0;*/
    
/*}*/
/*.category_list_box_img2{*/
/*    padding: 10px;*/
/*    border-radius: 12px;*/
/*        box-shadow: 0;*/

/*}*/

.ml-0{
	margin-left:0 !important;
}
.pl-0{
	padding-left:0;
}

/*.category_list_box_img2 img{*/
/*    max-height: 40px;*/
/*    max-height: 60px;*/
/*    width: auto !important;*/
/*	max-width:100%;*/
/*}*/


.users__button{
	font-size: 14px;
background-color: rgba(255, 255, 255, 0.08);
    padding: 0 15px;
    border-radius: 10px;
}
.header__item.mr-0{
	margin-right:10px !important;
	margin-left:10px !important;
}

.girisspasn{
    line-height: 17px;
    margin-right: 10px;
    margin-left: 7px;
}

body.dark.modern .userilanpaz{
	border: 1px solid var(--theme-color) !important;
    background: var(--theme-color)00 !important;
	color:white !important;
}


.userilanpaz{
	border: 1px solid var(--theme-color) !important;
    background: var(--theme-color) !important;
	color:white !important;
}



body.dark.modern .userilanpaz:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgb(255, 255, 255) !important;
}

.userilanpaz:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--theme-color) !important;
}

.header__item_user .header__head{
    border-radius: 12px;
    padding: 6px 30px;
    border: 1px solid var(--theme-color);
    box-shadow: 0;
}
.button-hovmen{
	    border: 1px solid #000;
}
.button-hovmen:hover{
	border: 1px solid var(--theme-color) !important;
    background: var(--theme-color) !important;
	color:white !important;
	box-shadow: 0;
}

.button-hovmen2{
	    border: 1px solid #000;
}
.button-hovmen2:hover{
	border: 1px solid var(--theme-color) !important;
    background: var(--theme-color) !important;
	color:white !important;
	box-shadow: 0;
	
}


body.dark .header__link {
    color: #fff;
}
 .header__body:before, body.dark .header__body:before{
	background-image:none;
}

.header__nav .header__link i{
    font-size: 15px;
    margin-right: 7px;
}

.header__link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.6;
    color: #000;
    transition: all .2s;
}

.profilusticon {
    background-color: #fff;
    width: 17px;
    height: 17px;
    transform: rotate(45deg);
    position: absolute;
    top: -10px;
    left: calc(50% - 9px);
    border-left: 2px solid #c1c1c1;
    border-top: 2px solid #c1c1c1;
    z-index: -1;
}



body.dark .katepazar li a {
    background-color: #dcdcdc47;
	color:white;
}
.subkatepazar li{
    margin: 4px;
	margin-right:0px;
}
.subkatepazar {
    list-style: none;
    padding: 5px 0 0 20px;
}
.katepazar li a {
    background-color: #dcdcdc47;
	color:black;
    border: 2px solid #a9a9a94a;
    transition: all .15s ease 0s;
    border-radius: 6px;
    overflow: hidden;
    display: block;
}
.katepazar img {
    object-fit: cover;
    margin-right: 5px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    background: #3e4b6f;
}
.katepazar {
    list-style: none;
    max-height: 290px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 5px 0 0;
    margin: 8px 0 0;
}

.katepazar::-webkit-scrollbar {
    width: 5px;
}

.katepazar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

.katepazar::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
}

body.dark .pborderdiv{
   border: 2px solid #2a2d3a !important;
}
.pborderdiv{
    border: 2px solid #fff !important;
}

.fcp_box p, .messages__man, .messenger__line .messenger__man {
    text-transform: capitalize
}

body.dark .button-stroke, body.dark .button-stroke-red {
    box-shadow: 0 0 0 2px transparent inset !important;
}

.owl-populerkate .owl-nav {
    position: absolute;
    top: -80px;
    left: 90%;
    display: block !important;
    margin-top: 30px;
}

@media screen and (max-width: 992px) {
.owl-populerkate .owl-nav {
    left: 72%;
}
}
.owl-populerkate .owl-nav button {
    height: 33px;
    width: 33px;
    background: var(--theme-color) !important;
    border-radius: 100% !important;
    color: #00fbfb !important;
}
.owl-populerkate .owl-nav button:hover {
	border-color:#2D9CDB !important;
	color:#2D9CDB !important;
	background: var(--theme-color)ad !important;
}

.shop__nav .shop__link{
    color: #fff;
    background: var(--6, linear-gradient(180deg, #303740 0%, #36455A 100%));
}
.shop__nav .shop__link.active{
    background: #2D9CDB !important;
    /* background: var(--6, linear-gradient(180deg, #356DC2 0%, #075DE2 100%)) !important; */
}

.mr-2 {
    margin-right: 1rem;
}

body.dark.modern {
    background: #171a21;
}

.header__body {
    border:2px solid #c1c1c1;
}



body.dark .shop__profile {
    /* border-color: #181a20; */
}
body.dark .sidebar {
    background: #24263a;
    border-right: 1px solid #181a20;
}
body.dark .sidebar__foot {
    border-color: #181a20;
}
.sidebar__foot {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #181a20;
}
body.dark .sidebar__item[href].active, body.dark .sidebar__help.active {
    background: none;
    box-shadow: none;
    color: #e2e4e9 !important;
}

.header {
    position: fixed;
    top: 0;
    left: 340px;
    right: 0;
     /*z-index: 20; */
     display: flex; 
    align-items: center;
    padding: 24px 80px;
    box-shadow: inset 1px 0px 0px #f4f4f4, inset 0 -1px 0px #efefef;
}
body.dark .header {
    /* box-shadow: none; */
    backdrop-filter: blur(20px);
    background: transparent;
}



.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    flex-direction: column;
    /*width: 340px;*/
    padding: 24px;
    background: #FCFCFC;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}


body.dark .header__link:hover, body.dark .header__link.active {
    display: flex;
    flex-flow: row wrap;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.04);
    color: rgb(255, 255, 255);
    transition: all 0.15s ease-in-out 0s;
    text-align: left;
    /* min-height: 35px; */
    border-radius: 8px;
	color:var(--theme-color);
}


.header__link:hover, .header__link.active {
    display: flex;
    flex-flow: row wrap;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.04);
    color: rgb(255, 255, 255);
    transition: all 0.15s ease-in-out 0s;
    text-align: left;
    /* min-height: 35px; */
    border-radius: 8px;
	color:var(--theme-color);
}
.balance_title {
    margin-right: auto;
    font-size: 20px;
    font-weight: 500;
	padding-left: 12px;
    line-height: 1.6;
    letter-spacing: -.02em;
}

body.dark .user_button {
   border-color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.04);
    color: rgb(255 255 255);
	padding: 6px 30px;
	
}

body.dark .user_button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.header__btns .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s;
}
.header__btns .icon:hover {
    width: 24px;
    height: 24px;
    fill: #fff;
    transition: fill .2s;
}

@media (max-width: 728px) {
    .header_top_main .header__item_user {
        width: auto
    }

    .header_top_main .header__item_user button.header__head:before {
        content: '\f406';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 24px;
        color: #6F767E;
        width: 24px;
        height: 24px
    }
	
	body.dark .header_top_menu_mobile_content .sidebar__menu {
    background: var(--background-dark);
    border-top: 1px solid #1a1d1f45;
    padding-top: 5px;
    border-bottom: 1px solid #1a1d1f45;
    box-shadow: rgb(100 100 111 / 20%) 1px 7px 29px 0;
    display: flex;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    max-height: 0;
}

    .header_top_main .header__item_user button.header__head {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 24px;
        font-size: 0;
        margin-right: 1.5rem
    }

    .scard_summary_boxes_item_value {
        display: flex;
        align-items: center
    }

    .right_sm_blog_card {
        margin-bottom: 1rem !important;
        height: auto !important;
        min-height: 250px !important
    }

    .big_blog_card, .right_blog_cards {
        width: 100% !important
    }

    .last_blog, div.blog_view_vertical {
        flex-direction: column
    }

    .summary__preview {
        width: 100%
    }

    .blog_view_vertical div.summary {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 2rem !important;
        padding: 0 !important
    }

    .blog_slider_title {
        width: 90% !important
    }

    .blog_slider_title h2 {
        font-size: 1.4rem !important
    }

    .product_page {
        padding-top: calc(80px + 4rem)
    }
}

.apexcharts-text tspan, .apexcharts-tooltip * {
    font-family: inherit
}

.apexcharts-inner, .category_list_box_title {
    position: relative
}

@media (max-width: 728px) {
    .shop_card .scard_summary_similar {
        margin-left: 0;
        margin-top: 1rem;
        width: 100% !important
    }

    .shop_card .shop_card_start {
        width: 100%;
        flex-direction: column
    }

    .shop_card .scard_summary_boxes_prices {
        margin-top: .5rem
    }

    .shop_card .shop_card_summary {
        width: 100%
    }

    .shop_card .shop_card_img {
        height: 400px;
        width: 100%;
        margin-bottom: 1rem;
        padding-left: 1rem
    }

    .shop_card {
        flex-direction: column
    }

    .right_sm_blog_card {
        margin-bottom: 1rem !important;
        height: auto !important;
        min-height: 250px !important
    }

    .big_blog_card, .right_blog_cards {
        width: 100% !important
    }

    .last_blog, div.blog_view_vertical {
        flex-direction: column
    }

    .summary__preview {
        width: 100%
    }

    .blog_view_vertical div.summary {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 2rem !important;
        padding: 0 !important
    }

    .blog_slider_title {
        width: 90% !important
    }

    .blog_slider_title h2 {
        font-size: 1.4rem !important
    }

    .product_page {
        padding-top: calc(80px + 4rem)
    }

    .cart_page .schedule__col label.checkbox, .cart_price_div {
        margin-bottom: 1rem
    }

    .schedule__preview {
        width: 100%;
        height: auto
    }

    .cart_page .schedule__details .schedule__price {
        display: none
    }

    .cart_page .schedule__item {
        flex-direction: column
    }

    .cart_page .panel {
        display: block !important
    }

    .cart_price_div {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%
    }

    .cart_page .schedule__row {
        border: 1px solid;
        padding: .5rem;
        flex-wrap: wrap
    }

    .cart_page .schedule__row:not(:first-child) > div.schedule__col_date {
        text-align: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important
    }

    .cart_page .schedule__col {
        display: block !important
    }
}

.header_top_slogan h1 {
    font-size: .875rem
}

.header_top_menu .container, .header_top_navbar > .container {
    align-items: center
}

.header_top_menu .container > li.dropdown {
    margin-right: 1rem
}


.cart_page .schedule__row .cart_price_div .schedule__col {
    width: auto
}

.cart_page .schedule__row:not(:first-child) > .schedule__col:last-child {
    width: 35%
}

img {
    max-width: 100%;
}

.apexcharts-canvas {
    position: relative;
    user-select: none
}

.apexcharts-canvas ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.apexcharts-canvas.apexcharts-theme-dark {
    background: #343F57
}

.legend-mouseover-inactive {
    transition: .15s ease all;
    opacity: .2
}

.apexcharts-series-collapsed {
    opacity: 0
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: .15s ease all
}

.apexcharts-tooltip.apexcharts-active {
    opacity: 1;
    transition: .15s ease all
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #e3e3e3;
    background: rgba(255, 255, 255, .96)
}

.apexcharts-tooltip.apexcharts-theme-dark {
    color: #fff;
    background: rgba(30, 30, 30, .8)
}

.apexcharts-tooltip-title {
    padding: 6px;
    font-size: 15px;
    margin-bottom: 4px
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #ECEFF1;
    border-bottom: 1px solid #ddd
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0, 0, 0, .7);
    border-bottom: 1px solid #333
}

.apexcharts-tooltip-text-value, .apexcharts-tooltip-text-z-value {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

.apexcharts-tooltip-text-z-label:empty, .apexcharts-tooltip-text-z-value:empty {
    display: none
}

.apexcharts-tooltip-marker {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0;
    margin-right: 10px;
    border-radius: 50%
}

.apexcharts-tooltip-series-group {
    padding: 0 10px;
    display: none;
    text-align: left;
    justify-content: left;
    align-items: center
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
    opacity: 1
}

.apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
    padding-bottom: 4px
}

.apexcharts-tooltip-series-group-hidden {
    opacity: 0;
    height: 0;
    line-height: 0;
    padding: 0 !important
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px
}

.apexcharts-tooltip-candlestick {
    padding: 4px 8px
}

.apexcharts-tooltip-candlestick > div {
    margin: 4px 0
}

.apexcharts-tooltip-candlestick span.value {
    font-weight: 700
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px
}

.apexcharts-tooltip-rangebar .category {
    font-weight: 500;
    color: #777
}

.apexcharts-tooltip-rangebar .series-name {
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.apexcharts-xaxistooltip {
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #ECEFF1;
    border: 1px solid #90A4AE;
    transition: .15s ease all
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
    background: rgba(0, 0, 0, .7);
    border: 1px solid rgba(0, 0, 0, .5);
    color: #fff
}

.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.apexcharts-xaxistooltip:after {
    border-color: rgba(236, 239, 241, 0);
    border-width: 6px;
    margin-left: -6px
}

.apexcharts-xaxistooltip:before {
    border-color: rgba(144, 164, 174, 0);
    border-width: 7px;
    margin-left: -7px
}

.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
    bottom: 100%
}

.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
    top: 100%
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #ECEFF1
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90A4AE
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0, 0, 0, .5)
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #ECEFF1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90A4AE
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0, 0, 0, .5)
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: .15s ease all
}

.apexcharts-yaxistooltip {
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #ECEFF1;
    border: 1px solid #90A4AE
}

.apexcharts-yaxistooltip.apexcharts-theme-dark {
    background: rgba(0, 0, 0, .7);
    border: 1px solid rgba(0, 0, 0, .5);
    color: #fff
}

.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.apexcharts-yaxistooltip:after {
    border-color: rgba(236, 239, 241, 0);
    border-width: 6px;
    margin-top: -6px
}

.apexcharts-yaxistooltip:before {
    border-color: rgba(144, 164, 174, 0);
    border-width: 7px;
    margin-top: -7px
}

.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
    left: 100%
}

.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
    right: 100%
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #ECEFF1
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90A4AE
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0, 0, 0, .5)
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #ECEFF1
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90A4AE
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0, 0, 0, .5)
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1
}

.apexcharts-yaxistooltip-hidden {
    display: none
}

.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
    pointer-events: none;
    opacity: 0;
    transition: .15s ease all
}

.apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active {
    opacity: 1;
    transition: .15s ease all
}

.apexcharts-ycrosshairs-hidden {
    opacity: 0
}

.apexcharts-selection-rect {
    cursor: move
}

.svg_select_boundingRect, .svg_select_points_rot {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_boundingRect, .apexcharts-selection-rect + g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect + g .svg_select_points_l, .apexcharts-selection-rect + g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2
}

.apexcharts-canvas.apexcharts-zoomable .hovering-zoom {
    cursor: crosshair
}

.apexcharts-canvas.apexcharts-zoomable .hovering-pan {
    cursor: move
}

.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #6E8192;
    text-align: center
}

.apexcharts-menu-icon svg, .apexcharts-reset-icon svg, .apexcharts-zoom-icon svg, .apexcharts-zoomin-icon svg, .apexcharts-zoomout-icon svg {
    fill: #6E8192
}

.apexcharts-selection-icon svg {
    fill: #444;
    transform: scale(.76)
}

.apexcharts-theme-dark .apexcharts-menu-icon svg, .apexcharts-theme-dark .apexcharts-pan-icon svg, .apexcharts-theme-dark .apexcharts-reset-icon svg, .apexcharts-theme-dark .apexcharts-selection-icon svg, .apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg, .apexcharts-theme-dark .apexcharts-zoom-icon svg, .apexcharts-theme-dark .apexcharts-zoomin-icon svg, .apexcharts-theme-dark .apexcharts-zoomout-icon svg {
    fill: #f3f4f5
}

.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg, .apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
    fill: #008FFB
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomin-icon:hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
    fill: #333
}

.apexcharts-menu-icon, .apexcharts-selection-icon {
    position: relative
}

.apexcharts-reset-icon {
    margin-left: 5px
}

.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon {
    transform: scale(.85)
}

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon {
    transform: scale(.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px
}

.apexcharts-pan-icon {
    transform: scale(.62);
    position: relative;
    left: 1px;
    top: 0
}

.apexcharts-pan-icon svg {
    fill: #fff;
    stroke: #6E8192;
    stroke-width: 2
}

.apexcharts-pan-icon.apexcharts-selected svg {
    stroke: #008FFB
}

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
    stroke: #333
}

.apexcharts-toolbar {
    position: absolute;
    z-index: 11;
    max-width: 176px;
    text-align: right;
    border-radius: 3px;
    padding: 0 6px 2px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.apexcharts-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    right: 10px;
    opacity: 0;
    min-width: 110px;
    transition: .15s ease all;
    pointer-events: none
}

.apexcharts-menu.apexcharts-menu-open {
    opacity: 1;
    pointer-events: all;
    transition: .15s ease all
}

.apexcharts-menu-item {
    padding: 6px 7px;
    font-size: 12px;
    cursor: pointer
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0, 0, 0, .7);
    color: #fff
}

@media screen and (max-width: 768px) {
	.slider_right {
    margin-left: 0rem !important;
}	.slider_left {
    margin-right: 0rem !important;
}
}
@media screen and (min-width: 768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity: 1
    }
}

.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-datalabel.apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points {
    opacity: 0
}

.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, .apexcharts-datalabels, .apexcharts-pie-label {
    cursor: default;
    pointer-events: none
}

.apexcharts-pie-label-delay {
    opacity: 0;
    animation-name: opaque;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease
}

.apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-gridline, .apexcharts-line, .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon, .apexcharts-toolbar svg, .apexcharts-tooltip .apexcharts-marker, .apexcharts-zoom-rect {
    pointer-events: none
}

.apexcharts-marker {
    transition: .15s ease all
}

@keyframes opaque {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes resizeanim {
    from, to {
        opacity: 0
    }
}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0
}

.contract-trigger:before, .resize-triggers, .resize-triggers > div {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.resize-triggers > div {
    background: #eee;
    overflow: auto
}

.contract-trigger:before {
    width: 200%;
    height: 200%
}

.product_cart_button svg {
    margin-left: .3rem;
    margin-right: .3rem;
    width: 24px;
    height: 24px;
    fill: #2a85ff
}

.product_cart_button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-weight: 500;
    font-size: .85rem;
    width: auto;
    height: 40px;
    background: #FCFCFC;
    border-radius: 6px;
    padding: .4rem .6rem
}

.loading_product, .product_cart_button.loading span, .product_cart_button.loading svg {
    display: none
}

.product_cart_button.loading .loading_product {
    display: block;
    height: 30px;
    position: static;
    object-fit: contain;
    width: 30px
}

.product_cart_button.loading {
    padding: 0 1.2rem;
    background: #fff;
    align-items: center;
    height: 45px
}

.summary.active .summary__preview:before {
    display: none
}

.summary_cart_count {
    position: absolute;
    right: 11px;
    top: -3px;
    background: #fafafa;
    z-index: 9;
    padding: .8rem .6rem;
    border-radius: 6px;
    color: #2a85ff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 550;
    line-height: normal
}

.summary_cart_count svg {
    color: #2a85ff;
    fill: #2a85ff;
    margin-right: .3rem
}

.alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 20px;
    border-left: 4px solid transparent;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
    background-color: #ffeaea;
    color: #78261f;
}

.alert-danger {
    border-left-color: #e3342f;
}

.alert-success {
    background-color: #d2f4e8;
    color: #0f6848;
    border-left-color: #38c172;
}

/* Gece modu desteği */
body.dark .alert {
    background-color: #2e2e2e;
    color: #f1f1f1;
}

body.dark .alert-danger {
    border-left-color: #ff4d4f;
}

body.dark .alert-success {
    background-color: #233c33;
    color: #a3f9cb;
    border-left-color: #38c172;
}

.alert .close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 18px;
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
    line-height: 1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 0;
    margin: 0;
    transition: 0.2s ease-in-out;
}

.alert .close:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.2);
}


.modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    background: transparent;
    border: none;
    color: #999;
    opacity: 1;
}

.modal .close:hover {
    color: #000;
}
body.dark .modal .close:hover {
    color: #fff;
}

.alertMessage {
    position: fixed;
    top: 100px;
    right: 15px;
    background: #d5d5d5;
    padding: .85rem .7rem;
    border-radius: 12px;
    font-weight: 400;
    font-size: .85rem;
    z-index: 99999 !important
}

.alertMessage.alert_success {
    background: var(--theme-color);
    color: #fff
}

.product_card.loading .summary__control, .product_card.loading .summary__preview:after {
    visibility: visible;
    opacity: 1
}
.header_cart_open {
  
        position: absolute;
    right: 120px;
    min-width: 355px;
    background: #fff;
    z-index: 9999;
    width: auto;
    top: 100%;
    display: none;
    padding-top: 4px;
    margin-top: -15px;
    display: none;
    border-radius: 10px;
}

.header_cart_products {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    margin-top: .8rem
}

.header_cart_product {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.header_cart_product_image {
    border: 1px solid #dedede;
    display: flex;
    padding: .4rem .2rem;
    height: 80px;
    width: 80px
}

.header_cart_product_image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.header_cart_product_details {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    width: 100%
}

.header_cart_product_summary {
    display: inline-block;
    width: 100%
}

.header_cart_product_category {
    font-weight: 700;
    margin-right: .4rem;
    border-right: 1px solid #e6e6e6;
    padding-right: .4rem;
    float: left
}

.header_cart_product_title {
    font-weight: 400;
    width: 100%
}

.header_cart_product_quantity {
    color: silver;
    font-weight: 300;
    font-size: .825rem
}

.header_cart_product_price {
    color: #424350;
    font-weight: 300
}

.header_cart_footer {
    display: flex
}

.header_cart_footer .header_cart_btn {
    border: 1px solid #9495a0;
    width: 100%;
    display: flex;
    color: #7a7b86 !important;
    padding: .5rem 0;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    margin-top: .5rem
}

.header_cart_footer .header_cart_btn_order {
    background: #424350;
    width: 100%;
    display: flex;
    color: #fff;
    padding: .5rem 0;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-top: .5rem;
    cursor: pointer
}

.header_cart_footer_item {
    padding: 0 .2rem;
    width: 50%
}

.header_cart.active .header_cart_open {
    display: block
}

.header_cart {
    position: relative;
    /*margin-left: .5rem*/
}

.header_cart_open_wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 7%);
    padding: 1rem;
    color: #000 !important
}

.header_cart_passive {
    display: none !important
}
.share__input {
    padding-right: 78px !important
}

.blog_inner .product__next {
    left: inherit;
    position: fixed;
    right: 15px;
    bottom: inherit;
    top: calc(50% + 32px);
    z-index: 99999 !important
}

.blog_inner .product__nav {
    flex-direction: column
}

.blog_inner .product__head {
    align-items: flex-start
}

.product_breadcrumb {
    display: flex;
    margin-bottom: 1rem
}

.product_breadcrumb ol {
    display: flex;
    padding: 1rem 0;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-weight: 700;
}

.product_breadcrumb a {
    color: #eee;
    font-weight: 300
}



.product__favorite.active {
    box-shadow: inset 0 0 0 1px #ff6a55;
    background: #FF6A55;
    color: #FCFCFC
}

.product__favorite.active svg {
    fill: #fff
}

.summary_category_icon {
    display: flex
}

.summary_category_icon_item {
    padding: 0 5px
}

.summary_category_icon img {
    width: 18px;
    height: 18px
}

.summary_footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .5rem
}

.summary_footer .summary__rating {
    margin: 0
}

.summary_price_box {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}

.summary_discount {
    margin-right: .5rem
}

.summary_discount span {
    
}

.summary__price_old {
    text-align: right;
    /* font-weight: 400; */
    text-decoration: line-through;
    font-size: 13px;
    color: #9b8b35;
    /* margin-left: 10px;*/
}


.summary_price_box .summary__price {
    background: 0 0;
    padding: 0;
    line-height: normal !important;
    font-weight: 500;
    font-size: 18px;
    margin: 0
}
.urunrating{
	margin-bottom:5px;
}
.urunrating i{
    color: #f59e29;
    font-size: 16px;
}
body.dark .vertical_product_card .summary__title, body.dark .vertical_product_card .summary__title a {
    color: #fff;
    font-size: 1rem;
}

.dark .summary__title, .dark .summary__title a {
    color: #fff !important
}
.w-100{
	width:100%;
}
.mw-100{
	max-width:100%;
}

.sepetnewbtn{
	color: White;
	background: #2386cf;
	border-radius: 100%;
	padding: 7px 7px;
	font-size: 11px;
	float: right;
}

.summary__title, .summary__title a {
    color: #1A1D1F
}

.product_view_button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-weight: 500;
    font-size: .85rem;
    width: auto;
    height: 45px;
    background: #FCFCFC;
    border-radius: 6px;
    padding: .4rem .6rem;
    margin-right: .5rem
}

.product_view_button svg {
    margin-right: .3rem;
    width: 20px;
    height: 20px
}

.shop__background {
    position: relative
}

.product_breadcrumb_page {
    padding-left: 1rem;
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 0;
    background: #272b3094;
    display: flex;
    align-items: center
}

@media (max-width: 728px) {
    .right_sm_blog_card {
        margin-bottom: 1rem !important;
        height: auto !important;
        min-height: 250px !important
    }

    .big_blog_card, .right_blog_cards {
        width: 100% !important
    }

    .last_blog, div.blog_view_vertical {
        flex-direction: column
    }

    .summary__preview {
        width: 100%
    }

    .blog_view_vertical div.summary {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 2rem !important;
        padding: 0 !important
    }

    .blog_slider_title {
        width: 90% !important
    }

    .blog_slider_title h2 {
        font-size: 1.4rem !important
    }

    .product_page {
        padding-top: calc(80px + 4rem)
    }
}

.product__content .shop__socials {
    margin-top: 1.5rem
}

.product_page .shop__contacts {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.product_page .summary_price_box {
    margin-top: 1rem
}

.product_page .summary_discount span {
    font-size: 1rem;
    padding: .4rem .5rem
}

.product_page .summary_price_box .summary__price {
    font-size: 1.5rem
}

.product_page .shop__contacts .product_cart_button.loading {
    height: 50px !important
}

.product_page .shop__contacts .product_cart_button {
    margin-right: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    background: #fff;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: #2a85ff;
    transition: all .2s
}

.product_page .shop__contacts .button.details__button {
    color: #fff
}

.product_page .shop__info {
    font-size: 16px;
    font-weight: 400;
    width: 80%
}

@media (max-width: 768px) {
    .product_page .shop__info {
        width: 100%
    }
}

.invoice_download {
    background: #eee;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    color: #6448d5
}

.product_info_gallery {}

.shop__profile {
    /* margin-bottom: 15px; */
    /* padding-bottom: 0px; */
}

.hit {
    padding-top: 1rem;
    margin-top: 2rem
}

.product_info_gallery.owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 20px);
    margin: 0;
    width: 100%
}

.product_info_gallery.owl-carousel .owl-nav button.owl-next, .product_info_gallery.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    z-index: 9999;
    background: 0 0 !important;
    color: #8f8f8f !important;
    font-size: 28px;
    width: 28px;
    height: 28px;
    display: flex
}

.product_info_gallery.owl-carousel .owl-nav button.owl-prev {
    left: -30px;
    justify-content: center;
    align-items: center
}

.product_info_gallery.owl-carousel .owl-nav button.owl-next {
    right: -30px;
    justify-content: center;
    align-items: center
}

.big-spot__gradient-1 {
    background: linear-gradient(7deg, #18212c, rgba(24, 33, 44, .65) 30%, rgba(24, 33, 44, 0) 50%)
}

.product_info_gallery .owl-dots {
    margin-top: 1rem
}

.black_slider .slider_footer, .black_slider .slider_title {
    color: #fff
}

.sidebar__head > a {
    color: #6F767E;
    width: 100%;
    display: flex
}

.schedule__minus_btn{
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.schedule__plus_btn{
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.schedule__minus_btn, .schedule__plus_btn {
    background-color: #323948;
    width: 24px;
    height: 100%;
	color:White;
}

.alanorta{
    align-items: center!important;
    display: flex!important;
}

.sale_box {
    padding: 3px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
    margin-top: 8px;
}
.store-avatar {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    font-weight: 700;
    vertical-align: top;
    width: 64px;
    height: 64px;
    font-size: 22px;
    color: #fff;
       background-color: var(--theme-color)00;
    border: 2px solid #009688;
}
.sale_box .store-info {
    display: flex;
    flex-direction: column;
}

	.sale_box .store-info span {
	color:var(--theme-color);
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis;
}
.sale_box .store-info .prod-fdb {
    color: #636363;
}

.sale_box .store-info span {
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis;
}
.store-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 999px;
}
.schedule__quantity_calc {
    display: flex
}
.panelkenar {
    background-color: var(--nav-bg) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid var(--nav-border-color) !important;
    padding: 10px 0 !important;
    border-radius: 12px;
    border-top: 1px solid var(--nav-border-color) !important;
    border-right: 2px solid var(--nav-border-color) !important;
    border-left: 2px solid var(--nav-border-color) !important;
}
.pr-0{
	padding-right:0px;
}

.urunicbass {
    display: inline-block;
    padding: 1px 7px;
    margin-bottom: 10px;
    color: #5e5e5e;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
    background-color: rgb(244 244 244);
    position: absolute;
    top: -10px;
    border-radius: 6px;
}
body.dark .sale_box .store-info .prod-fdb {
    color: #fff;
}

body.dark .urunicbass{
    background-color: rgb(56 58 79);
	color:White;
}
.schedule__plus {
    margin-right: 0;
    font-size: 1rem
}

.schedule__plus_btn {
    /* border: 1px solid #e6e6e6; */
    border-radius: 3px 0 0 3px
}

.schedule__minus {
    margin-left: 0
}

.schedule__minus_btn {
    /* border: 1px solid #e6e6e6; */
    border-radius: 0 3px 3px 0;
    font-size: 1rem
}

.schedule__quantity_calc .schedule__quantity {
    border-radius: 0;
        text-align: center;
}

.schedule__quantity {
    background: #f5f5f5;
    border: 3px solid #606060;
    flex-shrink: 0;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    line-height: 32px;
    font-size: 1rem;
    font-weight: 700
}

.sidebar__head > a > img, .sidebar__item_icon img {
    height: 24px;
    margin-right: 12px;
    opacity: .5
}

.category_page .shop__avatar img {
    border-radius: 8px;
    height: auto!important;
}

.category_content_text {
    font-weight: 400;
}

.category_content_text p {
    font-weight: 500;
    color: #6F767E;
    font-size: 1.1rem;
    margin-bottom: 20px;
}


.category_content_text h3 {
    font-weight: 500;
    color: #FCFCFC;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.product__content h3 {
    font-weight: 500;
    color: #FCFCFC;
    font-size: 1.3rem;
    margin-bottom: 20px;
}


.shop__avatar {
    position: relative;
    flex-shrink: 0;
    width: 160px;
    height: auto;
    /* margin-top: 50px; */
}





.text-center {
    text-align: center !important
}




.modal-content .close-btn:hover {
  background-color: var(--theme-color);
  color: #ffffff;
}

@media (max-width: 575.98px) {
  .modal-content .close-btn {
    right: 0px;
    top: 0px;
    border-radius: 0.3rem;
    z-index: 1;
  }
}  
/*.page_register .entry__wrapper {*/
/*    width: 640px !important;*/
/*    background: white;*/
/*    max-width: 640px;*/
/*    padding: 13px;*/
/*    border-radius: 4px;*/
/*}*/


/*.page_register .entry__wrapper-now {*/
/*    width: 640px !important;*/
/*    background: white;*/
/*    max-width: 640px;*/
/*    padding: 13px;*/
/*    border-radius: 12px;*/
/*    box-shadow: 0;*/
/*}*/

/*body.dark .page_register .entry__wrapper {*/
/*    background: var(--background-dark);*/
/*}*/


/*body.dark .page_register .entry__wrapper-now {*/
/*    background: var(--background-dark);*/
/*}*/

/*body.dark .entry {*/
/*    background: #171a21;*/
/*}*/
/*.entry{*/
/*    min-height: auto;*/
/*}*/
body.dark .field__input {
    border-color: #383a4f;
    background: #171a21;
}	
	



.header__head {
    width: auto;
    font-weight: 600
}

button.header__head .icon-profile-circle {
    margin-left: 8px;
}


.dark .header__head {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .2s;
	border-color:White !important;
}

@media (max-width: 768px) {
	.header__head{
		border-radius:10px;
    width: 40px !important;
    height: 40px;
	}
	.users__button{
		margin-left:0px;
	}
}
a {
    text-decoration: none
}

.field__select {
    background-color: #F4F4F4;
    height: 48px;
    padding: 0 10px;
    border-radius: 12px;
    border: 2px solid transparent
}

.w-full {
    width: 100%
}

iframe {
    max-width: 100%
}

.contact_page .packages__list li {
    padding-left: 0
}

.contact_page .packages__list li:before {
    display: none
}

.contact_page .packages__list a {
    color: #3e68a0
}

.card_button {
    color: #fff !important;
	background: linear-gradient( 272.13deg, rgba(206, 15, 80, 0.5) 0%, rgba(254, 17, 45, 0.5) 100% ), #dd364d !important;
}

.card_button .icon {
    width: 24px;
    height: 24px;
    fill: #fff;
    transition: fill .2s;
}

.header__item:not(:last-child) {
    margin-right: 0px;
}
.header__search:not(:last-child) {
    margin-right: 24px;
}
.search__details {
    width: 50%;
    display: inline-block;
    flex: inherit;
    max-width: 50%;
    line-height: normal
}

.search__item .summary__price_old span {
    font-size: .8rem
}

.orderPopup_title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 1rem
}

.orderPopup_title span {
    font-size: 1.3rem;
    font-weight: 700
}

.orderPopup_desc {
    margin-top: 1rem;
    font-size: .9rem
}

.orderPopup_desc p {
    color: #6F767E;
    margin: 0
}

.orderPopup_Form {
    margin-top: 1rem
}

.orderPopup_Form .success {
    padding: 1rem 0
}

.orderPopup_Form .field__wrap label {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    font-size: .875rem;
    color: #6F767E;
    margin-bottom: .5rem
}

.cart_page .card__head {
    justify-content: space-between
}

.text-success {
    color: #42c87e !important
}

.header_cart_btn, .slider_title a {
    color: #fff !important
}


.btn-success {
    background-color: var(--theme-color);
    border-color: #dd7317;
}
.btn-success:hover {
    color: var(--theme-color);
    background-color: #14121100;
    border-color: var(--theme-color);
}



.btn-info {
    background-color: #19c5e9;
    border-color: 19c5e9;
}

.headbtnalan i{
    background: #00000030;
    padding: 4px;
    border-radius: 100%;
    margin-left: 6px;
}
.headbtnalan{
    padding: 0 15px;
    font-size: 13px;
    border-radius: 12px;
    line-height: 1.6;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    margin-top: 5px;
}








.slider_button {
    cursor: pointer
}

body.dark .product_page .summary_price_box .summary__price {
    color: #fff
}

.schedule__product a {color: #fcfcfc;}
.schedule__product a:hover {color: #0a58ca;}








.slider_price {
    display: flex;
    align-items: center;
    padding: 0 1rem 0 00;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}



@media (min-width: 720px) {
	.pcgizle{
		display:none !important;
	}
	
}
@media (max-width: 720px) {
	.mobgizle{
		display:none !important;
	}
    .sidebar__foot_mobile {
        display: block !important
    }

    .header_about_btn {
        display: none
    }

    .js-tabs .shop__control .shop__nav {
        flex-direction: column
    }
}

.sidebar__foot_mobile {
    display: none
}

.slider_footer_start {
    display: flex
}


body.dark .orderPopup_title {
    border-bottom: 1px solid #dedede24
}

body.dark .field__select {
    background: #212529;
    color: #fff !important
}

.product_single_tabs {
    display: flex;
    border: none
}

.product_single_tabs .nav-item {
    border: none
}

.product_single_tabs .nav-item .nav-link.active {
    color: #1A1D1F;
    border: none !important;
    background: #EFEFEF
}

.product_single_tabs .nav-item .nav-link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #6F767E;
    border: none !important;
    transition: all .2s
}

.product_page .shop__control {
    flex-direction: column;
    align-items: flex-start
}

.product_page .product__comments {
    width: 100%;
    border-left: none
}

.product_page .tab-content {
    padding-top: 1.5rem;
    width: 100%
}

.product_page .shop__control .hit {
    width: 100%
}

.product_page .shop__control .hit .hit__head {
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.editor__wrap .rating {
    position: absolute;
    left: 9rem;
    bottom: 12px;
    z-index: 1;
    box-shadow: none !important;
    background: 0 0;
    padding: 0 !important;
    margin: 0 !important;
    height: 40px
}

.editor__wrap .rating i {
    font-size: 18px !important
}

.editor__wrap .rating i:hover {
    color: #ffc107 !important
}

.notify_btn {
    color: #fff;
}

.nobg_category {
    padding-top: 1rem
}

.nobg_category .shop__background {
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: column
}

.nobg_category .shop__background .product_breadcrumb_page {
    position: static;
    top: 0
}

.nobg_category .shop__tabs {
    margin-top: 0 !important
}

body.dark .product_single_tabs .nav-item .nav-link.active {
    background: #272B30;
    color: #fff
}

.product__content, .product__content p {
    color: #94999f
}

.header_cart_btn span {
    font-weight: 400 !important
}

#headerCartCount {
    font-weight: 700 !important
}

.summary_category_icon_item_white, body.dark .summary_category_icon_item_normal {
    display: none !important
}

body.dark .summary_category_icon_item_white {
    display: block !important
}

.sidebar__menu .icon_white, body.dark .sidebar__menu .icon_black {
    display: none !important
}

body.dark .sidebar__menu .icon_white {
    display: block !important
}

.filters__body {
    position: fixed;
    right: 75px;
    top: inherit;
    bottom: 15px
}

.filters__group {
    max-height: 313px;
    overflow: hidden;
    overflow-y: scroll
}

.filters__group::-webkit-scrollbar {
    height: 5px !important;
    width: 5px
}

.filters__group::-webkit-scrollbar-track {
    border-radius: 10px !important;
    background: rgb(112 112 112 / .1);
    webkit-box-shadow: inset 0 0 6px #707070 !important
}

.filters__group::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: rgb(112 112 112 / .2) !important;
    webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5) !important
}

button.button-stroke.settings__button {
    margin-right: 10px;
    padding: .8rem .6rem
}

.product_page .shop__contacts .product_cart_button:hover {
    opacity: .8
}

.page_single, .page_single p {
    color: #000
}

.table_no_empty h4 {
    font-size: 1.2rem;
    font-weight: 700
}

body.dark .payment_history_tabs .nav-tabs {
    background: #111315
}

.payment_history_tabs .nav-tabs {
    border: none;
    width: auto;
    display: inline-flex;
    display: flex;
    margin-bottom: 36px;
    padding: 4px;
    border-radius: 20px;
    background: #F4F4F4
}

.payment_history_tabs .nav-tabs .nav-item .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    height: 32px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #6F767E;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s
}

body.dark .payment_history_tabs .nav-tabs .nav-item .nav-link.active {
    color: #fff
}

.header__line {
    flex-direction: row;
    flex-wrap: wrap
}

.payment_history_tabs .nav-tabs .nav-item .nav-link.active {
    box-shadow: 0 4px 8px -4px rgb(0 0 0 / 25%), inset 0 -1px 1px rgb(0 0 0 / 4%), inset 0 2px 0 rgb(255 255 255 / 25%);
    background: #FCFCFC
}

#calculatorPrice {
    margin-right: .5rem
}

.paymentMethod_service_Label, body.dark .paymentMethod_service_Label {
    text-align: left;
    width: 100%;
    display: flex;
    margin: .5rem 0 1rem;
    border-radius: 6px;
    padding: .5rem;
    font-size: .87rem;
    font-weight: 500
}

body.dark .paymentMethod_service_Label {
    color: #1A1D1F;
    background: #B5E4CA
}

.paymentMethod_service_Label {
    background: #e6eff0
}

.coupon_completed {
    background: #d8ede3
}

.coupon_danger {
    background: #c9cbce
}

.hidden {
    display: none !important
}

.coupon_active_input {
    text-decoration: line-through
}

body.dark .payment_history_tabs .nav-tabs .nav-item .nav-link.active {
    box-shadow: 0 4px 8px -4px rgb(0 0 0 / 25%), inset 0 -1px 1px rgb(0 0 0 / 49%), inset 0 2px 1px rgb(255 255 255 / 6%);
    background: #272B30
}

body.dark .payment_history_tabs .nav-tabs .nav-item .nav-link {
    border-color: transparent
}

body.dark .payment_history_tabs .nav-tabs {
    border-color: #556171
}

body.dark .header_cart_open {
    background: #111315;
    color: #fff;
    border-color: #272B30 !important
}

body.dark .header_cart_footer .header_cart_btn, body.dark .header_cart_product_price {
    color: #fff !important
}

body.dark .header_cart_open_wrapper {
    color: #fff !important;
    border: none
}

body.dark .header_cart_product_image, body.dark .header_cart_products {
    border-color: #dedede40
}

body.dark .product__content, body.dark .product__content p {
    color: #ffffff;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

body.dark .product__content h3{
    font-weight: 500;
    color: #FCFCFC;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

/*body.dark .header__item_messages .header__head .icon, .header__item_notifications .header__head .icon {*/
/*    width: 24px;*/
/*    height: 24px;*/
    /* fill: #babcbe; */
/*    transition: fill .2s;*/
/*}*/
/*body.dark .header__item_messages .header__head.active:before, body.dark .header__item_notifications .header__head.active:before {*/
/*    border-color: #1a1d1f70;*/
/*}*/

body.dark .product__content h2{
    font-weight: 500;
    color: #FCFCFC;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

 .product__content h2 {
    font-weight: 500;
    color: var(--bs-dark);
    font-size: 1.3rem;
    margin-bottom: 20px;
	
}

body.dark .page_single .product__title {
    color: #ccd3dc !important
}

.discount_message {
    display: flex;
    padding-top: .25rem;
    font-size: .875rem
}

.discount_message.true {
    color: #31c27d
}

.discount_labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: .5rem
}

.discount_message.false {
    color: #c23131
}

.discount_close {
    color: #6c757d;
    cursor: pointer
}

@media only screen and (max-width: 1259px) {
    .sidebar__logo {
        display: none
    }

    .search {
        width: 100%;
        visibility: visible;
        opacity: 1;
        top: 0px;
        position: relative;
      
    }
}

.cart_mobile_element {
    display: none
}

@media (max-width: 768px) {
    .messages {
        display: flex;
        background: 0 0;
        width: 100%;
        flex-direction: column;
        height: auto
    }

    .messages__link {
        width: auto !important;
        flex: inherit !important;
        margin-left: 0;
        justify-content: flex-start;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .messages.active .messages__users {
        display: block;
        margin: 0 0 2rem !important;
        background: #ffffff00;
        max-width: 100%;
        border-radius: 12px;
        padding: 16px 8px
    }

    .messages.active .messages__messenger {
        background: #ffffff00
    }

    .jbetween a {
        margin-top: 1rem;
        color: #fff !important
    }

    .jbetween {
        flex-direction: column
    }

    .search.visible {
        width: 100%
    }

    .cart_btn_mobile {
        width: 50px
    }

    .messenger__send_message {
        margin-bottom: 2rem;
        margin-top: 1.5rem
    }
    .messenger__send.mb-2 .file{width:100% !important;padding: 0 15px !important;margin-bottom: 1rem;}
    .messenger__form{width:100% !important;justify-content: center !important;margin-bottom: 1rem;}
    .messenger__form button{
        width: 50%;
    }
    .messenger__send.mb-2{flex-direction: column-reverse !important;padding: 0 !important;justify-content: center !important;align-items: center !important;}
    .messenger__send {
        position: static;
        margin-bottom: 2rem;
        margin-bottom: 0;
    }

    .header__search {
        margin-right: 0 !important
    }

    body.dark .register_btn {
        background: 0 0;
        border: 1px solid #6F767E;
        color: #6F767E
    }

    .messages__details {
        width: 100%;
        max-width: 100%
    }

    .messages__item {
        width: 100%
    }

    .messages__list {
        padding-right: 16px;
        padding-left: 16px
    }

    .messages__nav {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        background: 0 0
    }

    .register_btn {
        border: 1px solid #6F767E;
        background: #6F767E;
        color: #fff
    }

    .sidebar.active .sidebar__logo {
        display: block !important
    }

    .mobile_hidden {
        display: none !important
    }

    .cart_mobile_element {
        display: block !important
    }

    .cart_desktop_element {
        display: none !important
    }
	
	

    .sidebar.active .sidebar__menu {
        padding-top: 30px
    }

    .sidebar.active .desktop_hidden {
        display: block !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 48px;
        margin: .5rem 0
    }

    .cart_mobile_element svg {
        width: 24px;
        height: 24px
    }
}

.hbm_search, .header_top_main {
    position: relative
}

.desktop_hidden {
    display: none !important
}

.jbetween, .payment_history_tab_wrapper {
    display: flex
}

.messages__nav {
}

.messages__users {
}

.messages__link {
}

.messenger__send_message {
    /* bottom: inherit; */
    /* position: static; */
    /* width: 100%; */
    /* border: 2px solid #181a20; */
    /* background: #191b2000; */
    /* border-radius: 12px; */
    /* height: auto; */
    /* align-items: flex-start; */
    /* border-bottom-left-radius: 0; */
    /* border-bottom-right-radius: 0; */
}

.messenger__input {
}

body.dark .messenger__input {
}

.jbetween {
    justify-content: space-between;
    align-items: center
}

.messenger__wrapper {
    height: calc(100% - 94px) !important;
    padding: 10px 24px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
}

.messenger__list {
    max-height: calc(100% - 300px);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.jbetween a {
}

/*body.dark #smsActivation .modal-content {*/
/*    background: #1A1D1F !important*/
/*}*/

/*body.dark #smsActivation .modal-footer, body.dark #paymentDialog .modal-header {*/
/*    border-color: #dee2e642 !important*/
/*}*/


/*body.dark #paymentDialog .modal-content {*/
/*    background: #1A1D1F !important*/
/*}*/

/*body.dark #paymentDialog .modal-footer, body.dark #paymentDialog .modal-header {*/
/*    border-color: #dee2e642 !important*/
/*}*/

.filters__range {
    width: calc(100% - 20px); 
    margin: auto auto auto 5px;
    padding-left: 0
}

.messages__details {
    width: 100%;
    max-width: 100%;
    flex: inherit
}

.messages__item {
    width: 100%
}

.media__button i {
    color: #6F767E;
    margin-right: 8px
}

.product__content li, .product__content ul {
    list-style: disc
}

.product__content ul {
    padding-left: 1rem
}

.cart_page button[disabled], .orderPopup_Form button[disabled] {
    opacity: .5;
    cursor: none;
    pointer-events: none
}

@media (max-width: 728px) {
    .cart_page .schedule__col label.checkbox, .cart_price_div {
        margin-bottom: 1rem
    }

    .schedule__preview {
        width: 100%;
        height: auto
    }

    .cart_page .schedule__preview img {
       
        object-fit: cover
    }

    .cart_page .schedule__details .schedule__price {
        display: none
    }

    .cart_page .schedule__item {
        flex-direction: column
    }

    .cart_page .panel {
        display: block !important
    }

    .cart_price_div {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%
    }

    div.cart_page .schedule__row:not(:first-child) > div.schedule__col:last-child {
        text-align: center;
        display: flex;
        width: 100% !important
    }

    div.cart_page .schedule__row .cart_price_div > .schedule__col:first-child .schedule__quantity_calc > div {
        height: 100%;
        align-items: center;
        display: flex
    }

    div.cart_page .schedule__row .cart_price_div > .schedule__col:first-child .schedule__quantity_calc {
        justify-content: flex-start;
        width: 100%;
        display: inline-flex;
        margin-left: 0;
        height: 40px;
        align-items: center
    }

    div.cart_page .schedule__row .cart_price_div > .schedule__col:first-child {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        display: flex;
        margin-left: 0
    }

    div.cart_page .schedule__row:first-child .schedule__col:first-child > .checkbox {
        margin: 0
    }

    div.cart_page .schedule__row:first-child {
        align-items: center
    }

    div.cart_page .schedule__row:first-child .schedule__col:first-child {
        width: auto !important;
        display: flex !important;
        align-items: center !important
    }

    div.cart_page .schedule__row:first-child .schedule__col {
        width: 25% !important;
        height: 100%;
        height: 55px;
        align-items: center;
        font-size: .7rem;
        line-height: 50px
    }

    div.cart_page .schedule__row .cart_price_div {
        width: 100% !important;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column !important;
        margin-bottom: 1rem;
    }

    .cart_page .schedule__row:not(:first-child) > .schedule__col:nth-child(2) .schedule__product a {
        text-align: center !important;
        justify-content: center;
        width: 100%;
        margin-bottom: 1rem
    }

    div.cart_page .schedule__row:not(:first-child) > .schedule__col:nth-child(2) {
        width: 85% !important;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    .cart_page .schedule__row:not(:first-child) > .schedule__col:nth-child(1) {
        width: 15% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .cart_page .panel__btns a, .cart_page .panel__btns button {
        margin-bottom: .5rem;
        width: 100%
    }



    .cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
        margin-top: 0 !important;
        height: 40px;
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: .9rem !important
    }

    .cart_page .schedule__row .cart_price_div .schedule__col {
        width: 100% !important;
        padding: 0 !important;
        text-align: center
    }
}

.cart_page .schedule__row .cart_price_div {
    padding: 0 1rem
}

.cart_page .schedule__row:not(:first-child) > .schedule__col:nth-child(2) .schedule__product {
    margin: 0;
    text-align: center;
    padding: 0
}

.cart_page .schedule__row:not(:first-child) > .schedule__col:nth-child(2) .schedule__product a {
    font-size: .8rem;
    width: 100%;
    display: flex;
    margin-top: .5rem;
    text-align: left
}



.cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
    font-size: .85rem;
    margin-top: .5rem;
    width: max-content;
    background-color: var(--price-tag-bg);
}

.cart_page .schedule__row:not(:first-child) > .schedule__col:nth-child(2) {
    width: 25% !important
}

.cart_page .schedule__row:not(:first-child) > .schedule__col {
    width: auto !important
}

.cart_page .schedule__row:not(:first-child) > div.schedule__col:last-child .schedule__date {
    font-size: .8rem
}

.cart_page .schedule__row:not(:first-child) > div.schedule__col:last-child {
    width: 35% !important
}

.cart_page .schedule__row:not(:first-child) {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.cart_page .schedule__row {
    border-bottom: 1px solid #dede;
    padding: .5rem
}

.cart_page .schedule__col:nth-child(2) {
    width: calc(25% - 14px)
}

.cart_page .schedule__col {
    display: block !important
}

.page_top_header {
    padding: 0
}

body.dark .header_top_menu_right > li > a {
    color: #fff
}

body.dark .header_top {
    border-color: transparent;
    background: transparent;
}

.header_top, .header_top_menu {
    border-bottom: 0px solid #dedede
}

.header_top_main {
    box-shadow: none !important;
    background: 0 0;
    padding: 0;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    align-items: inherit;
    flex-direction: column
}

.header_top, .header_top_navbar {
    align-items: center;
    display: flex
}

.header_top {
    font-size: 12px
}

body.dark .header_top_slogan h1 {
    color: #fff
}

.header_top_menu_right > li > a, .header_top_slogan h1 {
    color: #606060;
}

body.dark.modern .header_top_colon {
    display: flex;
    justify-content: space-between;
    align-items: center;
   color: #ffffff;
}

.header_top_colon {
    display: flex;
    justify-content: space-between;
    align-items: center;
   color: #606060;
}

.header_top_navbar {
    height: 80px;
    border-bottom: 0px solid #ebebeb;
}

body.dark .header_top_navbar {
    background: transparent;
}

.header_top_menu {
    display: flex;
    height: 50px;
    background: #fff;
    border-top: 1px solid #dedede
}

body.dark .header_top_menu {
    background: transparent;
    border-color: transparent;
    box-shadow: 0px 1px 0px 0px transparent;
    border-bottom: 0px solid #181a20;
}

.header_top_menu .container {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: space-between;
    max-width: 1200px
}

.header_top_navbar > .container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0
}

.header_top_menu_right > li {
    padding: 0 .5rem
}

.header_top_menu .container > li.dropdown {
    list-style: none;
    margin-left: 1rem
}

.header_top_menu_right .dropdown-menu {
    padding: 0
}

.header_top_menu_right .dropdown-menu > li a {
    font-size: .875rem;
    font-weight: 500;
    padding: .6rem 1rem
}

.header_top_menu li.dropdown a.dropdown-toggle {
    color: #1a1a1a
}

.header_top_menu_right {
    color: #6F767E;
    display: flex
}

body.dark .header_top_menu li.dropdown a.dropdown-toggle {
    color: #eee
}

body.dark .header_top_menu li.dropdown ul.dropdown-menu {
    background: #191a27
}

.header_top_menu li.dropdown ul.dropdown-menu li a:hover {
    text-shadow: 0 0 6px rgb(237 238 251 / 68%);
    border-bottom: 1px solid #5962ca;
    color: #edeefb
}

body.dark .header_top_menu li.dropdown ul.dropdown-menu li a {
    color: #fff
}

.header_top_menu li.dropdown ul.dropdown-menu li a {
    font-size: .85rem;
    background: 0 0;
    border-bottom: 1px solid transparent;
    transition: .5s all ease
}

.ht_navbar_start {
    width: 25%
}

.ht_navbar_search {
    width: 40%
}

.header_top_navbar .navbar-brand img {
    height: 70px
}

@media (max-width: 768px) {
.header_top_navbar .navbar-brand img {
    height: 50px
}
}


.header_top_navbar .ht_navbar_search .search {
    z-index: 99
}

.ht_navbar_search .search {
    width: 100%
}

.ht_navbar_end {
    display: flex;
    list-style: none;
    width: 40%;
    justify-content: flex-end;
    align-items: center
}

.ht_navbar_end > li:first-child {
    margin-right: .5rem
}

body.dark .ht_navbar_end > li > .dropdown-item {
    color: #fff
}

.ht_navbar_end > li > .dropdown-item {
    border-radius: 6px;
    font-weight: 600
}

.ht_navbar_end .theme__inner {
    background: 0 0
}

.ht_navbar_end li.add_product {
    margin: 0;
    padding: 0
}

.ht_navbar_end li.add_product .dropdown-menu.show {
    background: #fff
}

.ht_navbar_end li.add_product .dropdown-menu li:first-child a {
    border-radius: 0
}

.ht_navbar_end li.add_product .dropdown-menu li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ht_navbar_end li.add_product > a {
    border: 1px solid #dedede;
    border-radius: .6rem;
    font-size: .875rem;
    font-weight: 600
}

.ht_navbar_end li.add_product .dropdown-menu li:last-child {
    border: none
}

.ht_navbar_end li.add_product .dropdown-menu {
    padding: 0;
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0 !important;
    border: none;
    border-radius: 0 0 6px 6px
}

.ht_navbar_end li.add_product .dropdown-menu a {
    color: #373738;
    font-size: .9rem;
    font-weight: 500;
    padding: .5rem 1rem;
    border-bottom: 1px solid #dedede
}

.ht_navbar_end li.add_product .dropdown-menu li:last-child a {
    border: none
}

body.dark .ht_navbar_end li.add_product a:hover {
    background: #404257;
    color: #fff
}

body.dark .ht_navbar_end li.add_product > a {
    font-weight: 700;
    font-size: .875rem;
    padding: .5rem 1rem;
    background: #404257;
    color: #fff;
    border: 1px solid #404257
}

.ht_navbar_end .theme_switch {
    margin-left: 1rem
}

.ht_navbar_end .theme_switch .theme__box .icon {
    margin-right: 0
}

.ht_navbar_end .theme_switch .theme__box {
    min-width: 32px
}

.ht_navbar_end .theme__input:checked + .theme__inner {
    background: 0 0
}

body.dark .search__start:hover svg {
    fill: #6F767E
}

.header_top_menu .sidebar__menu {
    flex-direction: row;
    width: 100%
}

.header_top_menu .sidebar__body {
    display: none !important
}

.sidebar__item {
    margin: 0 !important
}

.header_top_menu li.dropdown a.dropdown-toggle i {
    margin-right: .5rem
}

.header_top_menu .sidebar__head > a {
    color: #d9dae9
}

.header_top_menu .sidebar__head > svg {
    fill: #d9dae9
}

.blog_card_text .blog_card_details svg, .product_order_card .schedule_product_btn button.product_cart_button svg {
    fill: #fff
}

.header_top_menu .sidebar__head a img {
    transition: .5s all ease
}

.header_top_menu .sidebar__head:hover a img {
    opacity: 1;
    transition: .5s all ease
}

.header_big_menu {
    padding: 1.5rem 0;
    display: none;
    border-bottom: 1px solid #dedede;
    background: #fff;
    transition: .5s all ease
}

body.dark .header_big_menu {
    background: #1a1d1f;
    border-color: transparent
}

.header_big_menu.open {
    display: block
}

.header_big_menu .container {
    padding: 0
}

.header_big_menu_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem
}

body.dark .hbm_search input {
    color: #eee;
    background: #272b30
}

body.dark .hbm_search input::placeholder {
    color: #8a8d9e
}

.hbm_search input::placeholder {
    color: #3f425742
}

.hbm_search input {
    padding: 7px 28px 5px 12px;
    border: 0px solid;
    border-radius: 3px;
    background: #fff;
    color: #3f4257;
    appearance: none !important;
    outline: 0 !important
}

.hbm_search i {
    position: absolute;
    right: 15px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #8a8d9e
}

.header_big_menu_content ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.header_big_menu_content ul li {
    width: calc(25% - 4px);
    float: left;
    margin: 2px
}

body.dark .header_big_menu_content ul li a {
    color: #fff;
    background: 0 0;
}

.header_big_menu_content ul li a:hover {
    background: #f4f4f4;
    color: #323448;
    border: 1px solid
}

body.dark .header_big_menu_content ul li a:hover {
    background: #111315;
    color: #fff
}

.header_big_menu_content ul li a {
    transition: .5s all ease;
    font-size: .9rem;
    border-radius: 6px;
    padding: .45rem .5rem;
    align-items: center;
    display: flex;
    color: #2e3139;
    border: 1px solid #333;
    margin-bottom: .3rem;
    margin-right: .5rem;
    background: #fff
}

.header_big_menu_content ul li a img {
    height: 30px;
    width: 30px;
    object-fit: cover;
    border-radius: 3px;
    margin-right: .4rem
}

body.dark .hbm_all_link a {
    color: #fff
}

.hbm_all_link a {
    color: #000
}



.hbm_all_link a i {
    margin-left: .5rem
}

.notCategoryShowing {
    display: none
}

.notCategoryShowing.active {
    display: flex
}

#shop_js_tab_wrapper .js-tabs-item {
    display: none
}


.border-radius-0{
	border-radius:0px !important;
}





/* GENEL: Pagination düzeni */
.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1.5rem 0;
    background: white;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0 0 4px -1px rgba(0,0,0,0.18);
    width: auto;
    margin: auto;
}

/* Sayfa linkleri */
.pagination .page-item .page-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 0;
    line-height: 35px;
    text-align: center;
    margin: 0 4px;
    font-size: 0.85rem;
    font-weight: 400;
    color: #1f1f1f;
    border-radius: 100%;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

/* Aktif sayfa */
.pagination .page-item.active .page-link {
    background: var(--theme-color);
    color: #fff;
    font-weight: 700;
 
    transform: translateY(-1px);
}

/* Pasif (disabled) butonlar */
.pagination .page-item.disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* Karanlık tema desteği */
body.dark .pagination {
    background: #2a2d3a;
    box-shadow: 0 0 4px -1px rgba(255,255,255,0.08);
}

body.dark .pagination .page-item .page-link {
    background: #3b4b67;
    border-color: #2230477a;
    color: #fff;
}

body.dark .pagination .page-item.active .page-link {
   background: var(--theme-color);
    color: #fff;
    font-weight: 700;
    /*box-shadow: 0 0 10px rgb(238 125 25);*/
    transform: translateY(-1px);
    color: #fff;
}



.summary__date .icon, .summary__date i {
    width: 16px;
    height: 16px;
    font-size: 16px
}

body.dark .summary_description p {
    color: #fff
}

.summary_icons {
    display: flex
}

.summary__date i {
    margin-right: .5rem
}

.summary__date {
    font-size: .85rem;
    margin-right: 1rem
}

.phone_row {
    display: flex
}

.phone_row .col-md-3 {
    width: auto;
    max-width: 25%
}

.phone_row .col-md-9 {
    max-width: 75%
}

/*	.category_list_box_img img {*/
/*    height: auto!important;*/
/*    width: auto!important;*/
/*}*/


body.dark .product__wrapper {
    background: var(--background-dark);
}

body.dark.modern .breadcrumb li a {
    color: #ffffff !important;
    font-weight: 500;
}


.product__share .icon {
    width: 24px;
    height: 24px;
    fill: var(--theme-color);
    transition: fill .2s;
}

/* Ana Ürün Kartı */




/* Web görünümünde kaydırma */
.shop__products {margin: 0;}


.shop__products::-webkit-scrollbar {
    height: 5px; /* Scroll bar yüksekliği */
}

.shop__products::-webkit-scrollbar-thumb {
    background: #888; /* Scroll bar rengi */
    border-radius: 10px;
}

.shop__products::-webkit-scrollbar-track {
    background: #3a3f4e; /* Scroll bar arkaplanı */
}















body.dark.modern .btn-success2 {
    border: 2px solid var(--theme-color)!important;
    background: 0 0;
    color: #fff!important;
    transition: background .2s ease-out!important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    top: 0px;
}


.btn-success2 {
    background: azure;
    color: #000000 !important;
    transition: background .2s ease-out !important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    top: 0px;
    border-radius: 12px;
    box-shadow: 0;
    border: 2px solid var(--theme-color) !important;
}
body.dark.modern .btn-success2:hover {
   
    background:var(--theme-color) ;
    color: #fff!important;
    transition: background .2s ease-out!important;
}
.btn-success2:hover {
 
    background:var(--theme-color) ;
    color: #fff!important;
    transition: background .2s ease-out!important;
}



.modern_shop_product {
    padding-top: 0;
    display: flex
}

.vertical_product_card .product_card:hover .summary_category_icon .summary_category_icon_item_normal {
    display: none !important
}

.vertical_product_card .product_card:hover .summary_category_icon .summary_category_icon_item_white {
    display: block !important
}

.vertical_product_card .product_card .product_cart_button {
    font-size: 0
}

.vertical_product_card .product_card .product_view_button svg {
    margin-right: 0
}

.product_order_card {
    flex-direction: column;
    padding: 0rem 0
}

.product_order_card .product_card {
    width: 100%;
    flex: 0 0 100%
}

.ht_navbar_end .header_cart .cart_btn_mobile {
    color: #fff !important;
    padding: .375rem .75rem;
}

.product_order_card .schedule__row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding: 1rem 0
}

.product_order_card .schedule__row .schedule__col {
    width: 30%;
    font-size: .875rem;
    border: none;
    margin: 0;
}

.product_order_card .schedule__product .product_note {
    font-weight: 400
}

.product_order_card .schedule__product {
    margin: 0;
    margin-bottom: 4px;
    max-width: inherit;
    width: auto;
    font-size: 1rem;
    flex-direction: column;
    display: flex
}

.product_order_card .summary__price {
    font-size: 1.5rem
}

.product_order_card .schedule__details {
    display: flex;
    width: calc(77% - 80px)
}

.product_order_card .schedule_discount {
    display: flex;
    width: 25%
}

.product_order_card .cart_price_div {
    width: 20%
}

.product_order_card .schedule_product_btn {
    width: 25%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 1.5rem
}

.product_order_card .schedule__col:first-child:after {
    display: none
}

.product_order_card .summary_discount_box {
    background: #e62727;
    border-radius: .4rem;
    padding: .5rem .7rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
    margin-right: 1rem
}

.product_order_card .summary_discount_box .summary_discount {
    margin: 0
}

.product_order_card .summary_discount_box .summary_discount span {
    background: 0 0;
    color: inherit
}

.product_order_card .summary__price_old {
    text-align: left
}

.product_order_card .schedule__plus button {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.product_order_card .schedule__minus button {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.product_order_card .schedule__minus button, .product_order_card .schedule__plus button {
    width: 45px
}

.product_order_card .schedule__quantity {
    width: 70%;
    text-align: center;
    height: 45px;
    align-items: center;
    display: flex;
    font-weight: 800;
    justify-content: center;
    color: #1c1c1c;
    font-size: 1rem
}

.product_order_card .schedule_product_btn button.product_cart_button:hover {
    background: #019c71;
    transition: .5s all ease
}

.product_order_card .schedule_product_btn button.product_cart_button {
    background: var(--theme-color);
    color: #fff;
    transition: .5s all ease
}

.product_order_card .product_view_button {
    background: #2b85ff;
    margin-left: 1rem;
    color: #fff;
    padding: .4rem 1rem;
    border-radius: 7px
}

.product_order_card .product_view_button svg {
    fill: #fff;
    margin: 0
}

.cart_page .schedule__row:not(:first-child) {
    display: flex;
    width: 100%;
    min-width: 100%
}

.cart_page .schedule__row .cart_price_div {
    display: flex;
    height: auto;
    width: calc(19% - 14px);
    flex-direction: row !important;
    align-items: flex-end;
    position: relative;
    margin: 0px auto 0 0;
    margin-right: 0px !important;
    padding-left: 0
}

.cart_page .schedule__row:not(:first-child) > .schedule__col {
    height: auto;
    display: flex;
    align-items: center
}

.cart_page .schedule__row:not(:first-child) > .schedule__col:first-child {
    width: 56px
}

.cart_page .schedule__table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: none
}

.cart_page .schedule__row .cart_price_div .schedule__col {
    padding: 0 10px
}

.cart_page .schedule__row:not(:first-child) > .schedule__col:last-child {
    width: 10% !important
}

body.dark .cart_page .schedule__row:first-child > .schedule__col {
    border-color: #dedede2b !important
}

.cart_page .schedule__row:first-child > .schedule__col {
    border-bottom: 1px solid #dedede !important;
    border-radius: 0 !important;
    padding-bottom: 10px
}

.cart_page .schedule__row:first-child {
    display: flex;
    border: none;
    align-items: flex-end
}

.cart_page .schedule__row:first-child .schedule__col:first-child {
    width: 56px
}

.cart_page .schedule__row:first-child .schedule__col:nth-child(2) {
    width: calc(25% - 14px)
}

.cart_page .schedule__row:first-child .schedule__col:nth-child(3) {
    width: calc(19% - 14px)
}

.cart_page .schedule__row:first-child .schedule__col:nth-child(4) {
    width: calc(20% - 14px);
    text-align: center
}

.cart_page .schedule__row:first-child .schedule__col {
    width: calc(19% - 56px)
}

.cart_page .cart_price_div .schedule__col:after {
    display: none
}

.cart_page .cart_price_div:first-child:after {
    left: 12px
}

body.dark .cart_page .cart_price_div:after {
    opacity: 0
}

.cart_page .cart_price_div:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    height: 1px;
    background: #EFEFEF
}

.faq__title {
    font-size: 1.4rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: .5rem;
    font-weight: 800
}

body.dark .faq__title {
    border-color: #272B30;
}

.product_content_tab_view {
    border: 1px solid #dedede;
    border-radius: .6rem;
    padding: 1.5rem 1rem .5rem
}

.product_content_tab_view .shop__link {
    background: #6F767E;
    color: #fff
}

.product_content_tab_view .shop__nav {
    margin-bottom: 1.5rem
}

.product_content_tab_view .category_content_text .faq__title {
    border: none;
    padding: 0;
    margin: 0
}

.faq__body {
    display: none;
    padding-top: 0.6rem;
    font-weight: 500;
}

.faq__tab .faq__item.active:last-child .faq__head {
    border-color: #EFEFEF
}
body.dark .faq__tab .faq__item.active:last-child .faq__head {
    border-color: #272B30;
}

.faq__tab .faq__item:last-child .faq__head {
    border-color: transparent
}

/*footer {*/
  
/*    padding: 30px 0;*/
/*    color: #979aae*/
/*}*/

/*body.dark footer {*/
/*    padding: 30px 0;*/
/*	background:transparent !important;*/
/*    color: #eee;*/
/*}*/

footer .sidebar__head > a {
    color: #fff;
    font-size: 1.3rem;
}

footer .sidebar__head a > svg, footer .sidebar__head > svg {
    display: none !important
}

footer .sidebar__body {
    padding: 0;
    display: block
}

footer .sidebar__body .sidebar__link:Before, footer .sidebar__body:before {
    display: none
}

body.dark footer .sidebar__body .sidebar__link {
    color: #fff !important;
}
body.dark footer .sidebar__body .sidebar__link:hover {
    color: var(--theme-color) !important;
}

footer .sidebar__body .sidebar__link {
    color: #000 !important;
    font-size: .75rem;
    font-weight: 300;
	/* font-family: Galano Grotesque; */
    height: auto;
    padding-bottom: 0.5rem;
}

body.dark .footer_company .navbar-brand img.some-icon {
    display: none !important
}

.footer_company .navbar-brand img.some-icon-dark {
    height: 40px;
    display: none
}

.footer_company .navbar-brand img.some-icon {
    height: 40px;
    display: none !important;
    display: block !important
}

body.dark .footer_company .navbar-brand img.some-icon-dark {
    display: block !important
}

.fcp_box {
    display: flex;
    /* padding: .5rem 0 */
}

.fcp_box a:hover {
    /* background: rgb(0 0 0 / 26%); */
     color: rgb(0 0 0);
}

.fcp_box a {
    /* background: rgb(0 0 0 / 46%); */
    width: 100%;
    padding: 0;
    padding-bottom: 0.5rem;
    border-radius: 6px;
    color: rgb(255 255 255 / 70%);
    transition: .5s all ease;
    font-weight: 100;
    font-size: .75rem;
}

.empty_pmethods_icon i, body.dark .sidebar__item[href]:hover > span {
    color: #fff
}

.fcp_box p {
    font-size: .875rem
}

.fcp_box a i {
    margin-right: .5rem
}

body.loading_active {
    position: relative
}

body.loading_active .page {
    /* filter: blur(3px); */
    /* -webkit-filter: blur(3px) */
}

.page_loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    z-index: 9999;
    opacity: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: none
}

.page_loading svg {
    margin-left: .3rem;
    margin-right: .3rem;
    width: 4rem;
    height: 4rem;
    fill: #2a85ff
}

body.loading_active .page_loading {
    display: flex
}

body.loading_active .page_loading .loading_product {
    display: block;
    position: static;
    object-fit: contain
}

.static_boxes_page:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.static_boxes_page:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

body.dark .static_boxes_page:nth-child(even) {background: #24263a;border: 1px solid #181a20;}

body.dark .static_boxes_page {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    color: #fff;
    width: 100%;
    padding: 3rem 1.5rem;
    background: var(--background-dark);
    border: 1px solid #181a20;
}

.static_boxes_page:nth-child(even) {background: #FCFCFC; border: 1px solid rgba(0,0,0,.125);}

.static_boxes_page {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    width: 100%;
    padding: 3rem 1.5rem;
    background: #FCFCFC;
    border: 1px solid rgba(0,0,0,.125);
}

.empty_pmethods, .static_boxes_page_img {
    justify-content: center;
    display: flex;
    text-align: center
}

.static_boxes_page_img {
    padding: 0;
    align-items: center;
    width: 40%
}

.static_boxes_page_img img {
    width: 80%
}

.static_boxes_page_text {
    padding: 0 15px;
    line-height: normal;
    width: 60%;
    color: #6F767E;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.static_boxes_page_text h2 {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.page_single .product__wrapper {
    max-width: 100%
}

.static_boxes_page:nth-child(even) {
    flex-direction: row-reverse
}

.ht_navbar_end .header_cart {
    margin-right: 1.5rem
}

.header_top_menu .theme_switch {
    z-index: 9
}

.header__item_user .header__body {
    z-index: 10
}

.empty_pmethods {
    align-items: center;
    flex-direction: column
}

.empty_pmethods .empty_pmethods_icon {
    width: 48px;
    height: 48px;
    display: flex;
    background: #4f7ed6;
    border-radius: 100%;
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
    text-align: center
}

.isicon {
    left: 16px;
    top: 16px;
    position: absolute;
    padding: 10px;
    background: #171a21;
    border-radius: 100%;
  
}



.cart_page .schedule__col:after, .header_top_menu .sidebar__menu > .sidebar__item .sidebar__item_icon {
    display: none
}

.popup_success:not(.popup_product) .popup__wrap {
    max-width: 620px;
    min-width: 620px
}

.sidebar__head, .sidebar__help, .sidebar__link, body.dark .sidebar__item[href] {
    color: #888a8c !important
}

body.dark .cart_page .schedule__row:first-child {
    border-color: transparent
}

body.dark .cart_page .schedule__row:not(:first-child) {
    border-color: hwb(0deg 87% 13% / 17%)
}

body.dark .header_top_menu .sidebar__menu > .sidebar__item {
    color: #eee !important
}

body.dark .header_top_menu .theme__input:checked + .theme__inner {
    background: #1a1d1f;
    padding: 4px 8px;
}

.header_top_menu .theme__inner {
    padding: 4px 8px !important;
}

.header_top_navbar .header__item.active .header__body {
    z-index: 19
    
}

.header_top_menu .sidebar__menu > .sidebar__item {
    color: #25273a !important
}

.sidebar__head, .sidebar__link:hover, body.dark footer .sidebar__item[href]:hover, body.dark footer.sidebar__help {
    color: #fff !important
}


body.dark.modern .form-control {
   
    background-color: #161920;
    color: #ffffff;
 
}



.form-control {
   
   
    color: #161920;
}
.btn-yeni {
    border: 2px solid #3493c8 !important;
    background: 0 0;
    color: #fff !important;
    transition: background .2s ease-out !important;


}



@media (max-width: 768px) {
    .popup_success:not(.popup_product) .popup__wrap {
        max-width: 90%; /* Mobil ekranlarda genişliği yüzdeye göre ayarladık */
        min-width: auto; /* Minimum genişliği kaldırdık */
    }
}

@media (max-width: 480px) {
    .popup_success:not(.popup_product) .popup__wrap {
        max-width: 95%; /* Daha küçük ekranlar için genişliği tekrar ayarladık */
    }
}



@media (max-width: 728px) {


    .product_order_card .schedule__row .schedule__col .schedule__item .schedule__details {
        flex-direction: column;
        width: 100%;
        padding: .5rem 0
    }

    .product_order_card .schedule__row .schedule__col .schedule__item {
        flex-direction: column;
        width: 100%
    }

    .product_order_card .schedule_discount {
        width: 50%;
        padding: 0;
        margin-bottom: 1rem
    }

    .product_order_card .schedule_product_btn {
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem
    }

    .product_order_card .cart_price_div {
        width: 40%
    }

    .category_page .schedule__row .schedule__col {
        display: flex;
        width: 100%;
        padding-left: 0
    }

    .media__button i {
        font-size: 1rem
    }

    .all_categories_top i {
        display: none
    }

    .all_categories_top {
        order: 1;
        width: 60%;
        margin-left: 0 !important
    }

    .header_big_menu_content ul > li > a {
        height: 100%
    }

    .header_big_menu_content ul > li {
        width: 50%;
        margin: 0;
        min-height: 70px;
        padding: 10px
    }

    .header_big_menu_content ul {
        flex-direction: row;
        flex-wrap: wrap
    }

    .header_big_menu_top .hbm_all_link {
        padding: 1rem 0 .5rem
    }

    .header_big_menu_top .hbm_search i {
        right: 30px !important
    }

    .header_big_menu_top > .hbm_search input {
        width: 100%
    }

    .header_big_menu_top > .hbm_search {
        width: 100%;
        padding: 0 15px
    }

    .header_big_menu_top {
        flex-direction: column;
        margin-bottom: 0
    }

    .header_top_navbar .ht_navbar_search .search {
        top: 120px
    }

    .header_top {
        padding: 0 10px
    }

    .header_top_menu .container {
        max-width: 100%;
        width: 100%;
        display: flex;
        padding: 0 15px;
        position: relative
    }

    .header_top_menu.switch_menu .header_top_menu_mobile_content .sidebar__menu {
        flex-direction: column;
        max-height: 400px
    }

    .header_top_menu.switch_menu .header_top_menu_mobile_content {
        display: block
    }

    .header_top_menu_mobile_content .sidebar__menu {
        background: #fefefe;
        border-top: 1px solid #dedede;
        padding-top: 5px;
        border-bottom: 1px solid #dedede;
        box-shadow: rgb(100 100 111 / 20%) 1px 7px 29px 0;
        display: flex;
        overflow: hidden;
        -webkit-transition: max-height 1s;
        -moz-transition: max-height 1s;
        -ms-transition: max-height 1s;
        -o-transition: max-height 1s;
        transition: max-height 1s;
        max-height: 0
    }

    .header_top_menu_mobile_content {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        height: 400px;
        z-index: 9999;
        left: 0
    }

    .header_top_menu .theme_switch {
        order: 2
    }

    .header_top_menu_mobile_switch {
        display: block !important;
        /* order: 3; */
    }

    .product_order_card .schedule__row {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 1rem;
        padding: 0;
        flex-wrap: wrap
    }
}

.header_top_menu_mobile_switch {
    display: none
}

.header_top_menu .all_categories_top {
    order: 1
}

.header_top_menu .theme_switch {
    order: 3
}

.header_top_menu .header_top_menu_mobile_content {
    order: 2;
}

.shop_card {
    display: flex;
    background: 0 0;
    margin-bottom: 1.5rem;
    position: relative;
}

.shop_card_img {
    padding: 0 1rem 0 .5rem;
    width: 38%;
}

.shop_card_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.shop_card_summary {
    width: 67%;
    padding: 0 12px 24px;
    background: 0 0;
    border-radius: 8px;
    display: flex
}

.scard_summary_boxes {
    display: flex;
    flex-direction: column;
    width: 100%
}

.scard_summary_boxes_item {
    display: flex;
    padding: .7rem 1rem;
    border: 1px solid #dedede;
    margin-bottom: .8rem;
    border-radius: 6px
}

body.dark .scard_summary_boxes_item {
    border-color: #181a20;
    width: 100%;
}

.scard_summary_boxes_item_title {
    margin-right: 1rem;
    width: 36%;
    font-weight: 700;
    font-size: .875rem
}

.scard_summary_boxes_item_value {
    font-size: .875rem
}

body.dark .scard_summary_boxes_item .scard_summary_boxes_item_value span {
    background: #272B30
}

.scard_summary_boxes_item_value span {
    background: #eee;
    padding: .4rem;
    border-radius: 6px;
    margin-right: .5rem
}

.scard_summary_boxes_prices .summary_price_box {
    border: 1px solid #b3e4c9;
    padding: .55rem 1.2rem;
    border-radius: 8px;
    width: auto;
    display: flex;
    margin: 0 0 1rem
}

.scard_summary_boxes_prices {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.scard_summary_boxes_btns {
    display: flex;
    width: 100%
}

body.dark .scard_summary_boxes_btns .product_cart_button:hover {
    background: #191c20;
    border-color: #272b31;
    transition: .6s all ease
}

body.dark .scard_summary_boxes_btns .product_cart_button {
    background: #272b31;
    border-color: #191c20;
    color: #fff;
    transition: .6s all ease
}

.scard_summary_boxes_btns .product_cart_button {
    border: 1px solid #dedede;
    margin-right: 1rem;
    height: 48px;
    width: 50%;
    font-weight: 800;
    display: flex;
    align-items: center
}

.scard_summary_boxes_btns .details__button {
    transition: .5s all ease;
    width: 50%;
    border: 1px solid rgba(0,0,0,.125);
}

.scard_summary_similar {
    padding: 0 10px;
    width: 30% !important
}

.scard_summary_similar_title {
    display: flex;
    padding: .8rem 0;
    width: 100%;
    line-height: normal;
    border-radius: 8px;
    height: 60px
}

.scard_summary_similar_title span {
    border-bottom: 1px solid #2b85ff;
    width: 100%;
    padding: 0 1rem .9rem
}

.scard_summary_similar_product .summary_price_box .summary__price {
    font-size: .8rem;
    display: flex
}

.scard_summary_similar_product {
    max-height: 380px;
    overflow-x: scroll
}

body.dark .scard_summary_similar_product .product_card:hover {
    background: #272B30
}

body.dark .scard_summary_similar_product .product_card {
    background: #393d43;
    border-color: #1b1d1f
}

.scard_summary_similar_product .product_card {
    display: flex;
    width: 93%;
    flex: 0 0 100%;
    margin: 0 auto .8rem;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #dedede;
    padding: .5rem 0;
    border-radius: 14px;
    background: #fff;
    transition: .6s all ease;
    height: 82px
}

.scard_summary_similar_product .product_card .summary_discount {
    display: none !important
}

.shop_card_start {
    width: 70%;
    display: flex;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.125);
    margin: -64px auto 0;
}

.scard_summary_similar_product .product_card .summary__preview > img {
    position: static;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 10px
}

.scard_summary_similar_product .product_card .summary_price_box {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.scard_summary_similar_product .product_card .summary__title a {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left
}

.scard_summary_similar_product .product_card .summary__title {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .85rem;
    font-weight: 700
}

.scard_summary_similar_product .product_card .summary__preview .summary__control, .scard_summary_similar_product .product_card .summary__preview:after, .scard_summary_similar_product .product_card .summary__preview:before {
    display: none !important
}

.scard_summary_similar_product .product_card .summary__preview {
    height: auto;
    width: 80px;
    border-radius: 0;
    padding-left: 1rem;
    margin: 0 !important
}

.scard_summary_similar_product .product_card .summary__line {
    width: calc(100% - 80px - .5rem);
    padding: 0 1rem 0 .7rem;
    justify-content: center;
    align-items: center
}

.scard_summary_similar_product .product_card .summary_footer {
    display: none
}

.scard_summary_similar_product .product_card:hover {
    background: 0 0;
    transition: .6s all ease
}

.product_modern_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_modern_title .shop__social .icon {
    width: 22px;
    height: 22px
}

.product_modern_title h1 {
    font-weight: 700;
    font-size: 1.35rem;
}

body.dark .shop_card_bg {
    background: var(--background-dark);
}

.shop_card_bg {
    display: flex;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.125);
}

.shop_card_bg .shop__control {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
    padding: 24px;
}

.shop_card_bg .shop__control .tab-content {
    padding: 10px;
}

.shop_card_bg .product__content {
    padding-top: 1rem;
    color: #5b5b5b;
    font-weight: 400;
    padding-right: 1rem
}

.shop_card_bg .product__content h2 {
    padding-top: 1rem;
    color: #111315;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 20px;
    padding-right: 1rem;
}

.shop_card_bg .product__content p {color: #6F767E;font-size: 1.1rem;margin-bottom: 20px;}

.shop_card_bg .product__content p strong {
    font-weight: 400
}

.product__content .faq__body {
    background: 0 0 !important;
    border-radius: 8px;
    padding: 0rem 0rem;
}

.product__content .faq__head {
    background: 0 0 !important;
    padding: .5rem 1rem !important;
    margin: 0;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 600 !important
}

.product__content .faq__item {
    background: 0 0;
    padding: .5rem;
    border-radius: 8px;
    margin-bottom: 12px
}

body.dark .product__content .faq__item {
    background: #262b31
}

body.dark .shop_card_start {
    background: #24263a;
    border: 1px solid #181a20;
}

body.dark .product__content .faq__body {
    background: #1A1D1F !important
}

body.dark .faq__item.active .faq__head .icon {
    fill: #7c8087
}

body.dark .faq__item:hover .faq__head .icon {
    fill: #9a9da2
}

.modern_shop_product .product__content .faq__item {
    padding-left: 0 !important
}

body.dark .product_page .modern_shop_product .shop_card_summary .summary_price_box .summary__price {
    color: #fff !important
}

.pcontent_faq_title {
    font-weight: 700;
    font-size: 1.35rem;
    color: #000;
    border-bottom: 1px solid #dedede;
    padding-bottom: .5rem;
    margin-top: 1.5rem !important;
    display: flex;
    margin-bottom: 1rem;
    width: 100%
}

body.dark .pcontent_faq_title {
    color: #fff !important;
    border-color: #272B30;
}

body.dark .modern_shop_product .product__content .faq__item {
    background: 0 0;
    color: #fff !important;
}

.schedule__col_details {
    width: calc(36% - 14px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    position: relative
}

.schedule__col_date {
    padding-right: 0;
    border-radius: 0 8px 8px 0;
    color: #6F767E;
    width: calc(20% - 14px);
    text-align: center
}

.schedule__row_contains {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}


/* Ana Ürün Kartı */


.custom-product-card:hover {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); /* Hover gölgesi */
}

/* Ürün Görseli */
.custom-product-preview {
}

.custom-product-image {
     /* Görüntünün kapsayıcıya tam oturması */
    border-radius: 8px; /* Görüntünün yuvarlatılması */
}


/* Platform İkonları */
.custom-category-icons {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}

.custom-category-icon-item img {
    width: 24px;
    height: 24px;
}

/* Ürün Alt Bilgileri */
.custom-product-bottom {
    text-align: center;
    margin-top: 10px;
}

.custom-product-title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.custom-price-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.custom-old-price {
    text-decoration: line-through;
    color: #888;
}

.custom-current-price {
    font-weight: bold;
    color: #28a745;
}

/* Sepete Ekle Butonu */
.custom-add-to-cart-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-add-to-cart-button:hover {
    background-color: #0056b3;
}


.product__wrapper {
    position: relative;
    width: 100%;
    max-width: 1020px;
    background: #FCFCFC;
    border-radius: 8px;
}


/* Sepet İkonu İçindeki SVG Boyutu */
.custom-cart-count svg {
    width: 20px; /* İkonun genişliği */
    height: 20px; /* İkonun yüksekliği */
}

/* Görsel Üzerindeki Sepet İkonu Hover Efekti */
.custom-product-card:hover .custom-cart-count {
    background-color: #1859bc; /* Hover durumunda farklı bir renk */
    transform: scale(1.1); /* Hafif büyütme efekti */
    transition: all 0.3s ease; /* Geçiş efekti */
}

@media (max-width: 768px) {
    .custom-cart-count {
        top: 5px;
        right: 5px;
        padding: 4px 8px;
        font-size: 10px;
    }

    .custom-cart-count svg {
        width: 14px;
        height: 14px;
    }
}

/* Ürün başlığı ve fiyat için standart yükseklik */
.custom-product-title {
    height: 25px; /* Tüm başlıklar için standart yükseklik */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-current-price {
    height: 30px; /* Tüm fiyatlar için standart yükseklik */
    line-height: 30px;
}

/* Kartları eşit yükseklikte yapmak için */
.custom-product-card {
     /* Kartların eşit boyutta olması için */
}







.custom-product-card:hover {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

/* Görsel Alanı */
.custom-product-preview img {
}

/* Sepet Sayacı */
.custom-cart-count {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #69a015;
    color: #fff;
    padding: 1px;
    border-radius: 22%;
    font-size: 13px;
}

/* Ürün Alt Bilgileri */


.custom-product-title {
    font-size: 13px;
    font-weight: 500
    color: #333;
    margin-bottom: 10px;
}

/* Fiyat Bilgisi */
.custom-price-box .custom-old-price {
    text-decoration: line-through;
    color: #888;
    font-size: 14px;
}


body.dark.modern .custom-price-box .custom-current-price {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
}
.custom-price-box .custom-current-price {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}



/* Sepete Ekle Butonu */
.custom-add-to-cart-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-add-to-cart-button:hover {
    background-color: #0056b3;
}




body.dark .custom-product-card {
}

.custom-product-card {
    position: relative;
     /* bu önemli */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}


.custom-product-card:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

/* Görsel Efekti */
.custom-product-preview:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(-135deg, #c8e6fa 0, transparent 50%);
    background-size: 200%;
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1),
        0.4s background cubic-bezier(0.15, 0.67, 0.58, 1);
    pointer-events: none;
}

.custom-product-preview:hover:before {
    transform: scale(1.1);
    background-position: 50%;
}





/* Siyah mod için */
body.dark.modern .custom-product-name {
    color: #e0e0e0; /* Ürün ismi için renk */
}

body.dark.modern .custom-price {
    color: #ffffff; /* Mevcut fiyat için renk */
}

body.dark.modern .custom-price-old {
    color: #ff0000; /* Eski fiyat için renk */
    text-decoration: line-through;
}

/* Beyaz mod için */
.custom-product-name {
    color: #000000; /* Ürün ismi için renk */
     white-space: normal !important;  /* satır kayabilir */
    overflow: visible !important;    /* taşma yok */
    text-overflow: unset !important; /* ellipsis kaldır */
    display: block;                  /* blok eleman olsun */
    line-height: 1.4;                /* biraz daha rahat okuma için */
}

.custom-price {
    color: #007700; /* Mevcut fiyat için renk */
}

.custom-price-old {
    color: #770000; /* Eski fiyat için renk */
    text-decoration: line-through;
}


.schedule__col_details .field input {
    background: #f2f2f6
}

body.dark .schedule__col_details .field input {
    background: #272B30
}

.schedule__col_details .alert {
    margin-top: 1rem;
    background: #f2f2f6;
    color: #272b31;
    margin-bottom: 0;
    width: 100%
}

.schedule__col_details .field {
    width: 86%;
    margin-top: 1rem;
    padding: 0 .5rem
}

body.dark .schedule__col_details .field label {
    color: #fffc9
}

.schedule__col_details .field label {
    font-size: .875rem;
    margin-bottom: .25rem;
    padding-left: .25rem
}

.cart_page .schedule__row:first-child .schedule__col.schedule__col_note {
    text-align: center;
    width: calc(36% - 14px) !important
}

.cart_order_note {
    padding-top: 1px;
    font-size: .8rem
}

body.dark .schedule__row:not(:first-child):hover .schedule__row_contains .cart_order_note {
    background: #1a1e22
}

.schedule__col_details .schedule__control {
    top: calc(50% + 6px)
}

.payment_history_item {
    margin-bottom: .5rem
}

.payment_history_item span:first-child {
    font-weight: 400
}

.payment_history_item span:last-child {
    font-weight: 700
}

body .product_page .scard_summary_similar .summary_price_box .summary__price {
    font-size: .875rem;
    font-weight: 400
}

body.dark .product_page .scard_summary_similar .popular__title {
}

body .product_page .scard_summary_similar .popular__title {
}

body .product_page .scard_summary_similar .popular__details {
}

.scard_summary_similar > .card {
    margin: 0
}

.product_page .scard_summary_similar .summary_price_box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}


.product_page .scard_summary_similar .summary_discount span {
    font-size: .8rem;
    margin-bottom: .5rem !important
}

.product_page .scard_summary_similar .summary__price_old {
    display: none
}

body.dark .page_loading {
    background: 0 0
}

@media (min-width: 30em) {
    .filepond--item {
        width: calc(50% - .5em)
    }
}

@media (min-width: 50em) {
    .filepond--item {
        width: calc(33.33% - .5em)
    }
}

.filepond--root {
    max-height: 10em
}

.demo-filepond-wrapper {
    position: relative;
    max-width: 20rem
}

.filepond_div > * {
    flex: 1
}

.filepond--item {
    width: calc(100% - .5em)
}

.filepond--credits {
    display: none !important
}

.shop__background {height: 400px;margin: auto;}

.modern_shop_product .shop__background img {
}

.js_tab_active {
    display: block !important
}

.category_page .faq__wrapper {
    padding-left: 0
}

.category_page .faq.js-tabs {
    margin-top: 1.5rem
}

.category_about .h3 {
    font-size: 1.4rem
}

.category_about p {
    font-weight: 400
}

.messenger__form_submit {
    position: absolute;
    right: 8px;
    bottom: 12px
}

.header__item_messages .header__avatar {
    width: 38px;
    height: 38px
}

.messages__avatar {
    width: 42px;
    height: 42px
}


#shop_js_tab_wrapper .js-tabs-item, #shop_js_tab_wrapper2 .js-tabs-item, .pazarcontent .js-tabs-item {
    display: none
}

@media (min-width: 1430px) {

.shop__background {
    height: 350px;
    margin: auto;
    margin-top: 0px;
}

    .container {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 10px;
    }

    
    .owl-item.active {
        width: 1300px;
    }

    .header_top_navbar > .container {
        display: flex;
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        padding: 0
    }

    .header_top_menu .container {
        display: flex;
        align-items: left;
        padding: 0;
        justify-content: space-between;
        max-width: 1300px;
    }

    .shop .card {
        max-width: 1300px;
        margin: 0;
    }

}


.drafts .summary {
    flex: 0 0 calc(20% - 24px);
    /*width: calc(33.333% - 24px);*/
    width: auto!important;
    margin: 12px 12px 0;
}



.ml-1 {
    margin-left: 0.5rem;
}
.ml-2 {
    margin-left: 1rem;
}

.button:hover {
    background: #fff;
    color: #212529;
}

.product_order_card .schedule__row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding: 1rem 0;
}

body.dark .product_order_card .schedule__row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #272B30;
    padding: 1rem 0;
}


.gallery_box {
    position: relative;
    height: 200px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.gallery_box img{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;

}

.product_info_gallery.owl-carousel.owl-theme.owl-loaded.owl-drag{ background:#fff;padding: 24px;border-radius: 8px;margin-bottom: 24px;}

body.dark .product_info_gallery.owl-carousel.owl-theme.owl-loaded.owl-drag{background: #24263a;padding: 24px;border-radius: 8px;margin-bottom: 24px;}



body.dark .modern_title {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    background: #1a1d1f;
    width: 100%;
    padding-right: 1rem;
}

.modern_title {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding-right: 1rem;
}

.pcontent_faq_title .icon {
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
}
body.dark .pcontent_faq_title .icon {
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
    fill: #fff;
}

.product__content li {
    margin-left: 1rem;
}

.w_full_imp{width:100% !important;}

.messenger__send.mb-2{
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    left: inherit;
    flex-direction: row-reverse;
    bottom: 178px;
    height: auto;
    left: 0;
    flex-direction: row-reverse;
    right: 0;
    padding: 0 40px;
    padding-bottom: 15px;
    align-items: flex-end;
    padding-right: 0;
    bottom: 0;
    background: #24263a00;
    position: static;
    margin-top: 0 !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

body.dark .messenger__send.mb-2{
}

.messenger__form{
    flex-grow: inherit;
    width: auto;
    display: flex;
    width: 60%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 10px;
}
.messenger__form button{position: static !important;transform: none !important;}
.messenger__send.mb-2 .file{
    margin-top: 1rem;
    width: 40%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.messenger__send.mb-2 .file .file__label{
    margin-bottom: 5px;
}
.faq__body p,.faq__body span{font-family: 'Inter', sans-serif !important;font-size: .85rem;}

.slider_is_sale{color:white !important;}
.support_send_form{
    position: relative;
    display: flex;
    flex-direction: column;
}

.page__inner.product_page {
    padding-top: 100px;
}
@media only screen and (max-width: 767px) {
    .users__button span {
        display: inline;
    }
	    body.dark .search {
               background-color: var(--nav-bg) !important;
    }
}
@media (max-width:992px){
    footer .sidebar__body .sidebar__link{
    font-size: .75rem;
	padding-left:0px;
	padding-right:0px;
	}
	.fcp_box{
    font-size: .75rem;
	}
	.footer-middle{
		margin-bottom:50px;
	}
.header_top_colon {
    /* display: block; */
    text-align: center;
}

.header_top_menu_right {
    justify-content: center;
}

.header_top_navbar {
    height: auto;
    padding: 10px 5px;
    position: relative;
        /* overflow: hidden; */
}

.header_top_navbar > .container {
    display: block;
    text-align: center;
}

.ht_navbar_start {
    width: auto;
}

.ht_navbar_search .header__search {
    width: auto;
    position: absolute;
    top: 12px;
    right: 45px;
}

.ht_navbar_end {
    width: auto;
    justify-content: space-between;
    margin-top: 12px;
    padding: 0 15px;
}

.ht_navbar_end li:first-child a {
    margin: 0;
}

.ht_navbar_end .header_cart {
    margin-right: 0;
    margin-left: 25px;
}

.header_top_menu {
    height: auto;
    /* padding: 10px 5px; */
        margin-bottom: 10px;
}
    .header_top_main.header {
    margin-top: 0px;
}
}

@media(min-width:992px){
    .header_top_menu .container {
    justify-content: flex-start;
}

.header_top_menu .theme_switch {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

}

.theme__inner {
    margin-top: 0px;
}

body.dark .theme__inner {
    position: relative;
    display: flex;
    padding: 5px;
    /* border-radius: 8px; */
    background: #333c50;
    transition: background .2s;
}

.menustsagtt{
	 margin-top: 14px;
}

body.dark .vertical_product_card .product_card .summary_category_icon {
    border-bottom: none;
    --myColor1: rgb(33 32 60) 35%;
    --myColor2: #272a52;
    display: none;
}

.vertical_product_card .product_card .summary_category_icon {
    border-bottom: none;
    --myColor1: rgb(33 32 60) 35%;
    --myColor2: #272a52;
    display: none;
}

/*.category_list_box_img img {*/
/*    height: 250px;*/
/*}*/



.button-yeni{
    color: #606060;
    width: 50px;
    border-color: var(--theme-color);
    height: 50px;
    margin: 2px;
    box-shadow: 0;
}


.button {
     color: #606060;
    width: 75%;
    border-color: var(--theme-color);
    height: 40px;
}

.ht_navbar_end li.add_product {
    margin: 0;
    padding: 0;
}

.button:hover {
    transition: all 0.15s ease-in-out 0s;
    transform-origin: center center;

}
.product__panel {
    left: calc(100% - 75px);
}

@media (min-width:1200px){
    .page + footer {
}

body {
    overflow-x: hidden;
}
}

@media only screen and (max-width: 1023px){
    .faq__menu {
        display: flex!important;
    }
}


@media (min-width: 768px){
.col-md-2 {
    flex: 0 0 auto;
    width: 16.66666%;
}
}

@media (min-width: 1430px){
.col-md-2 {
    flex: 0 0 auto;
    width: 16.666%;
}
}

@media only screen and (max-width: 767px){
.shop__man {
    font-size: 2rem;
	text-align: left;
}
}


.shop__socials {
    display: none;
    align-items: center;
}

.shop__control {
     display: flow; 
    align-items: center;
    margin-bottom: 0rem;
}

.shop__nav {
    display: contents;
    margin-right: auto;
}

.js-tabs .shop__control .shop__nav {
    flex-direction: column;
	margin-bottom: 0px;
}




.shop__info {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #6F767E;
    max-width: 60%;
}
body.dark .packages {
        background: var(--background-dark);
    border: 1px solid #181a20;
}
.shop__wrap {
    padding: 1rem 0px 0px 8px;
    max-width: 100%;
}

.shop__contacts {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    float: right;
}
body.dark .messages {background: transparent !important;}



.user-name-icon {
    position: relative;
    display: inline-block;
     background: var(--theme-color);
    border-radius: 50%;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    vertical-align: top;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    font-weight: 500;
	margin-right:5px;
}
	

.summary_prices_inner {
    display: inline-flex;
    flex-direction: row;
    font-size: 1.2rem;
    /* margin-top: 8px; */
}

.income__indicator.balance.positive {
    margin-bottom: 8px;
}

body.dark .messenger {
}
.messenger {
    flex-grow: 1;
    border: 1px solid #181a20;
    border-radius: 12px;

}

ol {
}

body.dark .scard_summary_boxes_prices .summary_price_box {
    border: 1px solid #b3e4c9;
    padding: 0.55rem 1.2rem;
    border-radius: 8px;
    display: flex;
    border-color: #181a20;
    margin: 0 0 1rem;
    width: 100%;
    align-items: flex-start;
}

.media__content.limits {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
    padding: 8px;
}



.details__button svg.icon.icon-basket {
    color: white;
    fill: white);
    transition: all .2s;
    width: 20px !important;
    height: 20px !important;
}



.search__input {
    padding: 0 68px 0 10px;
}

.search__start {
    right: 12px;
	left:auto;
}
.search__start .icon {
    fill: var(--theme-color);
}
.header_top {
height: 60px;
 
}
.users__button i{
	/* color: var(--theme-color); */
    margin-right: 5px;
    font-size: 17px;
}
body.dark .header_top {
    background: #2a2c41;
}
body.dark .header_top_navbar {
    background: #25283b;
}

body.dark.modern .header_top {
    background: var(--background-dark);
}
body.dark.modern .header_top_navbar {
      background: var(--background-dark);
    border-color: #171a21 !important;
    border-bottom: 0px solid #ebebeb;
}



body.dark.modern .header_top_menu {
    background: var(--background-dark);
    border-bottom: 0px solid var(--background-dark);
}

body.dark .button{
}

.theme__input:checked + .theme__inner {
    background: #F4F4F4;
}
body.dark .header_top_menu {
    background: #2f3245;
    border-bottom: 2px solid #2f3245;
}

body.dark .header_top_menu li.dropdown a.dropdown-toggle {
    color: #1a1a1a;
}
.details__button svg.icon.icon-basket{
	color:black;
	fill:black;
}
body.dark .gl-tab a.active {
    color: rgb(226 229 255)!important;
    border-color: rgb(85 153 216);
}

.gl-tab a:hover, .gl-tab a.active {
    border-color: rgb(52 158 255);
    color: rgb(35 35 35);
}
body.dark .gl-tab a {
    color: rgb(188 190 212)!important;
}
.gl-tab a {
    float: left;
    color: rgb(105 105 105)!important;
    border: none;
    border-bottom: 2px solid rgb(0 0 0/0%);
    line-height: 38px;
    cursor: pointer;
    background: 0 0!important;
    padding: 0 5px;
}
.gl-tab a span {
    padding: 0 20px;
    display: block;
}
gl-tab a i {
    margin-right: 5px;
}
.urunanask {
    margin: 0;
    margin-bottom: 25px;
	padding: 10px 10px 10px
}
.urunanask:before {
    content: "";
    position: absolute;
    top: 0px;
}
body.dark .pazarcontent .pazarurunalan-Main {
    background: rgb(33 38 48) !important;
    border: 1px solid #2f3144;
    box-shadow: 0 4px 3px 0 rgb(35 37 56)!important;
}


body.dark .kcerceve .pazarurunalan-Main{
	    border: 8px solid #3b3f6c !important;
}

.kcerceve .pazarurunalan-Main{
	    border: 8px solid #eceff2 !important;
}
.rcerceve .pazarurunalan-Image-1{
    animation: rainbow_border_animation 4s ease-in-out infinite;
	border:4px solid;
}
@keyframes rainbow_border_animation {
    0%, 100% {
        border-color: #ff7d00;
    }
    25% {
        border-color: #e5c79f;
    }
    50% {
        border-color: #ff7d00;
    }
    75% {
        border-color: #f0b073 ;
    }
}

@keyframes rainbow_text_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
.rbaslik .pazarurunalan-Title{
    background: linear-gradient(to right, #ff7d00, #e5c79f, #ff7d00, #f0b073);
    animation: rainbow_text_animation 3s ease-in-out infinite;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 400% 100%;
    color: transparent;
}
.kbaslik .pazarurunalan-Title{
    font-weight:900;
}


.pazarcontent .pazarurunalan-Main {
    background: rgba(241,241,241,.32);
    border-radius: 6px;
    position: relative;
    padding-top: 130px;
    padding-bottom: 5px;
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 5px 0 rgba(33,33,33,.09);
}
.pazarurunalan-Main {
    background-color: #fff!important;
    border: 1px solid #ddd;
    border-radius: 6px!important;
    display: block;
    box-shadow: 0 5px 30px rgb(0 0 0/5%)!important;
}
.postImageBox img {
    transition: .3s linear;
}

img.pazarurunalan-Image-1 {
    object-fit: cover!important;
}
.pazarurunalan-Image-1 {
    width: calc(100% - 10px);
    height: 120px;
    border-radius: 5px;
    background-size: cover!important;
    position: absolute;
    top: 5px;
    left: 5px;
}
body.dark .pazarurunalan-Price {
    color: #f5f6ff;
    text-shadow: 1px 1px 0 #232539;
    background: linear-gradient( 45deg,#565b90,#7881d8);
}

.pazarurunalan-Price {
    display: inline;
    background: #fff;
    position: absolute;
    right: 5px;
    top: 110px;
    padding: 3px 9px;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    font-weight: 900;
    font-size: 13px;
    color: #4b7fa7;
    transition: .1s linear;
}
body.dark .pazarurunalan-Category {
    background: unset;
}

.pazarurunalan-Category {
    display: inline;
    background: #fff;
    position: absolute;
    left: 5px;
    top: 101px;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    font-weight: 900;
    font-size: 13px;
    color: #4b7fa7;
}
.pazarurunalan-Category img {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    transition: .1s linear;
}
body.dark .pazarurunalan-Title {
    color: #d7d8e6;
}

.pazarurunalan-Title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    height: unset;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    word-break: break-all;
    margin-top: 5px;
    white-space: normal;
    height: 46px;
}
.pazarurunalan-Title {
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    padding-top: 10px;
    height: 30px;
    color: #656565;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
body.dark .pazarurunalan-ItemDesc {
    color: #979aae;
}

.pazarurunalan-ItemDesc {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: gray;
    white-space: normal;
    line-height: 14px;
    margin: 5px 0;
    word-break: break-all;
    height: 28px;
}
.pazarurunalan-ItemDesc {
    font-size: 12px;
    padding: 0 15px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 14px;
    margin: 5px 0;
    word-break: break-all;
    height: 28px;
}
body.dark .pazarurunalan-Publisher {
    border-color: #323550;
}

body.dark .pazarurunalan-Publisher {
    background: linear-gradient( 6deg,#4c528e,#25273a 70%);
}
body.dark.modern .pazarurunalan-Publisher {
    background: linear-gradient( 6deg,#2a2d3a,#25273a 70%);
}
.pazarurunalan-Publisher {
    background: 0 0;
    border-top: 1px solid #f5f5f5;
    color: gray;
    font-size: 12px;
    margin-top: 5px;
}
.pazarurunalan-Publisher {
    padding: 6px 10px;
    background: linear-gradient(6deg,#d2dbe2,#fbfbfb 70%);
    margin-bottom: -5px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}
.pazarurunalan-Publisher img {
    width: 25px;
    border-radius: 4px;
    height: 25px;
    font-size: 0!important;
}
body.dark .pazarurunalan-Publisher span.PublisherName {
    color: #d7d8e6;
}

.pazarurunalan-Publisher span.PublisherName {
    display: inline-block;
    width: calc(100% - 20px - 25px);
    padding-left: 5px;
    color: #757575;
    font-size: 13px;
    height: 24px;
    top: 2.93px;
    position: relative;
}
body.dark .pazarurunalan-Publisher span.PublisherName small {
    color: #979aae;
}

.pazarurunalan-Publisher span.PublisherName small {
    display: block;
    font-size: 9px;
    line-height: 6px;
    letter-spacing: 1px;
    color: #b1b1b1;
}
body.dark .panel:before {
    background: #24263a;
    box-shadow: inset 1px 0px 0px #24263a;
}
 .panel:before {
    background: var(--background-dark);
    box-shadow: inset 1px 0px 0px var(--background-dark);
        border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.anabanneralan1{
	background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:400px;
}
.anabanneralan2{
	background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:190px;
}
.anabanneralan3{
	background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:190px;margin-top:20px;
}

@media only screen and (max-width: 639px){
	.anabanneralan1, .anabanneralan2, .anabanneralan3{
		display:none;
	}
}

.anashopna .shop__link:not(:last-child) {
    margin-right: 0px;
}
.anashopna .shop__link {
    border-radius: 0px;    
	padding: 15px 16px !important;
    width: 100%;
}
.anashopna {
    width: 100%;
    justify-content: space-around;
}





.owl-theme .owl-nav {
    margin-top: 0px !important;
}

.promote__list {
    margin: 0;
}

/*body.dark .ozalanalt{*/
/*	background: #2f3245 !important;*/
/*	padding:40px !important;*/
/*}*/
/*body.dark.modern .ozalanalt{*/
/*	background: #2a2d3a !important;*/
/*	padding:40px !important;*/
/*}*/
/*.ozalanalt{*/
/*	background: #fff;*/
/*	padding:40px !important;*/
/*}*/



/*.foot h6{*/
/*    line-height: 30px;*/
/*    border-bottom: 0px solid var(--theme-color);*/
/*    width: auto;*/
/*    height: 35px;*/
/*    padding: 0;*/
/*    text-align: left;*/
/*    color: var(--text);*/
/*    font-weight: 500;*/
/*    font-size: 20px;*/
/*    margin-bottom: 1em;*/
/*    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--theme-color), rgba(0, 0, 0, 0)) center bottom / 120% 1.5px no-repeat;*/
/*}*/


/*.fcp_box a, .foot h6{*/
/*	color:black;*/
/*}*/
/*body.dark .fcp_box a, body.dark .foot h6, body.dark .schedule__product a{*/
/*	color:white;*/
/*}*/


/*.shop__details {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*    flex-wrap: wrap;*/
/*    box-shadow: 0;*/
/*    border-radius: 12px;*/
/*}*/



.shop__profile{
	/* border-bottom:0px !important; */
}

body.dark .select, body.dark .button-square-stroke ,body.dark .button-stroke, body.dark .button-stroke-red{
	background: #272B30;
}
.select, .button-square-stroke{
	background: #EFEFEF;
}
.foot{
    background: #fff;
}
.publisher_list .publisher_card {
    background: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* width: 200px !important; */
    height: 220px;
	margin:0px;
}







.publisher_list .publisher_card .summary__line {
    padding-top: 16px;
    padding-bottom: 0px;
}
.btn-orange {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: white;
}
.btn-primary {
    border-color: var(--theme-color) !important;
}

.text-genel{
	color:var(--theme-color);
}


.btn-primary {
    color: white;
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    height: 40px;
}


/*yeni*/
/*body.dark .productyataylist {*/
/*    background: #24263a;*/
/*    background-color: var(--background-dark);*/
/*}*/


/*       body.dark  .productyataylist .product-name-detailed span {*/
/*			color:White;*/
/*		}*/
/*body.dark  .productyataylist .bottom-block .market-actions .market-action .buy-price-span {*/
/*    color: #4455a7;*/
/*}*/
/*        .productyataylist {*/
/*            display: flex;*/
/*            gap: 8px;*/
/*            margin-bottom: 10px;*/
/*            border-radius: 8px;*/
/*            padding: 1px;*/
/*            justify-content: space-between;*/
/*            background: #fff;*/
/*        }*/

/*        .productyataylist .product-name-detailed {*/
/*            display: block;*/
/*        }*/

/*        .productyataylist .product-name-detailed span {*/
/*            overflow: hidden;*/
/*            text-overflow: ellipsis;*/
/*			color:black;*/
/*            display: -webkit-box !important;*/
/*            -webkit-line-clamp: 2;*/
/*            -webkit-box-orient: vertical;*/
/*            font-size: 16px;*/
/*        }*/

/*        .productyataylist .product-info {*/
/*            width: 100%;*/
/*            text-align: center;*/
/*            display: flex;*/
/*            align-items: center;*/
/*            flex-direction: column;*/
/*            justify-content: center;*/
/*            background: #fff;*/
/*            border-radius: 4px;*/
/*        }*/

/*        .productyataylist .product-info .text-warning {*/
/*            color: var(--theme-color) !important*/
/*        }*/

/*        .productyataylist .btn-price-chart {*/
/*            padding: 3px 15px;*/
/*            background: #fff;*/
/*            border: 2px solid var(--theme-color);*/
/*            display: block;*/
/*            width: 100%;*/
/*            text-overflow: ellipsis;*/
/*            overflow: hidden;*/
/*            white-space: nowrap;*/
/*            color: #484848;*/
/*        }*/

/*        .productyataylist .btn-price-chart:hover {*/
/*            linear-gradient(90deg, var(--theme-color) -12%, transparent 13%);*/
/*        }*/

/*        .productyataylist .pimg-base {*/
/*            width: 115px;*/
/*            height: 100%;*/
/*        }*/

/*        .productyataylist .bottom-block {*/
/*            display: flex;*/
/*            align-items: end;*/
/*            gap: 8px;*/
/*            flex-direction: column;*/
/*            min-width: 280px;*/
/*        }*/

/*        .productyataylist .bottom-block .statistic-actions {*/
/*            width: 50%;*/
/*        }*/

/*        .productyataylist .bottom-block .market-actions {*/
/*            display: flex;*/
/*            align-items: center;*/
/*            gap: 8px;*/
/*            flex-direction: row;*/
/*            flex: 1 1;*/
/*            width: 100%;*/
/*            justify-content: end;*/
/*        }*/

/*        .productyataylist .bottom-block .market-actions .market-action {*/
/*            width: 50%;*/
/*        }*/

/*    .productyataylist .bottom-block .market-actions .market-action span {*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*    text-align: center;*/
/*    display: flex;*/
/*    flex-wrap: nowrap;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    gap: 1em;*/
/*        }*/

/*        .productyataylist .bottom-block .market-actions .market-action .buy-price-span {*/
/*            color: #2c3c85;*/
/*        }*/

/*        .productyataylist .bottom-block .market-actions .market-action .sell-price-span {*/
/*                color: var(--theme-color);*/
/*        }*/

/*        .productyataylist .bottom-block .market-actions .market-action button {*/
/*            width: 100%;*/
/*        }*/

/*        .productyataylist .bottom-block .add-basket-button {*/
/*            padding: 6px 15px;*/
/*            font-weight: 500;*/
/*            width: 100%;*/
/*        }*/

/*        .productyataylist .bottom-block .add-purchase-button {*/
/*            color: #fff;*/
/*            font-weight: 500;*/
/*            border: 1px solid #4455a7;*/
/*            background-color: #4455a7;*/
/*            -webkit-transition: all 0.3s ease-out;*/
/*            -moz-transition: all 0.3s ease-out;*/
/*            -o-transition: all 0.3s ease-out;*/
/*            transition: all 0.3s ease-out;*/

/*        }*/

/*        .productyataylist .bottom-block .add-purchase-button:hover {*/
/*            color: #fff;*/
/*            background-color: #4e60bc;*/
/*            border-color: #4e60bc;*/
/*        }*/

/*        .productyataylist .product-price {*/
/*            display: flex;*/
/*            align-items: center;*/
/*        }*/

/*        .productyataylist .product-price .line-trought {*/
/*            margin-bottom: 2px;*/
/*        }*/

/*        .productyataylist .product-name {*/
/*            font-weight: 500;*/
/*        }*/
/*		.star-rating-container {*/
/*    display: inline-block;*/
/*    vertical-align: text-bottom;*/
/*}*/
.star-rating {
    display: flex;
    margin: 0;
    padding: 0;
}
.productyataylist .product-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.productyataylist .product-image {*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    z-index: -1;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    margin: auto;*/
/*    object-fit: cover;*/
/*    border-top-left-radius: 3px;*/
/*    border-top-right-radius: 3px;*/
/*}*/

body.dark .kateyanalanmen{
    background-color: var(--background-dark);
	color:White;
}
.kateyanalanmen{
    font-weight: 500;
	color:black;
	padding-left:15px !important;
	padding:10px;
	border-radius:12px;
    box-shadow: 0;
}
.kateyanalanmen.active{
    background: var(--theme-color);
    color: #ffffff !important;
    box-shadow: 0;
}

body.dark.modern .kateyanalanmen.active{
	background:var(--theme-color);
	color:white !important;
}

        @media  only screen and (max-width: 992px) {
            .search-f {
                padding-left: 20px;
                padding-right: 20px;
            }

            .productyataylist {
                flex-direction: column;
            }

            .productyataylist .bottom-block {
                align-items: center;
                padding: 0;
                flex-wrap: wrap;
            }

            .productyataylist .product-detail {
                width: 100%;
            }

            .productyataylist .bottom-block .statistic-actions {
                width: 100%;
            }

            .productyataylist .bottom-block .market-actions .market-action {
                width: 100%;
            }

            .productyataylist .pimg-base {
                width: 100%;
                height: 100%;
            }

            .productyataylist .product-image {
                background-size: contain;
            }

            .productyataylist .product-info {
                flex: 1 1;
            }

            .productyataylist .bottom-block button {
                width: 100%;
            }

            .productyataylist .product-detail {
                height: 260px;
               
                padding: 0;
            }

            .m-container .row>* {
                padding: 0;
            }

            .productyataylist {
                padding: 10px !important;
            }

           .category-products .product-base {
                flex-basis: auto !important;
            }

            .product-name-detailed {
                flex-wrap: wrap;
                max-width: 200px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block;
            }

            .product-name-detailed img {
                margin-top: 5px;
            }
        }
		
		
.streamer {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc((100% - 2.5rem)/6);
    height: 200px;
    border-radius: 4px;
}
.streamer .streamer-box {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    background-color: rgba(0,0,0,.6);
    text-align: center;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    display: flex!important;
    flex-direction: column!important;
    text-align: center!important;
    width: 100%!important;
    -webkit-box-flex: 1!important;
    flex-grow: 1!important;
    overflow: hidden!important;
}
.streamer .streamer-box img {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    margin-bottom: 5px;
}

.ilangenelbilgi {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
    padding-top: 8px;
}

.ilangenelbilgi .ilanozel {
    display: flex;
    border: 1px solid #cacaca40;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    width: 100%;
    box-shadow: 0 3px 8px #00000021;
}
body.dark.modern .ilangenelbilgi .ilanozel .detail-row-left {
    width: 138px;
    font-size: 12px;
    padding: 9px;
    background: var(--background-dark);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
}

.ilangenelbilgi .ilanozel .detail-row-left {
    width: 138px;
    font-size: 12px;
    padding: 9px;
    background: #f9f9f9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #606060;
}

.ilangenelbilgi .ilanozel i {
    font-weight: 300;
    width: 16px;
    margin-right: 4px;
}
.ilangenelbilgi .ilanozel .detail-row-right {
    word-break: break-all;
    font-weight: 500;
    font-size: 13px;
    padding: 9px;
}

body.dark .ilangenelbilgi .ilanozel{
	background-color:#171a21;
}

 body.dark .ilanaltalani{
	background:#24263a;
	border-color:#24263a;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--theme-color);
}
.nav-link {
    color: var(--theme-color);
}

.ilanaltalani {
    background-color: #fff;
    background: linear-gradient(45deg,#fff,#e7e7e7);
    box-shadow: #0c0c0d21 0 5px 6px;
    border: 1px solid #ddd!important;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 3;
}
.ilanaltalani .variant-name i{
	margin-right:5px;
}
.ilanaltalani .variant-name {
    font-size: 13px;
}
.ilanaltalani .variant-value {
    font-size: 13px;
    font-weight: 500;
}

.cardgrbg{
    background: linear-gradient(to bottom,#fff,#e9e9e9);
}
body.dark .cardgrbg{
    background: linear-gradient(to bottom,#343648,#24263a78);
}

body.dark.modern .cardgrbg {
       background: linear-gradient(to bottom, #171a21, #171a2100);
}



.cardborder{
	
	    border-radius: 8px;
}









.cekiliskatilan {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    max-height: 400px;
    overflow-y: auto;
    padding: 8px;
    font-family: Inter, -apple-system, Helvetica Neue, sans-serif;
}
.cekiliskatilan .katilim {
    color: #212121;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 2px solid #d5d5d5;
    width: 100%;
    text-align: center;
}
.katilim-info {
    display: flex;
    width: 100%;
    flex: 1 1;
}
.cekiliskatilan .katilim .isim {
    background: #fff;
    color: #363636;
    padding: 5px;
    text-shadow: none;
    font-weight: 500;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.cekiliskatilan .katilim .tarih {
    background: #e4e4e4;
    color: #363636;
    padding: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}




body.dark .yansagmenuorta {
    background: #272d39;
    border-left: 1px solid #3b4558;
    border-top: 1px solid #3b4558;
    border-bottom: 1px solid #3b4558;
}

.yansagmenuorta {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    background: #fff;
    z-index: 999999;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    box-shadow: #00000042 0 0 15px;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding-left: 5px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.yansagmenuorta a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-right: 3px solid transparent;
    transition: all .15s ease-in-out;
    color: #fff;
}
.yansagmenuorta a span {
    display: flex;
    width: 40px;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
}
.yansagmenuorta a span i {
    font-size: 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rainbow_text_animated {
    background: linear-gradient(to right, #ff7d00, #e5c79f, #ff7d00, #f0b073);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 0.8s ease-in-out infinite;
    background-size: 400% 100%;
    color: transparent !important;
	
	position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border-radius: 12px;
    white-space: nowrap;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #6F767E;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: background .2s, box-shadow .2s, color .2s;
}

.menyen{
	    background-color: rgb(255 154 57);
    color: white;
    display: block;
    padding: 0px 5px;
    font-size: 0.5em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -5px;
    border-top-left-radius: 1em !important;
    transition: all 1.5s ease 0s;
    z-index: 1;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}


.theme__box{
    /* flex: 0 0 calc(38% - 4px); */
    flex: none;
}




.storylist {
    max-width: 1333px!important;
    overflow: hidden;
    display: block;
}




.stories .story-item {
    display: inline-block;
    border-radius: 50%;
    transition: box-shadow .2s;
    position: relative;
    box-shadow: #0000007d 0 0 3px
}

.stories .story-item .story-bg {
    border-radius: 999px;
    background-image: linear-gradient(180deg, #ee7d19 65%, #23b8f8);
    animation: coursel 4s infinite;
    animation-timing-function: linear;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: filter .2s
}

.stories .story-item:hover .story-bg {
    filter: brightness(2.5)
}

.stories .story-item img {
    transform: scale(.92);
    width: 68px;
    height: 68px;
    border-radius: 999px;
    background-size: 100%;
    display: block;
    position: relative;
    z-index: 1
}



.swiper-sld {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
    border-radius: 1em;
    transform: translate3d(0,0,0)
}

.swiper-sld .swiper-wrapper {
    display: flex
}

.swiper-sld .swiper-slide {
    flex: none;
    width: 100%;
    max-width: 1000px;
    transition: filter 1s,opacity 1s;
    padding: 0 1em
}

.swiper-sld .swiper-slide .img {
    display: block;
    width: 100%;
    max-width: 1000px;
    position: relative;
    overflow: hidden;
    background: var(--body-background-color,#fff);
    border-radius: 1em;
    transform: translate3d(0,0,0);
    aspect-ratio: 1000/360
}

.swiper-sld .swiper-slide img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.swiper-sld .swiper-slide:not(.swiper-slide-active) {
    opacity: .25;
    filter: grayscale(1);
    pointer-events: none
}

.swiper-sld .swiper-slide-active {
    position: relative;
    z-index: 2
}

.swiper-sld .swiper-slide-active img {
    transform: scale(1.03);
    transition: linear 6s
}

.swiper-sld .swiper-button {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    gap: 2em;
    pointer-events: none
}

.swiper-sld .swiper-button::after {
    content: '';
    display: block;
    flex: none;
    width: 100%;
    max-width: 1000px
}

.swiper-sld .swiper-button-next,.swiper-sld .swiper-button-prev {
    flex: auto;
    pointer-events: initial;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-sld .swiper-button-next::after,.swiper-sld .swiper-button-prev::after {
    display: block;
    font-size: 1.3em;
    width: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
    color: #fff
}

.swiper-sld .swiper-button-next:hover::after,.swiper-sld .swiper-button-prev:hover::after {
    opacity: 1
}

.swiper-sld .swiper-button-prev {
    order: -1
}

.swiper-sld .swiper-button-next {
    order: 1
}

.swiper-sld .swiper-pagination {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: .5em;
    position: absolute;
    inset-inline: 0;
    inset-block-end: 1.5em;
    z-index: 1;
    height: 0;
    margin-inline:auto;width: calc(100% - 6em);
    max-width: 25em;
    box-sizing: border-box
}

.swiper-sld .swiper-pagination-bullet {
    flex: 1;
    display: block;
    height: 5px;
    min-width: 1em;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 1em;
    background: rgba(255 255 255/50%);
    backdrop-filter: blur(1em);
    cursor: pointer;
    transition: width .3s
}

.swiper-sld .swiper-pagination-bullet::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    border-radius: 1em;
    background-color: var(--SiteTHM)
}

.swiper-sld .swiper-pagination-bullet-active {
    flex: 2;
    background: #fff
}

.swiper-sld .swiper-pagination-bullet-active::before {
    animation: pagination 6s linear
}

@keyframes pagination {
    100% {
        width: calc(100% - 2px)
    }
}

@media only screen and (max-width: 1000px) {
    .swiper-sld .swiper-button {
        display:none
    }
}

@media only screen and (max-width: 480px) {
    .swiper-sld .swiper-slide .img {
    aspect-ratio: 1000 / 360;
    }

    .swiper-sld .swiper-slide-active img {
        transform: scale(1.05);
		 object-fit: cover;
    }

    .swiper-sld .swiper-pagination {
        pointer-events: none;
        inset-block-end: 1em
    }

    .swiper-sld .swiper-pagination-bullet {
        flex: none;
        min-width: unset;
        width: 5px
    }

    .swiper-sld .swiper-pagination-bullet-active {
        width: 2em
    }
}

@media only screen and (max-width: 480px) {
    .swiper-sld {
        height: auto; /* Yüksekliği otomatik belirle */
        overflow: hidden; /* Taşan alanları gizle */
    }

    .swiper-sld .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .swiper-sld .swiper-slide .img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    .swiper-sld .swiper-slide img {
        max-width: 100%;
        height: auto;
    }

    .swiper-sld .swiper-slide-active img {
        transform: scale(1.05);
    }
}

   




/* Mobil cihazlarda düzenlemeler */
@media (max-width: 768px) {
    .for-story {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        overflow: auto; /* Taşan içeriği göstermek için kaydırma özelliği ekler */
    }

    .story-container {
        width: 70px;
        height: 70px;
        margin: 0px; /* Mobil cihazlarda daha küçük boşluk */
    }
}


.back-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 650px;
    z-index: -1;
    background-size: cover;
    background-position: top center;
    opacity: .8;
    transition: all .4s cubic-bezier(.09, .53, .79, .74);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}


.back-image:after {
    content: '';
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(38 40 44) 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.back-image:before {
    content: '';
    background: radial-gradient(circle,#292c34 0,rgba(255,255,255,0) 50%,#292c34 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.summary_bottom{
    padding: 8px;
   
}


body.dark.modern .summary_bottom{
    padding: 8px;
    background: linear-gradient(95deg, #2e2f32 13%, rgb(58 54 54 / 88%) 36%, #3e3e3e 50%);
    height: 100%;
}

/* Blog Öğesi Stilleri */
.main-blog .blog-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #3a3f4e;
    /* background: #272626; */
    padding: 8px;
    margin: 5px
}

.main-blog .blog-item .blog-image img {
    width: 100%;
    height: 150px;
    object-fit: cover; 
}



.main-blog .blog-item .blog-inner .category-name {
    font-weight: 500;
    font-size: 14px;
}

.main-blog .blog-item .blog-inner .blog-title {
    font-weight: 500;
    font-size: 17px;
    color: white;
    display: block;
}

.main-blog .blog-item .blog-inner .blog-mini-desc {
    /* height: 54px; */
    text-overflow: ellipsis;
    overflow: auto;
    display: block;
    overflow-wrap: break-word;
    font-size: 13px;
    font-weight: 400;
}

.main-blog .blog-item .blog-inner .blog-footer .blog-content,
.main-blog .blog-item .blog-inner .blog-footer .blog-views {
    color: #999;
}

/* Blog Rozeti Stili */
.main-blog .blog-badge {
    border-radius: 3px;
    font-size: 12px;
    position: absolute;
    padding: 2px 10px;
    background: #fa8305;
    border: none;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.5;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    z-index: 2;
    vertical-align: baseline;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0 1px 1px rgb(20 23 28/10%), 0 3px 1px 0 rgb(20 23 28/10%);
    border-top-right-radius: 8px;
}

.main-blog .blog-badge:after {
    background: inherit;
    content: '';
    height: 15px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 15px;
    z-index: 1;
    display: block;
    left: -6px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Blog Resim Yüksekliği */
.main-blog .blog-image {
    height: 170px;
}










 .new-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    margin-right: calc(-.5 * 1.5rem);
    margin-left: calc(-.5 * 1.5rem);
}

.new-items .new-item-row {
    width: calc((100% - 1.5rem)/4); 
}

/* Mobil uyumluluk */
@media(max-width: 912px) {
    .new-items {
        margin: 0;
    }

    .new-items .new-item-row {
        width: 100%; 
        flex-shrink: 0;
    }
}


body.dark.modern.main-blog .blog-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #303030;
    background: #1b1b1b;
}



/* Blog Öğesi Stilleri */
.main-blog .blog-item {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
 
}

.main-blog .blog-item .blog-image img {
    width: 100%;
    height: 150px;
    object-fit: cover; 
}

.main-blog .blog-item .blog-inner {
    width: 100%;
    padding: 15px;
    margin-top: -23px;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.main-blog .blog-item .blog-inner .category-name {
    font-weight: 500;
    font-size: 14px;
}

.main-blog .blog-item .blog-inner .blog-title {
    font-weight: 500;
    font-size: 14px;
    display: block;
}

.main-blog .blog-item .blog-inner .blog-mini-desc {
    height: 54px;
    text-overflow: ellipsis;
    overflow: auto;
    display: block;
    overflow-wrap: break-word;
    font-size: 10px;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

.main-blog .blog-item .blog-inner .blog-footer .blog-content,
.main-blog .blog-item .blog-inner .blog-footer .blog-views {
    color: #999;
}

/* Blog Rozeti Stili */
.main-blog .blog-badge {
    border-radius: 3px;
    font-size: 12px;
    position: absolute;
    padding: 2px 10px;
    background: #fa8305;
    border: none;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.5;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    z-index: 2;
    vertical-align: baseline;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0 1px 1px rgb(20 23 28/10%), 0 3px 1px 0 rgb(20 23 28/10%);
    border-top-right-radius: 8px;
}

.main-blog .blog-badge:after {
    background: inherit;
    content: '';
    height: 15px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 15px;
    z-index: 1;
    display: block;
    left: -6px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Blog Resim Yüksekliği */
.main-blog .blog-image {
    height: 170px;
}


.container, .main-content {
    box-sizing: border-box;
}

.new-items {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    justify-content: space-between; 
}


.new-item-row {
    flex: 1 1 calc(33.333% - 20px); 
    box-sizing: border-box;
}
.new-items {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
}

.new-item-row {
    flex: 1 1 calc(25% - 20px); 
    box-sizing: border-box; 
}


@media(max-width: 1024px) {
    .new-item-row {
        flex: 1 1 calc(50% - 20px); 
    }
}

@media(max-width: 768px) {
    .new-item-row {
        flex: 1 1 100%;
    }
}


.new-items {
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto; 
    gap: 1rem; 
    padding-bottom: 10px;
    scrollbar-width: none; 
}


.new-items::-webkit-scrollbar {
    display: none;
}


.new-item-row {
    flex: 0 0 auto; 
    width: 300px; 

}
@media (max-width: 768px) {
    .new-item-row {
        width: 250px; 
    }
}

@media (max-width: 728px) {
    .shop__products {
        display: flex;
    }
    
    
}

.categorybox-anim img{
	transition:none;
}
.categorybox-anim {
    overflow: hidden;
    border-radius: 7px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .4);
    transition: .2s box-shadow ease-in-out, .2s transform ease-in-out, .5s background-position ease-in-out;
    padding: 0;
    box-shadow: 0;
}

body.dark.modern .categorybox-anim {
        background-color: var(--background-dark);
        box-shadow: 0;
}
.categorybox-anim:hover {
    transform: perspective(50em) rotateX(10deg) scale(1.1);
    z-index: 10;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .4);
    box-shadow: 0;
}
.categorybox-anim:hover:before {
    background-position: 50%;
}

.categorybox-anim:before {
     content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(-135deg, #c8e6fa 0, transparent 50%);
    background-size: 200%;
    transition: .2s box-shadow ease-in-out, .2s transform ease-in-out, .5s background-position ease-in-out;
}




body.dark .lang-down{
	color:white;
}
.lang-down{
	color:black;
}
.lang-down{
    top: 10px;
    position: relative;
}

body.dark.modern .dropdown-menu {
    background: #171a21;
    border-radius: 0;
    border: 0;
}


.dropdown-menu {
    background: #f9f9f9;
    border-radius: 0;
    border: 0;
}
.preferences-container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
     width: 274px; 
  
}

.preferences-container>:not(:last-child) {
    margin-bottom: 10px
}

.preferences-container>:last-child {
    margin-bottom: -5px
}

body.dark.modern .preferences-container .pref-head {
    margin: 10px 0;
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center
}


.preferences-container .pref-head {
    margin: 10px 0;
    color: black;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center
}


body.dark.modern .preferences-container p {
    margin: 0 0 10px;
    color: white;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center
}


.preferences-container p {
    margin: 0 0 10px;
    color: black;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center
}

.preferences-container .preference-input-area {
    position: relative
}

.preferences-container .preference-input-area label {
    display: block;
    color: rgb(255 255 255 / 87%);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 5px
}

body.dark.modern .preferences-container .preference-input-area .preference-input {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 42px;
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    border: 1px solid rgb(71 71 71);
    border-radius: 3px;
    outline: 0;
    overflow: hidden;
    transition-property: border-color,box-shadow;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
    margin: 0;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: var(--background-dark);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0, 0, 0, 0.54)'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'></path></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: calc(75% - 6px);
    color: #bebebe
}


.preferences-container .preference-input-area .preference-input {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 42px;
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    border: 1px solid rgb(172 172 172);
    border-radius: 3px;
    outline: 0;
    overflow: hidden;
    transition-property: border-color,box-shadow;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
    margin: 0;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0, 0, 0, 0.54)'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'></path></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: calc(75% - 6px);
    color: #343434;
}

.preferences-container .preference-input-area .preference-input:focus {
    border-color: #2f82fb;
    box-shadow: rgb(166 219 243 / 87%) 0 0 4px
}

.preferences-container .preference-button {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: normal;
    padding-left: 24px;
    padding-right: 24px;
    /*background-color: rgb(57 57 57);*/
        background-color: red;
    border: 1px solid rgb(101 101 101);
    color: rgb(255 255 255);
    height: 42px;
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0;
}

.preferences-container .preference-button.pref-ok {
    display: block;
    text-align: center;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: normal;
    padding-left: 24px;
    padding-right: 24px;
    /*background-color: #2f82fb;*/
    /*border: 1px solid #4853c0;*/
        background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #fff;
    height: 42px;
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer;
      box-shadow: 0;
}


.swiper-sld .swiper-pagination {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: .5em;
    position: absolute;
    inset-inline: 0;
    inset-block-end: 1.5em;
    z-index: 1;
    height: 0;
    margin-inline:auto;width: calc(100% - 6em);
    max-width: 25em;
    box-sizing: border-box
}

.swiper-sld .swiper-pagination-bullet {
    flex: 1;
    display: block;
    height: 5px;
    min-width: 1em;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 1em;
    background: rgba(255 255 255/50%);
    backdrop-filter: blur(1em);
    cursor: pointer;
    transition: width .3s
}

.swiper-sld .swiper-pagination-bullet::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    border-radius: 1em;
    background-color: #a855f7
}

.swiper-sld .swiper-pagination-bullet-active {
    flex: 2;
    background: #fff
}

.swiper-sld .swiper-pagination-bullet-active::before {
    animation: pagination 6s linear
}

@keyframes pagination {
    100% {
        width: calc(100% - 2px)
    }
}

@media only screen and (max-width: 480px) {
    .swiper-sld .swiper-slide .img {
            aspect-ratio: 1000 / 360;
    }

    .swiper-sld .swiper-slide-active img {
        transform: scale(1.05)
    }

    .swiper-sld .swiper-pagination {
        pointer-events: none;
        inset-block-end: 1em
    }

    .swiper-sld .swiper-pagination-bullet {
        flex: none;
        min-width: unset;
        width: 5px
    }

    .swiper-sld .swiper-pagination-bullet-active {
        width: 2em
    }
}






	.dark #cartModal .text-header{
		color:White !important;
	}


#cartModal {
	 .text-header{
		color:black;
	}
	.text-header{
	 /* color: white; */
    margin-top: 10px;
    margin-bottom: 0px;
}
  .modal-content {
     padding:0rem; 
    .modal-body {
      .top {
        justify-content: space-between;
        display: flex;
      }
    }
  }
  .product-div {
    display: flex;
    justify-content: space-between;
    img {
      max-width: 100px;
      padding: 5px;
      border-radius: 12px;
    }
    .cart-modal-name {
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: center;
      margin-left: 1rem;
      color:var(--text);
      span.icon {
        color:#198754;
        font-size: 0.875rem;
        margin-bottom: 1rem;
      }
      span.category-name {
        font-size: 0.875rem;
        font-weight: 300;
      }
      span.product-name {
        font-size: 0.875rem;
        font-weight: 700;
      }
    }
  }
  .cart-div {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    a {
        width: 200px;
        height: 45px;
    }
    button {
    }
  }
  .same-product-div {
    .product-list {
      overflow: hidden;
      .product-item {
                      width: calc(90% / 4);
                      margin: 3px;
      }
    }
  }
  .btn-grey {
    background-color: #6c757d;
     color: #ffffff;
  }
}


@media screen and (max-width: 768px) {
    #cartModal .same-product-div {
        display: none;
    }
}


@media (max-width: 1024px) {
    #cartModal .same-product-div {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #cartModal .same-product-div {
        display: none;
    }
}

@media (max-width: 992px) {
  .modal-content .modal-body
    .same-product-div {
      display: none;
    }
    .top {
    flex-direction: column;
    justify-content: center !important;
    .cart-div {
    margin-top: 1rem;
    button {
        margin-top: 1rem;
      }
    }
    .product-div {
    justify-content: center !important;
    }
  }
}



.modal-header {
   
    border-bottom: 0px solid #dee2e6;

}

	.gunalan{
    width: 50px !important;
    max-width: 50px !important;
	}
	.darkalan{
		display:none;
    width: 50px !important;
    max-width: 50px !important;
	}
	.dark .gunalan{
		display:none;
	}
	.dark .darkalan{
		display:block;
	}
	
	
	
	
	
	
	
	
	
	
	.header_top_menu_mobile_content .sidebar__menu i{
    margin-right: 7px;
}

body.dark.modern .header_top {
     background-color: var(--nav-bg) !important;
  
    border-bottom: 0px solid var(--nav-border-color) !important;
    padding: 10px 0 !important;
}




body.dark.modern .header_top_navbar {
background-color: var(--nav-bg) !important;
   
    border-bottom: 0px solid var(--nav-border-color) !important;
    padding: 10px 0 !important;
   
}
body.dark .theme__inner {
    position: relative;
    display: flex;
    padding: 0px;
    border-radius: 38px;
    background: #333c50;
    transition: background .2s;
}
.theme__inner {
   
    border-radius: 38px;
    
}





@media (pointer: none),(pointer:coarse) {
    .container-fluid {
        -ms-overflow-style: none;
    scrollbar-width: none;
    }

   
    .swiper-sld {
       
        scrollbar-width: none;
    }
  
}

	
	
	
/* Ürün Kartı Boyutunu Sabitleme ve Orantıyı Düzeltme */
.product-card {
    max-width: 200px; 
    /*height: 285px; */
    overflow: hidden;
     height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px;
}



/* Görsel Alanı için Düzeltme */

/*.pimg-base img {*/
/*    width: 100%;*/
/*    height: 100%;*/
    object-fit: cover; /* Görsellerin orantılı kesilmesi */
/*    border-radius: 8px;*/
/*}*/

/* Ürün Detay Alanı */
.product-detail {
    text-align: center;
    padding: 10px;
    height: auto;
}


.urunrating i {
    color: #f69f29;
    margin: 0 2px;
}

/* Fiyat Alanı */
.product-price {
font-size: 10px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;

}

.sales-price {
    color: var(--theme-color);
}

.list-price {
    text-decoration: line-through;
    color: #888;
}


.main-blog .blog-item .blog-inner .blog-title {
    color: var(--theme-color);
}




.summary__preview2 {
   
    display: flex;
    justify-content: center;
    align-items: center;
}



.summary__preview2:before {
    z-index: 1;
    content: "";
    position: absolute;
    border-radius: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(-135deg, #c8e6fa 0, transparent 50%);
    background-size: 200%;
    transition: .4s transform cubic-bezier(.06, .92, 1, 1), .4s background cubic-bezier(.15, .67, .58, 1);
    pointer-events: none;
    border: 0px solid transparent;
}

.summary__preview2:hover:before {
    background-position: 50%;
}

.summary__preview2:after {
    content: "";
    position: absolute;
    background: transparent; /* Şeffaf bırakılmış */
    z-index: 1; /* After elementin görünürlüğünü ayarlar */
}


.summary__preview:before {
    z-index: 1;
    content: "";
    position: absolute;
    border-radius: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(-135deg, #c8e6fa 0, transparent 50%);
    background-size: 200%;
    transition: .4s transform cubic-bezier(.06, .92, 1, 1), .4s background cubic-bezier(.15, .67, .58, 1);
    pointer-events: none;
    border: 0px solid transparent;
}

.summary__preview:hover:before {
    background-position: 50%;
}

.summary__preview:after {
    content: "";
    position: absolute;
    background: transparent; /* Şeffaf bırakılmış */
    z-index: 1; /* After elementin görünürlüğünü ayarlar */
}


.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0;
}


body.dark.modern.cardsearchcate .form-control{
	border: 1px solid #7280a9;
    background-color: #1e1f22;
    color: #c7c7c7;
}
body.dark.modern.cardsearchcate{
	box-shadow: 7px 7px 15px -5px #0000008c !important;
    border: 1px solid #474747 !important;
	background-color: #313338 !important;
	border-radius:5px;
}



.btn-secondary {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}






.category-item {
    cursor: pointer;
    position: relative;
    box-shadow: 0 10px 20px -10px rgb(0 0 0 / 90%);
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1), 0.4s background cubic-bezier(0.15, 0.67, 0.58, 1);
    border-radius: 8px;
    overflow: hidden;
    width: calc(16.66% - 10px); 
    height: auto; 
}

.category-item-img {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.category-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;  
}

/* Hover Efekti */
.category-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(-135deg, rgba(200, 230, 250, 1) 0%, transparent 50%);
    background-size: 200%;
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1), 0.4s background cubic-bezier(0.15, 0.67, 0.58, 1);
    border-radius: 8px;
    pointer-events: none;
}

.category-item:hover {
    transform: perspective(80em) rotateX(10deg) scale(1.05);
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 80%);
    z-index: 1;
}

.category-item:hover:before {
    background-position: 50%;
}


@media (max-width: 1024px) {
    .category-item {
        width: calc(20% - 10px); 
        height: auto; 
    }
}

@media (max-width: 768px) {
    .category-item {
        width: calc(25% - 10px); 
        height: auto; 
    }
}

@media (max-width: 600px) {
    .category-item {
        width: calc(50% - 10px); 
        height: auto; 
    }
}

@media (max-width: 480px) {
    .category-item {
        width: calc(50% - 10px); 
        height: auto; 
    }
}

@media (max-width: 320px) {
    .category-item {
        width: 100%; 
        height: auto; 
    }
}


@media screen and (max-width: 1024px) {
  .category-item {
    flex: 1 1 45%; /* Genişlik ayarı */
    max-width: 45%; /* Esnek genişlik */
  }

  .category-container {
    display: flex;
    flex-wrap: wrap; /* Taşan elemanları alt satıra geçir */
    justify-content: center; /* Ortala */
    gap: 1em; /* Elemanlar arasında boşluk */
  }
}

    
    
    
    
    
    
    
    
        
body.dark.modern.cardsearchcate .form-control{
	border: 1px solid #7280a9;
    background-color: #1e1f22;
    color: #c7c7c7;
}
body.dark.modern.cardsearchcate{
	box-shadow: 7px 7px 15px -5px #0000008c !important;
    border: 1px solid #474747 !important;
	background-color: #313338 !important;
	border-radius:5px;
}




.btn-secondary {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}




/*.category_list_box_img img {*/
/*    height: 200px;*/
/*}*/

/*	.category_list_box_img img {*/
/*    height: auto!important;*/
/*    width: auto!important;*/
/*}*/
/*.category_content_text p {*/
/*    font-size: 0.8rem;*/
/*}*/
/*.category_content_text h3 {*/
/*    font-size: 1rem;*/
/*}*/





.page__inner3 {
     display: flex;
    flex-direction: column;
    /*min-height: calc(100vh - 40%);*/
    padding: 10px;
    
}


.shop__avatar {
    position: relative;
    flex-shrink: 0;
    width: 160px;
    height: auto;
    margin-top: 0px;
}

/* Mobil görünüm için */
@media (max-width: 768px) {
    .shop__avatar {
        width: 80%; /* Mobilde daha küçük genişlik */
        max-width: 100%;
        margin: 0px;
        margin-top: 0px;
        text-align: center;
    }

    .shop__avatar img {
        width: 100%;
        height: auto;
        max-height: 150px; /* Görselin maksimum yüksekliğini ayarla */
        object-fit: contain; /* Görseli orantılı bir şekilde küçült */
    }

    .shop__avatar h1, .shop__avatar h2, .shop__avatar p {
        font-size: 14px; /* Metni küçült */
        line-height: 1.2;
        margin-top: 10px; /* Görsel ile metin arasında boşluk bırak */
    }

 
   
}
 


    .shop__man{
		font-size:18px;
	}
	
	.kattetitle {
    font-size: 1.2em;
    font-weight: 400;
    padding-bottom: 15px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0)) center bottom / 100% 1px no-repeat;
}


/*	.category_list_box_img img {*/
/*    height: auto!important;*/
/*    width: auto!important;*/
/*}*/
/*.category_content_text p {*/
/*    font-size: 0.8rem;*/
/*}*/
/*.category_content_text h3 {*/
/*    font-size: 1rem;*/
/*}*/



.page__inner4 {
       display: flex;
    flex-direction: column;
    /*min-height: calc(100vh - 40px);*/
    padding: 10px;
}
.page__inner {
       display: flex;
    flex-direction: column;
    min-height: 0px;
    padding: 10px;
  
}		






        


/*.entry {*/
   
/*    min-height: 0;*/
/*    padding: 0px;*/
/*}*/
   
/*   body.dark.modern .page_register .entry__wrapper {*/
/*    background: transparent;*/
/*}*/


    
/*body.dark.modern .auth-box {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    border: 0px solid rgba(200, 209, 231, 0.2);*/
/*    border-radius: 8px;*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*    color: #ededed;*/
    /*background-color: #2a2d3a !important;*/
    /*box-shadow: 0 7px 15px -5px #0000005c !important;*/
/*    margin-bottom: 10px;*/
/*    margin-top: 5px;*/
/*}*/


/*.auth-box {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    border: 0px solid rgba(200, 209, 231, 0.2);*/
/*    border-radius: 8px;*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*    color: #484848;*/
/*    margin-bottom: 10px;*/
/*    margin-top: 5px;*/
/*}*/

/*.p-4 {*/
/*    padding: 1.5rem !important;*/
/*}*/

/*body.dark.modern .register-button {*/
/*    height: 45px;*/
/*    color: #ededed;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 45px;*/
/*    border-radius: 8px*/
/*}*/





/*.login-button {*/
/*    height: 45px;*/
/*    color: #484848;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 45px;*/
/*    border-radius: 8px;*/
/*}*/

/*body.dark.modern .login-button {*/
/*    height: 45px;*/
/*    color: #ededed;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 45px;*/
/*    border-radius: 8px*/
/*}*/

/*body.dark.modern .auth-buttons {*/
/*    background: #30353e;*/
/*    margin: 25px 25px 0 25px;*/
/*    border-radius: 8px;*/
/*    padding: 3px;*/
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);*/
/*}*/



/*.entry__fieldset .entry__button:hover {*/
/*    width: 100%;*/
/*    background-color: var(--theme-color);*/
/*    border-color: var(--theme-color);*/
/*        color: white;*/
/*}*/

/*body.dark.modern .entry__fieldset .entry__button {*/
/*    width: 100%;*/
/*    background-color: var(--theme-color);*/
/*    border-color: var(--theme-color);*/
/*}*/

/*body.dark.modern .entry__fieldset .entry__button:hover {*/
/*    width: 100%;*/
/*    background-color: var(--theme-color);*/
/*    border-color: var(--theme-color);*/
/*}*/


/*.auth-buttons {*/
/*    background: #f5f5f5;*/
/*    margin: 25px 25px 0 25px;*/
/*    border-radius: 8px;*/
/*    padding: 3px;*/
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.register-button:hover {*/
/*  color: var(--theme-color);*/
/*}*/

/*body.dark.modern .register-button:hover {*/
/*  color: var(--theme-color);*/
/*}*/
/*body.dark.modern .login-button.selected,.register-button.selected {*/
/*    color: #ededed;*/
/*    background-color: #171a21*/
/*}*/

/*.login-button.selected,.register-button.selected {*/
/*       color: #000000;*/
/*    background-color: #60606014;*/
/*      box-shadow: 0;*/
/*}*/


.btn-success {
    padding: 12px;
    border-radius: 8px
}

/*.auth-section {*/
/*    margin-top: 25px*/
/*}*/

/*.social-auth .social-button {*/
/*    display: inline-block;*/
/*    text-align: center!important;*/
/*    padding-right: 0!important;*/
/*    padding-left: 0!important*/
/*}*/

/*.social-auth img {*/
/*    width: 44px*/
/*}*/
/*.page_register .entry__wrapper {*/
   
/*    padding: 0;*/
/*}*/


/*body.dark.modern .social-auth {*/
     
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    margin: 24px auto 0;*/
/*    padding: 32px;*/
/*    border-radius: 8px;*/
/*    border: 0px solid rgba(200, 209, 231, 0.2);*/
/*    background-color: var(--background-dark);*/
/*    background-repeat: no-repeat;*/
/*    margin-top: 10px;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.social-auth {*/
   
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    margin: 24px auto 0;*/
/*    padding: 32px;*/
/*    border-radius: 8px;*/
/*    border: 1px solid rgba(200, 209, 231, 0.2);*/
/*    background-color: #ffffff;*/
/*    background-repeat: no-repeat;*/
/*    margin-bottom: 10px;*/
/*    margin-top: 10px;*/
/*}*/


/*.social-auth h4 {*/
/*font-size: 20px;*/
/*font-weight: 500;*/
/*font-stretch: normal;*/
/*font-style: normal;*/
/*line-height: 1.5;*/
/*letter-spacing: -.17px;*/
/*text-align: center;*/
/*color: #ededed;*/
/*}*/


/*@media only screen and (max-width: 992px) {*/
    
/*    .social-auth {*/
/*        width: 100%;*/
/*        max-width: 100%*/
/*    }*/
/*    body.dark.modern .social-auth {*/
/*        width: 100%;*/
/*        max-width: 100%*/
/*    }*/
/*    .social-auth a {*/
/*        padding: 12px;*/
/*    }*/

/*     .social-auth .social-button {*/
/*        padding: 6px;*/
/*        border: 2px solid #212121;*/
/*        border-radius: 8px;*/
/*        margin: 5px 5px;*/
/*        box-sizing: border-box;*/
/*        width: 50px*/
/*    }*/
/*    .auth-box {*/
/*        width:100%;*/
/*        border: 0;*/
/*        margin: 0*/
/*    }*/
/*    body.dark.modern .auth-box {*/
/*        width:100%;*/
/*        border: 0;*/
/*        margin: 0*/
/*    }*/
/*}*/

   


/*@media only screen and (max-width: 767px) {*/
/*    .entry {*/
/*        padding: 2px;*/
/*    }*/
/*}*/




/*register*/
/*.entry {*/
   
/*    min-height: 0;*/
/*    padding: 5px;*/
/*}*/


/*.page_register .entry__wrapper {*/
   
/*    padding: 0;*/
/*}*/
  .p-4 {
    padding: 1.5rem !important;
}  






/*.register-button {*/
/*    height: 45px;*/
/*    color: #484848;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    line-height: 45px;*/
/*    border-radius: 8px;*/
   
/*}*/





/*.login-button:hover {*/
/*   color:var(--theme-color);;*/
/*}*/

/*body.dark.modern .login-button:hover {*/
/*   color:var(--theme-color);;*/
/*}*/



/*.register-button.selected {*/
/*    color: #484848;*/
/*    background-color: #ffffff;*/
/*}*/

/*body.dark.modern .register-button.selected {*/
/*    color: #ededed;*/
/*    background-color: #171a21 !important;*/
/*}*/

/*.entry__fieldset .entry__button {*/
/*    width: 100%;*/
/*     background-color: var(--theme-color);*/
/*    border-color: var(--theme-color);*/
/*        color: white;*/
/*            box-shadow: 0;*/
/*}*/

/*.entry__fieldset .entry__button:hover {*/
/*    width: 100%;*/
/*    background-color: var(--theme-color);*/
/*    border-color: var(--theme-color);*/
/*        color: white;*/
/*}*/

/*body.dark .button {*/
/*}*/

/*body.dark .button-yeni{*/
/*    color: white;*/
/*    border-color: var(--theme-color);*/
/*    margin: 2px;*/
/*}*/

/*.btn-success {*/
/*    padding: 12px;*/
/*    border-radius: 8px*/
/*}*/

/*.auth-section {*/
/*    margin-top: 25px*/
/*}*/

/*.social-auth .social-button {*/
/*    display: inline-block;*/
/*    text-align: center!important;*/
/*    padding-right: 0!important;*/
/*    padding-left: 0!important*/
/*}*/

/*.social-auth img {*/
/*    width: 44px*/
/*}*/


/*.price_filter .ui-slider-range {*/
/*    background: var(--theme-color) none repeat scroll 0 0;*/
/*    border-radius: 0;*/
/*}*/

/*.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {*/
/*    border: 3px solid var(--theme-color);*/
/*}*/

/*@media only screen and (max-width: 992px) {*/
/*    .auth-box {*/
/*        width:100%;*/
/*        border: 0;*/
/*        margin: 0*/
/*    }*/
/* .social-auth {*/
/*        width: 100%;*/
/*        max-width: 100%*/
/*    }*/
/*    body.dark.modern .social-auth {*/
/*        width: 100%;*/
/*        max-width: 100%*/
/*    }*/
/*    .social-auth a {*/
/*        padding: 12px;*/
/*    }*/

/*     .social-auth .social-button {*/
/*        padding: 6px;*/
/*        border: 2px solid #212121;*/
/*        border-radius: 8px;*/
/*        margin: 5px 5px;*/
/*        box-sizing: border-box;*/
/*        width: 50px*/
/*    }*/
 
/*    body.dark.modern .auth-box {*/
/*        width:100%;*/
/*        border: 0;*/
/*        margin: 0*/
/*    }*/
    
/*}*/

/*top header*/


.header_top_menu ul {
   list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    overflow: hidden;
    overflow-x: auto
    
}

.header_top_menu ul li {
    width: 100%;
    display: flex;
    text-align: center;
    position: initial;
    border: 1px solid #e8e8e8;
    border-top: unset;
    border-bottom: unset;
    padding: 4px 9px
    
    
}


body.dark .header__body {
    background-color: #1f232d;
    border: 0px solid var(--background-dark);
}


.container-fluid {
    width: 95vw;
    max-width: 1300px;
}


@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
/*top header end */



.butonyeni {
    position: relative;
    z-index: 2;
    user-select: none;
    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding: 4px 14px;
    background: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    border-radius: 10px;
}

.butonyeni:hover {

background: #FCCF03;
color: white;

    
}


/*body.dark.modern .yenigiris {*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*}*/

/*.yenigiris {*/
/*    text-align: center;*/
/*    color: #606060;*/
/*    font-size: 14px;*/
/*}*/
/*.yenigiris .account-icon {*/
/*    font-size: 10px;*/
   
/*    margin-bottom: 5px;*/
/*}*/

/*.yenigiris .account-text {*/
/*    font-weight: bold;*/
/*    margin-bottom: 5px;*/
   
/*}*/

/*.yenigiris .account-links {*/
/*    display: flex;*/
/*    gap: 6px;*/
/*    font-size: 15px;*/
    
/*}*/

/*body.dark.modern .yenigiris .link-text {*/
/*     color: #fff;*/
/*    text-decoration: none;*/
/*}*/

/*.yenigiris .link-text {*/
/*     color: #606060;*/
/*    text-decoration: none;*/
/*}*/
/*.yenigiris .link-text:hover {*/
/*    text-decoration: underline;*/
  
/*}*/

body.dark.modern .yenigiris .link-text:hover {
    text-decoration: underline;
  
}
button.mobgizle {
    background: none;
    border: none;
    padding: 0;
    color: #495065;
    cursor: pointer;
}

button.users__button {
   
    font-weight: 500;
}


		 .sidebar__link{
				 padding:0px;
			 }
			 
			 








.fad, .fa-duotone {
    position: relative;
    font-weight: 900;
    letter-spacing: normal;
}

.footeryeni .baryeni2 h3 {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
    
    
.nav-item .septadet2 {
  position: absolute;
    top: -11px;
    right: 22px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 0px 0px;
    font-size: 12px;
    width: 22px;
    height: 22px;
}    

.dropdown-toggle::after {
    content: none;
}


.cogi{
				right: 20px;
    top: 25px;
    position: absolute;
    padding: 10px;
    border-radius: 100%;
    color: #6F767E;
			}
			.fa-circle{
				    font-size: 7px;
    margin-right: 5px;
			}
	
			.isyan{
				    margin-left: 50px;
			}
			.durumicon{
				float:right;
			}
			.yanlistt a img{
				margin-right:5px;
			}

 




	
body.dark.modern .yanlistt a{
      display: block;
    padding: 9px 12px;
    color: #dedede !important;
    border-radius: 10px;
			}
.yanlistt a{
    display: block;
    padding: 9px 12px;
    color: #000000 !important;
    border-radius:10px;
        margin: 2px;
			}
			.page__inner .page__container .page__title.h3{
    font-size: 25px;
			}
			body.dark .badge-success{
				    background: #27ac3d;
				color: black;
			}
			.badge-success{
			    background: #27ac3d;
				color: black;
			}
			
			
	    hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}
	    .settings__menu {
    position: initial;

}


.yanlistt .listyeni a img {
    filter: none; 
}
.yanlistt .listyeni a:hover:before {
    background-position: 50%
}

.yansagmenuorta:not(:has(a)) {
    display: none;
}


.theme_switch {
    display: flex;
    justify-content: center;
    align-items: center;
}

.theme {
      position: relative;
    width: 60px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

.theme__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.theme__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 99px;
    background-color: #f0f0f0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}



.theme__input:checked ~ .theme__inner {
       background-color: #f9f9f900;
}




@media only screen and (max-width: 1259px) {
    .theme.wide .theme__box {
        display: flex;
        height: 20px;
        border-radius: 16px;
        font-size: 15px;
    }
}



.theme__input:checked + .theme__inner .theme__box:first-child .icon {
    fill: var(--theme-color);
}


/*.forgot-password-container {*/
/*    text-align: right; */
/*    margin-top: 10px;*/
/*}*/


/*.forgot-password-container {*/
/*    text-align: right; */
/*    margin-top: 28px;*/
/*    margin-bottom: 16px*/
/*}*/


/*.forgot-password-link {*/
/*    color: #606060; */
/*    font-size: 14px;*/
/*    font-weight: normal; */
/*    text-decoration: none;*/
/*    transition: color 0.3s ease;*/
/*}*/


/*.forgot-password-link:hover {*/
/*    color: var(--theme-color); */
/*    text-decoration: underline;*/
/*}*/


body.dark .forgot-password-link {
    color: #ffffff; 
    font-size: 14px;
    font-weight: normal; 
    text-decoration: none;
    transition: color 0.3s ease;
}


body.dark .forgot-password-link:hover {
    color: var(--theme-color); 
    text-decoration: underline;
}

.forgot-password-container {
    display: flex;
    justify-content: space-between; /* Sol ve sağa eşit yayılma */
    align-items: center;
    margin-top: 28px;
    margin-bottom: 16px;
}

.remember-me {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #606060;
    cursor: pointer;
}

.remember-me input {
    margin-right: 5px; /* Checkbox ile yazı arasına boşluk bırakır */
}

body.dark .remember-me {
    color: #ffffff;
}

.sign-part {
    margin-right: 0;
    display: flex;
    gap: 10px;
}

.sign-part a {
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    padding: 0px 20px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

/* Giriş Butonu */
.sign-part a:first-child {
    background-color: var(--theme-color);
    color: #fff;
}

.sign-part a:first-child:hover {
    background-color: #ee7d19; /* var(--theme-color)'dan biraz daha koyu ton */
    box-shadow: 0 0 10px rgb(13 202 240);
    transform: translateY(-1px);
}

/* Qeydiyyat Butonu */
.sign-part a:last-child {
    background: #23b8f8;
    color: #fff;
}

.sign-part a:last-child:hover {
    background: #23b8f8; /* daha koyu mavi */
    box-shadow: 0 0 10px rgb(238 125 25);
    transform: translateY(-1px);
}

/* Dark Mode: Login */
body.dark.modern .login-button2 {
    height: 40px;
    color: #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.login-button2 {
    height: 40px;
    color: #484848;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.login-button2:hover {
    color: #fff;
}

/* Dark Mode: Register */
body.dark.modern .register-button2 {
    height: 40px;
    color: #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.register-button2 {
    height: 40px;
    color: #484848;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.register-button2:hover {
    color: #fff;
}












/* Genel Buton Stili */
.cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    gap: 6px;
    height: 40px;  /* Sabit yükseklik */
  
}

/* Dark Mode - Səbəti Təmizləyin */
body.dark .btn-clear-cart {
    background-color: #ff4d4d;
    color: #fff;
    border: 1px solid #ff4d4d;
}

body.dark .btn-clear-cart:hover {
    background-color: #cc0000;
    border-color: #cc0000;
}

/* Light Mode - Səbəti Təmizləyin */
.btn-clear-cart {
    background-color: #e53935;
    color: #fff;
    border: 1px solid #e53935;
     box-shadow: 0;
}

.btn-clear-cart:hover {
    background-color: #c62828;
    border-color: #c62828;
}

/* Dark Mode - Səbəti Təsdiqləyin */
body.dark .btn-confirm-cart {
    background-color: #23c55e;
    color: #fff;
    border: 1px solid #23c55e;
}

body.dark .btn-confirm-cart:hover {
    background-color: #1fa34f;
    border-color: #1fa34f;
}

/* Light Mode - Səbəti Təsdiqləyin */
.btn-confirm-cart {
    background-color: #1b8e4a;
    color: #fff;
    border: 0px solid #1b8e4a;
    box-shadow: 0;
}

.btn-confirm-cart:hover {
    background-color: #146837;
    border-color: #146837;
}

/* Butonları Yan Yana Hizala */
.cart-buttons-container {
    display: flex;
    gap: 10px; /* İki buton arasındaki boşluk */
    justify-content: flex-end;
}

/* Mobil İçin */
@media screen and (max-width: 768px) {
    .cart-button {
        font-size: 12px;
        padding: 6px 12px;
        width: 100%;
        height: 36px;
    }

    .cart-buttons-container {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
}



/* Genel Buton Stili */
.btn-confirm-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
    height: 40px; /* Sabit yükseklik */
}

/* Dark Mode - Buton Aktif */
body.dark .btn-confirm-cart {
    background-color: #23c55e;
    color: #fff;
    border: 1px solid #23c55e;
}

body.dark .btn-confirm-cart:hover {
    background-color: #1fa34f;
    border-color: #1fa34f;
}

/* Light Mode - Buton Aktif */
.btn-confirm-cart {
    background-color: #1b8e4a;
    color: #fff;
    border: 1px solid #1b8e4a;
}

.btn-confirm-cart:hover {
    background-color: #146837;
    border-color: #146837;
}

/* Dark Mode - Buton Disabled */
body.dark .btn-confirm-cart:disabled {
    background-color: #444;
    color: #aaa;
    border: 1px solid #444;
    cursor: not-allowed;
}

/* Light Mode - Buton Disabled */
.btn-confirm-cart:disabled {
    background-color: #ccc;
    color: #666;
    border: 1px solid #ccc;
    cursor: not-allowed;
}

/* Mobil İçin */
@media screen and (max-width: 768px) {
    .btn-confirm-cart {
        font-size: 12px;
        padding: 8px 12px;
        width: 100%;
        height: 36px;
    }
}
.panel__btns {

    gap: 8px;
}

.schedule__control .schedule__button:hover .icon {
    fill: #ff4d4d;
}





/* =================================================================== */
/* MOBILE STICKY HEADER - MODERN STYLES (DAY/NIGHT THEME)    */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --sticky-header-bg: rgba(255, 255, 255, 0.7);
    --sticky-header-border: rgba(0, 0, 0, 0.08);
}
body.dark.modern { /* Gecə */
    --sticky-header-bg: rgba(30, 32, 41, 0.75);
    --sticky-header-border: rgba(58, 59, 93, 0.5);
}

/* --- Ana Yapışqan Header --- */
.mobile-sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; /* Yuxarıda qalması üçün */
    padding: 10px 0;
    
    background: var(--sticky-header-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid var(--sticky-header-border) !important;

    /* Görünüb-gizlənmə animasiyası */
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-sticky-header.isSticky {
    transform: translateY(0%);
}

.mobile-sticky-header__inner {
    display: flex;
    align-items: center;
   justify-content: space-around;
}

.mobile-sticky-header__logo img {
    height: 30px;
}

/* Giriş/Qeydiyyat Düymələrinin ölçüsünü kiçildir */
.mobile-sticky-header__actions .user-menu__action-btn {
    padding: 8px 16px !important;
    font-size: 13px !important;
    height: auto !important;
}

/* Yalnız Mobil Cihazlarda Görünməsi Üçün */
@media (min-width: 992px) {
    .mobile-sticky-header {
        display: none !important;
    }
}


/* =================================================================== */
/* STICKY HEADER - AUTH BUTTONS STYLES (DAY/NIGHT THEME)     */
/* =================================================================== */

.mobile-sticky-header__actions .user-menu__auth-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-sticky-header__actions .user-menu__action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    /* Mobildə daha yığcam olması üçün padding-i azaldırıq */
    padding: 8px 16px !important; 
    height: auto !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

/* Giriş Düyməsi */
.mobile-sticky-header__actions .user-menu__action-btn--secondary {
    background-color: var(--input-bg, #f8f9fa) !important;
    color: var(--text-secondary, #6c757d) !important;
    border-color: var(--header-border, #e9ecef) !important;
}
.mobile-sticky-header__actions .user-menu__action-btn--secondary:hover {
    border-color: var(--text-primary, #212529) !important;
    color: var(--text-primary, #212529) !important;
}

/* Qeydiyyat Düyməsi */
.mobile-sticky-header__actions .user-menu__action-btn--primary {
    background: var(--accent-gradient, linear-gradient(45deg, #007bff, #6f42c1)) !important;
    color: #ffffff !important;
}
.mobile-sticky-header__actions .user-menu__action-btn--primary:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}


body.dark .buttonpazar {
    color: white;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    border-color: var(--theme-color);
}    
    
    
body.dark .buttonpazar  {
    background: transparent;
    border: 1px solid #fff;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    color: white;
}


body.dark.modern .userilanpazar {
	border: 1px solid var(--theme-color) !important;
    background: var(--theme-color)00 !important;
	color:white !important;
	  height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
}


.userilanpazar {
	border: 1px solid var(--theme-color) !important;
    background: var(--theme-color) !important;
	color:white !important;
	  height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
}



body.dark.modern .userilanpazar:hover {
    background: rgba(255, 255, 255, 0.1) ;
    color: rgb(255, 255, 255) !important;
      height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
}

.userilanpazar :hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--theme-color) !important;
      height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
}




.product-name-detailed {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    max-width: 200px;
    font-size: 16px;
}

.product-name-detailed a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
}

body.dark .product-name-detailed a {
    color: white;
}




.urun-blok {
  margin-bottom: 35px;
  margin-top: 20px;
}


body.dark.modern .urun-karti {
    /*border: 1px solid rgba(208, 216, 232, 0.2);*/
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    padding: 10px;
    background-color: var(--background-dark);
    position: relative;
    font-size: 0;
}

.urun-karti {
    /*border: 1px solid rgba(208, 216, 232, 0.2);*/
    border-radius: 10px;
    padding: 10px;
    background-color: #e8e8e8;
    position: relative;
    font-size: 0;
    border: 1px solid var(--theme-color);
}

body.dark.modern .teslimat-etiketi {
    border: 1px solid #e74907;
    background-color: var(--theme-color);
    color: #ffffff;
}


.teslimat-etiketi {
   position: absolute;
    top: -17.5px;
    left: 135px;
    height: 34px;
    line-height: 34px;
    border-radius: 100px;
    padding: 0px 15px;
    font-size: 14px;
    font-family: system-ui;
    color: #ffffff;
    border: 1px solid #e74907;
    background-color: var(--theme-color);
}

.ikon {
  margin-right: 7.5px;
}

.urun-gorsel {
  margin-bottom: 0;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.gorsel-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

.urun-detay-alani {
  /*width: calc(100% - 640px);*/
  display: inline-block;
  vertical-align: middle;
  padding: 0px 25px;
}

.urun-bilgisi {
  /*width: calc(100% - 120px);*/
  display: inline-block;
  vertical-align: middle;
  padding-right: 60px;
}

.urun-baslik {
font-family: system-ui;
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
}


body.dark.modern .urun-baslik a {
     font-family: system-ui;
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
}

.urun-baslik a {
     font-family: system-ui;
  font-size: 16px;
  color: #606060;
  margin-bottom: 5px;
}



.urun-aciklama {
      font-family: system-ui;
  font-size: 15px;
  color: #737E92;
}


.urun-aciklama {
    margin-top: 0.5em;
    opacity: 1.5;
    font-size: 12px;
    background-size: 200% auto;
      background-image: linear-gradient(230deg, #c58dff 0, #ff6f9e 40%, #ff6f9e 60%, #fff800 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
}


body.dark.modern .indirim-alani {
    background-color: #0d2c1d;
    color: #00ff87;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    padding: 7.5px 5px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-family: system-ui;
}

.indirim-alani {
    border: 1px solid #1aad64;
    background-color: #1aad6452;
    color: #606072;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    padding: 7.5px 5px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-family: system-ui;
}

.indirim-alani span {
  font-size: 18px;
  font-weight: bold;
}

.urun-fiyat {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
}

.eski-fiyat {
      font-family: system-ui;
  font-size: 14px;
  color: #888;
  text-decoration: line-through;
  display: block;
}

body.dark.modern .yeni-fiyat {
     font-family: system-ui;
  font-size: 20px;
  color: #fff;
}

.yeni-fiyat {
     font-family: system-ui;
  font-size: 20px;
  color: #606060;
}

.adet-secimi {
  width: 145px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #383838;
  border-radius: 8px;
  background-color: #101010;
  height: 45px;
  margin-right: 15px;
  text-align: center;
  padding: 0px 5px;
}

.btn-azalt,
.btn-arttir {
  display: inline;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background-color: #2d2c2c33;
  border-radius: 8px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  color: #fff;
  transition-duration: .5s;
}

body.dark.modern .adet-input {
  width: calc(100% - 70px);
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.adet-input {
width: calc(100% - 70px);
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    background-color: #ffffff;
    border: none;
    font-size: 16px;
    color: #606060;
    text-align: center;
}
.urun-butonu {
  display: inline-block;
  vertical-align: middle;
  width: 230px;
  font-size: 0;
}


@media (max-width: 768px) {
  .urun-butonu .butonlar {
    display: flex;
    justify-content: center;
  }
}

.sepete-ekle-btn {
  width: calc(100% - 70px);
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  background-color: #00E076;
  border-radius: 8px;
  padding: 0px 5px;
  font-size: 0;
  text-align: center;
  transition-duration: .5s;
}

.sepete-ekle-btn .yazi {
  font-size: 16px;
  font-family: sans-serif;
  color: #fff;
  margin-left: 5px;
}

.hemen-al-btn {
  width: 55px;
  height: 45px;
  border-radius: 8px;
  border: 1px solid rgba(208, 216, 232, 0.2);
  line-height: 43px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  transition-duration: .5s;
}


/*.productyataylist:first-child {*/
/*  margin-top: 20px;*/
/*}*/


.urun-fiyat-ve-butonu {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.adet-secimi input {
  width: 50px;
  text-align: center;
}
@media (max-width: 768px) {
  .urun-karti {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: initial;
  }

  .teslimat-etiketi {
           left: 10px;
        transform: scale(0.9);
        font-size: 13px;
  }

  .urun-gorsel {
    width: 100%;
    height: auto;
    max-width: 200px;
    margin-bottom: 15px;
  }

  .urun-detay-alani {
    width: 100%;
    padding: 10px 0;
    text-align: center;
  }

  .urun-bilgisi {
    width: 100%;
    padding: 0;
  }

  .urun-baslik a {
    font-size: 16px;
  }

  .urun-aciklama {
    font-size: 14px;
  }

  .indirim-alani {
    margin-top: 10px;
  }

  .urun-fiyat {
    width: auto;
    margin-top: 10px;
    text-align: center;
  }

  .adet-secimi {
    width: 100%;
    margin: 10px 0;
    justify-content: center;
  }

  .urun-butonu {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  .btn-azalt,
  .btn-arttir {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .adet-input {
    width: 60px;
  }

  .sepete-ekle-btn,
  .product_cart_button {
    width: 100% !important;
    margin: 0 auto;
    font-size: 16px;
  }

  .hemen-al-btn {
    width: 100%;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .urun-karti {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .urun-gorsel {
    width: 100px !important;
    height: 100px !important;
    margin-bottom: 10px;
    display: block !important;
  }

  .urun-detay-alani,
  .urun-fiyat,
  .adet-secimi,
  .urun-butonu {
    width: 100% !important;
    text-align: center;
    padding: 10px 0;
  }

  .urun-detay-alani {
    padding: 0px 15px !important;
  }

  .indirim-alani {
    margin: 10px auto;
  }

  .teslimat-etiketi {
    position: relative;
    left: auto;
    top: auto;
    margin: 10px auto;
    display: inline-block;
  }
}

.urun-karti {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; /* Mobil için uyum */
border: 1px solid var(--theme-color);
}

.urun-gorsel,
.urun-detay-alani,
.urun-fiyat,
.urun-butonu {
  display: inline-block;
  vertical-align: middle;
}

/* Butonu her durumda sağa yasla */
.urun-butonu {
  margin-left: auto;
  text-align: right;
}

.urun-fiyat-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}


body.dark.modern .copy-wrap {
    background: #1e2a38;
    padding: 10px 15px;
    border-radius: 5px;
    color: white;
}

.copy-wrap {
 background: #0d6efd;
    padding: 10px 15px;
    border-radius: 5px;
    color: #ffffff;
}


.copy-btn a {
    margin-left: 10px;
    color: #fff;
    font-size: 18px;
}

#epin-toast {
    transition: all 0.5s ease;
}



/* E-Pin dış container */
.epin-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Liste taşıyıcısı */
.epin-list-container {
    background: white;
    padding: 0px;
    border-radius: 6px;
 
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
}

/* Liste satırı */
.epin-item-line {
    word-break: break-word;
}

/* Gece modu desteği */
body.dark.modern .epin-list-container {
    background: #1e1e2f;
    
}

body.dark.modern .list-group-item {
    background: #252538;
    color: #eaeaea;
    border-color: #3a3a50;
}

body.dark.modern .copy-wrap {
    background: #2a2a3a;
    color: #fff;
}




/* Mobilde biraz aşağıdan açılsın (sticky header'a çarpmasın) */
@media (max-width: 768px) {
    .modal-dialog {
            top: 10%;
        width: 95vw;
            text-align: left;
    }
    .modal-body {
    left: -3%;
}
}

.epin-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.epin-list-container {
    background: white;
    padding: 0px;
    border-radius: 6px;
  
    overflow-x: auto;
    max-height: 400px;
}

/* Epinin içeriği güzel taşsın */
.epin-item-line {
    word-break: break-word;
    font-size: 14px;
    padding: 10px;
}



/* İkonlar */
.copy-btn a {
    margin-left: 10px;
    color: #fff;
    font-size: 18px;
}

/* Responsive düzeltmeler */
@media (max-width: 768px) {
    .copy-wrap {
        /*flex-direction: column;*/
        align-items: flex-start;
    }

    .copy-btn {
        margin-top: 10px;
    }

    .epin-item-line {
        font-size: 13px;
        padding: 8px 10px;
    }

    .copy-btn a {
        font-size: 16px;
    }
}

/* Gece modu */
body.dark.modern .epin-list-container {
    background: #1e1e2f00;
  
}

body.dark.modern .list-group-item {
    background: var(--background-dark);
    color: #eaeaea;
    border-color: #3a3a50;
}

body.dark.modern .copy-wrap {
    background: #2a2a3a00;
    color: #fff;
}





body.dark.modern .payment-summary {
    background-color: #171a21;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.payment-summary {
background-color: #f4f4f4;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
    color: #606060;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}


.payment-summary h5 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 20px;
    color: var(--theme-color);
}
.payment-summary .row {
    row-gap: 15px;
}
.payment-summary .summary-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 10px 0;
}
.payment-summary .summary-item:last-child {
    border-bottom: none;
}
.payment-summary .summary-item span:first-child {
    font-weight: 500;
    
}
.payment-summary .summary-item span:last-child {
    font-weight: 500;
    text-align: right;
}
.wallet_status .btn-sm {
    font-size: 13px;
    padding: 5px 10px;
}


.btn-danger-yeni {
    background-color: transparent;
    color: #ff4d4f;
    border: 1px solid #ff4d4f;
    font-weight: 500;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.btn-danger-yeni:hover {
    background-color: #ff4d4f;
    color: #fff;
    border-color: #ff4d4f;
    box-shadow: 0 0 10px rgba(255, 77, 79, 0.6);
}

/* Mobil uyum */
@media screen and (max-width: 576px) {
    .payment-summary {
        padding: 20px;
    }

    .payment-summary h5 {
        font-size: 18px;
        text-align: center;
    }

    .payment-summary .summary-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .payment-summary .summary-item span {
        width: 100%;
        font-size: 14px;
    }

    .wallet_status {
        text-align: center;
        margin-top: 10px;
    }

    .btn-danger-yeni {
        width: 100%;
        padding: 10px;
        font-size: 15px;
        margin-top: 10px;
    }
}





/* Düğme ve durum stilleri */
.invoice_download {
    background-color: #007bff;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: 0.3s ease;
}

.invoice_download:hover {
    background-color: #0056b3;
}




.status-green-dark {
    background-color: #28a745;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
}

.status-red-dark {
    background-color: #dc3545;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
}

.status-blue {
    background-color: #ffc107;
    color: #212529;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
}








.mini-car {
      background-color: var(--theme-color);
    color: #ffffff;
    border-radius: 5px;
    font-weight: 550;
    margin-bottom: 1rem;
    padding: 15px;
    font-size: 14px;
    margin-top: 1rem;
}
}

body.dark .carda {
    border: 1px solid white !important;
}
.carda {
    border: 1px solid black !important;
}

.radio-label {
  cursor: pointer;
}

input[type="radio"].hd {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

input[type="radio"]:checked ~ .radio-label .carda {
  background-color: #ff9a39; 
  color:black;
}
			












.schedule__col:last-child {
 
    color: #fff;
}











/*oyuncu pazari*/


/* Genel Grid Yapısı */
.listing-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.listing-card-wrapper {

  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
  transition: border 0.2s ease;
  border: 1px solid #ccc;
  margin-left: 13px;
}

.listing-card-wrapper:hover {
  border-color: #4c6395;
}

/* Üstteki server adı */
.listing-server-name {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: radial-gradient(circle, rgba(255,255,255,0.4), #24242c);
  padding: 2px 6px;
  border-radius: 6px;
  z-index: 2;
  border: 1px solid #5a5a5a;
  text-shadow: 0 0 1px #000;
}

/* Ürün Kartı İçeriği */
.listing-item {
  font-family: Inter, sans-serif;
  position: relative;
}

.listing-preview {
  height: 245px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  color: #fff;
  border-bottom: 1px solid #eee;
}

.listing-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.listing-type {
  font-size: 11px;
  display: flex;
  flex-direction: column;
}

.listing-icon img {
     width: 100%;
    
  object-fit: contain;
      max-height: 140px;
}

.listing-rarity {
  font-size: 10px;
  font-weight: bold;
}

.listing-name {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 8px 0;
}

.listing-separator {
  height: 1px;
  background: #2cb7ef;
  box-shadow: 0 4px 13px 3px rgba(255,255,255,0.08);
  margin: 6px 0;
}

.listing-properties {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 11px;
}

.property-normal,
.property-bonus,
.property-defense {
  display: flex;
  justify-content: space-between;
}

.property-bonus {
  color: #26aa5e;
}

.property-defense {
  color: #5a8881;
}

/* Alt Bilgiler */
.listing-details-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
}

.listing-category img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 4px;
}

.listing-tag {
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  border-radius: 4px;
  background-color: #14894c;
}

.listing-price {
    font-size: 13px;
    font-weight: 500;
    background: var(--theme-color);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #606060;

}

.listing-text {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e2e2;
}

.listing-text .title {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listing-text .description {
  font-size: 12px;
  color: #474747;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
}

.listing-seller {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.listing-seller img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 999px;
}

.seller-details {
  display: flex;
  flex-direction: column;
  margin-left: 6px;
}

.status-dot.offline {
  background-color: #787878;
 width: 15px;
    height: 15px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.rating .score {
  font-size: 12px;
  font-weight: 500;
}

/* Responsive */
@media (max-width: 1280px) {
  .listing-card-wrapper {
    width: calc((100% - 2rem) / 3);
  }
}

@media (max-width: 912px) {
  .listing-card-wrapper {
    width: calc((100% - 1rem) / 2);
  }
}

@media (max-width: 600px) {
  .listing-card-wrapper {
    width: 100%;
  }
}

body.dark.modern .listing-card-wrapper {
  background-color: var(--background-dark);
  border-color: #323948;
}

@media (min-width: 601px) {
  body.dark.modern .listing-card-wrapper {
    margin-left: 13px;
  }
}

body.dark.modern .listing-preview {
  color: #fff;
  border-bottom: 1px solid #2e3541;
}

body.dark.modern .listing-details-flex {
  background: #1c1f25;
  border-top: 1px solid #2e3541;
}

body.dark.modern .listing-text {
  border-bottom: 1px solid #2e3541;
}

body.dark.modern .listing-text .title {
  color: #fff;
}

body.dark.modern .listing-text .description {
  color: #c6c6c6;
}

body.dark.modern .listing-tag {
  background-color: #267857;
}

body.dark.modern .listing-price {
  background: var(--theme-color);
      border: 2px solid #fff;
}

body.dark.modern .listing-category img {
  border: 2px solid #434d60;
}

body.dark.modern .listing-seller {
  background-color: #1e222b;
}

body.dark.modern .seller-details .name {
  color: #fff;
}

body.dark.modern .rating .score {
  color: #ddd;
}

body.dark.modern .status-dot.offline {
  background-color: #aaaaaa;
}

.listing-text a,
.listing-seller a {
  color: inherit;
  text-decoration: none;
}

.listing-text a:hover,
.listing-seller a:hover {
  color: var(--theme-color); 
}

a {
  color: inherit;
  text-decoration: none;
}


@media (max-width: 600px) {
  .listing-card-wrapper {
    width: 100%;
    margin-left: 0 !important;
  }

  .listing-details-flex {
           flex-direction: row;
        align-items: flex-start;
        gap: 0px;
  }

  .listing-category img {
    width: 24px;
    height: 24px;
  }

  .listing-price {
    font-size: 12px;
    padding: 4px 8px;
  }

  .listing-tag {
    font-size: 11px;
    padding: 4px 8px;
  }

  .listing-text .title {
    font-size: 14px;
    white-space: normal;
  }

  .listing-text .description {
    font-size: 13px;
    white-space: normal;
  }

  .listing-seller {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }

  .seller-details {
    margin-left: 0;
  }

  .listing-icon img {
    max-height: 140px;
    object-fit: contain;
  }
}
@media (max-width: 600px) {
  .row--area.pazarcontent {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

.listing-card-wrapper {
  width: calc(50% - 8px);
  margin: 0px;
  display: flex;
  flex-direction: column;
}


  .listing-preview {
    height: auto;
    padding: 5px;
  }

  .listing-text .title,
  .listing-text .description {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  .listing-seller {
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
  }

  .listing-text {
    padding: 5px 8px;
  }
}


@media (max-width: 600px) {
  .row--area.pazarcontent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 4px;
  }

  .row--area.pazarcontent > .col-6,
  .row--area.pazarcontent > .col-xs-6,
  .row--area.pazarcontent > .col-sm-6,
  .row--area.pazarcontent > .col-md-3 {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    padding: 0 !important;
    margin-bottom: 10px;
  }

  .listing-card-wrapper {
    width: 100% !important;
    margin-left: 4px !important;
  }
}

.listing-preview {
  height: auto; /* sabit yükseklik kaldırılıyor */
  min-height: 160px;
  padding: 8px;
}

.status-dot {
     display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 0px;
}

.status-dot.online {
    background-color: #28a745;
}

.status-dot.offline {
    background-color: #ccc;
}
/* Kullanıcı alanı kutusu */
.seller-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Profil fotoğrafı */
.seller-box img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #3d3d3d;
}

/* İsim + durum alanı */
.seller-info {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.seller-name {
    font-size: 13px;
    font-weight: 500;
   
}

.seller-status {
    font-size: 11px;
    color: #ccc;
    display: flex;
    align-items: center;
    gap: 4px;
}

.seller-status.online span {
    color: #28a745; /* Yeşil: çevrimiçi */
    font-weight: 500;
}

.seller-status.offline span {
    color: #bbbbbb; /* Gri: çevrimdışı */
    font-weight: 500;
}


@media (max-width: 600px) {
  .listing-card-wrapper {
    width: calc(50% - 8px);
    margin-left: 0 !important;
  }
}
@media (min-width: 1281px) {
  .listing-card-wrapper {
    width: calc((100% - 48px) / 4); /* 4 ürün ve 16px boşluk */
  }
}
/* Masaüstü: 4 ürün */
@media (min-width: 1281px) {
  .listing-card-wrapper {
    width: calc((93% - 48px) / 4);
  }
}

/* Tablet: 3 ürün */
@media (max-width: 1280px) and (min-width: 913px) {
  .listing-card-wrapper {
    width: calc((100% - 32px) / 3);
  }
}

/* Küçük tablet: 2 ürün */
@media (max-width: 912px) and (min-width: 601px) {
  .listing-card-wrapper {
    width: calc((100% - 16px) / 2);
  }
}

/* Mobil: 2 ürün */
@media (max-width: 600px) {
  .listing-card-wrapper {
    width: calc(50% - 8px);
    margin-left: 0 !important;
  }
}

@media (max-width: 600px) {
  .listing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
  }

  .listing-card-wrapper {
    width: calc(50% - 4px) !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .listing-preview {
    height: auto !important;
    padding: 8px;
  }

  .listing-text .title,
  .listing-text .description {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .listing-seller {
    flex-direction: row;
    gap: 6px;
  }
}








.show-more-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.show-more-btn {
    background-color: var(--theme-color);
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
}

.show-more-btn:hover {
    background-color: #00782f;
}

/* Gece Modu */
body.dark.modern .show-more-btn {
    background-color: #1e7d3e;
    color: #fff;
}

body.dark.modern .show-more-btn:hover {
    background-color: #166433;
}

/* Mobil uyumu */
@media (max-width: 768px) {
    .show-more-btn {
        width: 90%;
        font-size: 14px;
    }
}

.allbtn {
  text-align: center;
  margin: 20px 0;
}

.allbtn--btn {
  background-color: var(--theme-color);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.allbtn--btn:hover {
  background-color: #0c4e27;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
  .allbtn--btn {
    width: 90%;
    font-size: 14px;
    padding: 10px 20px;
  }
}

/* Gece modu */
body.dark .allbtn--btn {
  background-color: var(--theme-color);
  color: #fff;
} 

body.dark .allbtn--btn:hover {
  background-color: #0c4e27;
}
/*input.invalid {*/
/*  border: 1px solid #dc3545 !important;*/
/*}*/
/*input.valid {*/
/*  border: 1px solid var(--theme-color) !important;*/
/*}*/

/*body.dark.modern input.invalid {*/
/*  border: 2px solid #ff4d4f !important;*/
/*}*/
/*body.dark.modern input.valid {*/
/*  border: 2px solid #00cc66 !important;*/
/*}*/







/* KALIN DIŞ ÇERÇEVE */
.listing-card-wrapper.kcerceve {
    border: 3px solid #3b3f6c;
    border-radius: 8px;
}

/* RENKLİ ANİMASYONLU ÇERÇEVE */
.listing-card-wrapper.rcerceve {
    animation: rc-rainbow-border 4s ease-in-out infinite;
    border: 3px solid;
    border-radius: 8px;
}


@keyframes rc-rainbow-border {
    0%, 100% {
        border-color: #2196F3;
    }
    25% {
        border-color: #ff0000;
    }
    50% {
        border-color: var(--theme-color);
    }
    75% {
        border-color: #F44336;
    }
}

/* RENKLİ BAŞLIK */
.title a.rbaslik {
    /*background: linear-gradient(to right, #ff7d00, #e5c79f, #ff7d00, #f0b073);*/
     background-image: linear-gradient(-225deg, #f5f5f5 0, #c58dff 29%, #ff6f9e 67%, #fff800 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 400% 100%;
    color: transparent;
    animation: rb-rainbow-text 3s ease-in-out infinite;
}

@keyframes rb-rainbow-text {
    0%, 100% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
}

/* KALIN BAŞLIK */
.title a.kbaslik {
    font-weight: 900;
}

body.dark .popup__wrap {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 12px !important;
}


.auth-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #ccc;
    margin: 20px 0;
    font-size: 14px;
}

.auth-divider::before,
.auth-divider::after {
    content: "";
    flex: 1;
    border-top: 1px solid #ebebeb;
}

.auth-divider::before {
    margin-right: 10px;
}
.auth-divider::after {
    margin-left: 10px;
}








.auth-social-grid {
  display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 0fr));
    gap: 8px;
    margin: 30px;
}

.auth-social-btn a {
    justify-content: flex-start; /* metin ikon hizalı */
}

@media (max-width: 576px) {
    .auth-social-grid {
        grid-template-columns: 1fr; /* Tek kolon */
    }

    .auth-social-grid .auth-social-btn {
        width: 100% !important;
        max-width: 100% !important;
        justify-self: center;
    }

    .auth-social-btn a {
        justify-content: center;
    }
}


.auth-social-btn {
    background-color: #171a21;
    border: 1px solid #323948;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: all 0.2s ease-in-out;
    width: 100%;
    max-width: 100%;
}

.auth-social-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    justify-content: center;
}

.field__currency {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; /* AZN kutusu sağdaysa */
    width: 48px;
    background: #2a2a2a;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 8px 8px 0;
    font-weight: 500;
    font-size: 14px;
    pointer-events: none; /* input tıklamasını engellemesin */
    z-index: 2;
}



/* === Banka Bilgi Blokları === */
.odeme-bank-card {
    background: #ffffff;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
body.dark .odeme-bank-card {
    background: #202020;
    box-shadow: 0 1px 8px rgba(255, 255, 255, 0.03);
}

/* === Etiketler === */
.odeme-label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #555;
}
body.dark .odeme-label {
    color: #ccc;
}

/* === Input Alanları === */
.odeme-input-wrap {
    position: relative;
    margin-bottom: 16px;
}
.odeme-input {
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    padding-right: 56px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    color: #111;
}
body.dark .odeme-input {
    background-color: #171a21;
    border: 1px solid #444;
    color: #fff;
}

/* === Para Birimi Kutusu === */
.odeme-currency {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    background: #eee;
    color: #111;
    border-radius: 0 8px 8px 0;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.dark .odeme-currency {
    background: #2a2a2a;
    color: #fff;
}

/* === Dosya Alanı === */
.odeme-file input[type="file"] {
    width: 100%;
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 8px;
}
body.dark .odeme-file input[type="file"] {
    background: #111;
    border: 1px solid #444;
    color: #fff;
}

/* === Banka Kartı === */
.odeme-bank-card {
    padding: 8px;
    border-radius: 12px;
    background: #f2f2f2;
    color: #111;
    margin-bottom: 16px;
}
body.dark .odeme-bank-card {
    background: #1c1c1c;
    color: #eee;
}

/* === Başlıklar === */
.odeme-label {
    font-weight: 500;
    color: #333;
    font-size: 14px;
    margin-bottom: 4px;
}
body.dark .odeme-label {
    color: #ccc;
}



/* === Buton Grubu === */
.odeme-btn-group {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* === İkincil (Sol) Buton === */
.odeme-btn-secondary {
    background-color: #c63737;
    color: white;
    padding: 10px 16px;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    transition: 0.3s;
}
.odeme-btn-secondary:hover {
    background-color: #a02a2a;
        box-shadow: 0;
}

/* === Birincil (Sağ) Buton === */
.odeme-btn-primary {
    background-color: transparent;
    border: 2px solid #ee7d19;
    color: #ee7d19;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 500;
    transition: 0.3s;
}
.odeme-btn-primary:hover {
    background-color: #ee7d19;
    color: white;
       box-shadow: 0;
}

.odeme-banka-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
       gap: 20px 180px;
    padding: 10px 0;
}

.odeme-info-row {
    display: flex;
    flex-direction: column;
}

.odeme-info-label {
    font-size: 13px;
    font-weight: 500;
    color: #666;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
body.dark .odeme-info-label {
    color: #aaa;
}

.odeme-info-value {
    font-size: 15px;
    font-weight: 500;
    color: #222;
}
body.dark .odeme-info-value {
    color: #fff;
}

@media (max-width: 768px) {
  .odeme-banka-info-grid {
    grid-template-columns: 1fr;
  }
}


.odeme-error {
    font-size: 13px;
    color: #ff4d4f;
    margin-top: 4px;
}





@media (max-width: 768px) {
  .settings__menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .settings__link {
    display: block;
    width: 100%;
    text-align: center;
  }
}

body.dark .settings__link.active {
    background: #171a21;
}







/* v2*/

/* Topbar Menü Stili */
.topbar__menu {
  display: flex;
  align-items: center;
  gap: 18px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.topbar__menu__item a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.topbar__menu__item a:hover {
  color: #f9a533;
}

/* Balance görünüm */
.balance-button {
  display: flex;
  align-items: center;
}

.balance-button a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  margin-right: 6px;
}

/* Tema değiştirici */
.theme-toggle {
  display: flex;
  align-items: center;
  margin-left: 12px;
}

/* 🔁 Animasyon sadece ikonlara */


.topbar__menu {
  display: flex;
  align-items: center;
  list-style: none;
  padding-left: 0;
  gap: 15px;
}

.topbar__menu__item a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  transition: color 0.3s ease;
}

.topbar__menu__item a:hover {
  color: #ffcc00;
}

.icon-rotate {
  transition: transform 0.6s ease;
}

.icon-rotate:hover {
  transform: rotate(360deg);
}

.theme-toggle {
  margin-left: 10px;
}

.balance-button__wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Gece modu */
body.dark.modern .topbar__menu__item a {
  color: #ffffff;
}

body.dark.modern .topbar__menu__item a:hover {
  color: #f39c12;
}

/* Gündüz modu */
body:not(.dark).modern .topbar__menu__item a {
  color: #333;
}

body:not(.dark).modern .topbar__menu__item a:hover {
  color: #000;
}


.topbar {
  background-color: #1c1e22;
  padding: 10px 0;
  color: #fff;
}

.topbar__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: auto;
  padding: 0 15px;
}

.language-switcher {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.theme-toggle {
  display: flex;
  align-items: center;
}



/* Gece/Gündüz modu butonu */
.theme-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.theme-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 20px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.theme-switch input:checked + .slider {
  background-color: #2196F3;
}

.theme-switch input:checked + .slider:before {
  transform: translateX(20px);
}

/* Mobil düzenlemeler */
@media (max-width: 767px) {
  .topbar__container {
    flex-direction: row;
    justify-content: space-between;
  }

  .topbar__left,
  .topbar__right {
    flex: 1;
  }

  .topbar__left {
    justify-content: flex-start;
  }

  .topbar__right {
    justify-content: flex-end;
  }
}






/* Varsayılan slider düzeni */
.slider_type_1 {
    margin-bottom: 30px;
    padding-bottom: 0;
}

/* Slider container’ına ekstra boşluk varsa sıfırla */
.slider_type_1 .owl-carousel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Mobil görünümde boşlukları düzenle */
@media (max-width: 768px) {
    .slider_type_1 {
        margin-bottom: 15px;
    }

    .slider_type_1 .owl-carousel .item img {
        margin-bottom: 0;
        display: block;
        width: 100%;
        height: auto;
    }
}


.owl-carousel .owl-item img {
  
    border-radius: 12px;
}

.slider-right-banners .banner-box {
  width: 100%;
  height: 166px; /* sabit yükseklik (isteğe göre ayarlanabilir) */
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 10px;
}

.slider-right-banners .banner-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Sabit kutu yüksekliği ve iç görselin hizalanması */
.banner-box {
  width: 100%;
  height: 90px; /* Slider boyuna göre ayarlanmalı */
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

/* Görsellerin taşmaması ve alana düzgün oturması */
.banner-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.banner-box-sol {
  width: 100%;
  height: 160px; /* Slider boyuna göre ayarlanmalı */
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.banner-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (hover: hover) {
  .banner-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  }
}


.banner-box-sol {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (hover: hover) {
  .banner-box-sol:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  }
}
.owl-carousel .owl-item, .owl-carousel .owl-item .item{
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-top: 2px;
   overflow: hidden;
    border-radius: 12px !important;
  

  
}
@media (hover: hover) {
  .owl-carousel .owl-item, .owl-carousel .owl-item .item:hover {
    transform: translateY(-3px);
  
  }
}


/* Görsellerin taşmaması ve alana düzgün oturması */
.banner-box-sol img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

@media (min-width: 768px) {
  .banner-left {
    margin-top: 30px;
    object-fit: contain;
  }

  .banner-right {
    margin-top: 30px;
    object-fit: contain;
  }

  .slider-right-banners {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .slider-right-banners img {
    height: calc(50% - 10px);
    object-fit: cover;
    border-radius: 10px;
  }

  .banner-right-top {
    margin-bottom: 20px;
  }
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: flow !important;
}
@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 75%;
    }
}


.owl-carousel.owl-loaded {
    display: flow !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.owl-dots {
     display: flex !important;
  justify-content: center;
}




.slider-container-row .owl-carousel .item img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

@media (min-width: 768px) {
  .slider-type-4-fix {
    display: flex;
    align-items: center;
    height: 100%;
  }

  .slider-left-banners {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .slider-left-banners img {
   
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .row.g-2 > div {
    padding-left: 4px;
    padding-right: 4px;
  }

  .row.g-2 {
    margin-left: -4px;
    margin-right: -4px;
  }
}

/* Noktaların bulunduğu kapsayıcı alan – hizalama ve konum */
.owl-carousel .owl-dots { /* DOT CONTAINER */
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;        /* slider içinde en alt çizgiye konumlanır */
  bottom: 15px;
  left: 0;
  right: 0;
  gap: 6px;                  /* Noktalar arası boşluk */
  margin-top: 10px;
}

/* Her bir nokta (pasif durum) */
.owl-carousel .owl-dot span { /* DOT GÖRSELİ ve BOYUT */
  width: 12px !important;       /* ← Nokta çapı */
  height: 12px !important;
  background: #ccc;            /* ← Pasif nokta rengi */
  border-radius: 50%;          /* ← Daire şekli */
  display: block !important;
  margin: 0 !important;
  transition: all 0.3s ease;
}

/* Aktif (seçili) nokta */
.owl-carousel .owl-dot.active span { /* AKTİF NOKTA */
   background-color: var(--theme-color)  !important;
}


/*sag sol slider*/


.slider-wrapper-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 0;
    position: relative;
}

.slider-center-area {
    flex: 1 1 auto;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.slider-left-banner,
.slider-right-banner {
    width: 240px;
    max-width: 100%;
}

.slider-left-banner {
    margin-right: 10px;
}

.slider-right-banner {
    margin-left: 10px;
}

.slider-left-banner img,
.slider-right-banner img {
    width: 100%;
    border-radius: 10px;
}

/*sol banner slider*/

.slider-v2-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch; /* Slider ile aynı yükseklik */
    gap: 20px;
    position: relative;
   
}

.slider-v2-left-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    width: 280px;
    max-width: 100%;
}

.slider-v2-left-stack a {
    display: block;
    flex: 1;
    transition: transform 0.3s ease;
}

.slider-v2-left-stack a:hover {
    transform: translateY(-5px); /* Hover efekti: hafif yukarı */
}

.slider-v2-left-stack img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

/* Slider ortası */
.slider-v2-center {
    flex: 1;
    position: relative;
}








body.dark .custom-product-card:hover {
    
  
}
.custom-product-card{
}

.custom-product-card:hover {
    
   
        box-shadow: 0;
}







.custom-empty-comment-box {
    padding: 20px;
    border-radius: 8px;
    background-color: transparent;
    color: #bbb;
}

.custom-empty-icon {
    font-size: 2rem;
    color: #aaa;
}

.custom-empty-title {
    margin-top: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #606060;
}

body.dark.modern .custom-empty-title {
    margin-top: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}

.custom-empty-description {
    font-size: 14px;
    color: #bbb;
    margin: 0;
}



@media only screen and (max-width: 767px) {
    .custom-comment-grid {
        grid-template-columns: 1fr;
    }
}

.custom-comment-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: 900px;
    margin: 2rem auto;
    width: 100%;
}


.custom-empty-comment-box {
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    background-color: transparent;
    color: #bbb;
    text-align: center;
}






html, body {
    height: 100%;
    min-height: 100vh;
    padding: 0 !important;
    margin: 0 !important;
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

.main-content {
    flex: 1 0 auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
footer {
    flex-shrink: 0 !important;
}




.customTabs {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  overflow: hidden;
  z-index: 4;
}

.customTabs .customTabsHeader {
    width: 100%;
    position: relative;
    display: grid;
    background: #f9f9f9;
    border-bottom: 0px solid #333444;
}

body.dark.modern .customTabs .customTabsHeader {
   
    background: var(--background-dark);
    border-bottom: 1px solid #333444;
}

.col-4.customTabs .customTabsHeader {
  grid-template-columns: repeat(4, 25%);
}
.col-3.customTabs .customTabsHeader {
  grid-template-columns: repeat(3, 33.3333333333%);
      box-shadow: 0;
}
@media (max-width: 1199px) {
  .customTabs .customTabsHeader {
    grid-template-columns: repeat(1, 100%);
  }
  .col-4.customTabs .customTabsHeader,
  .col-3.customTabs .customTabsHeader {
    grid-template-columns: repeat(1, 100%);
  }
}

.customTabs .customTabsHeader .customTabsBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  color: #606060;                  
  padding: 15px 25px;
  border-right: 1px solid #171822; 
  background: none;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s, color 0.2s;
  outline: none;

}

body.dark.modern .customTabs .customTabsHeader .customTabsBtn {

  color: #ffffff;               
 
 
}
@media (max-width: 1399px) {
  .customTabs .customTabsHeader .customTabsBtn {
    font-size: 12px;
    padding: 10px 20px;
  }
}
@media (max-width: 1199px) {
  .customTabs .customTabsHeader .customTabsBtn {
    font-size: 12px;
    border-bottom: 1px solid #171822;    
    border-right: none !important;
    justify-content: flex-start;
    padding: 10px 15px;
  }
  .customTabs .customTabsHeader .customTabsBtn:nth-child(1),
  .customTabs .customTabsHeader .customTabsBtn:nth-child(2),
  .customTabs .customTabsHeader .customTabsBtn:nth-child(3) {
    border-bottom: 1px solid #171822;     
  }
  .customTabs .customTabsHeader .customTabsBtn:last-child {
    border-right: 1px solid #171822 !important;   
  }
}

/* === ICONLAR === */
.customTabs .customTabsHeader .customTabsBtn i,
.customTabs .customTabsHeader .customTabsBtn iconify-icon {
  font-size: 20px;

}

/* === BORDER === */
.customTabs .customTabsHeader .customTabsBtn:last-child {
  border-right: none;
}

/* === AKTİF TAB === */
.customTabs .customTabsHeader .customTabsBtn.active {
    background: var(--theme-color);
    color: var(--background-light);
    font-weight: 500;
}
.customTabs .customTabsHeader .customTabsBtn.active i,
.customTabs .customTabsHeader .customTabsBtn.active iconify-icon {
  color: #ffffff;          
}

/* === HOVER === */

.customTabs .customTabsHeader .customTabsBtn:hover {
     background: var(--theme-color);
    color: #ffffff;
}
body.customTabs .customTabsHeader .customTabsBtn:hover {
     background: var(--theme-color);
    color: #ffffff;
}



.customTabs .customTabsHeader .customTabsBtn:hover i,
.customTabs .customTabsHeader .customTabsBtn:hover iconify-icon {
  color: #ffffff;         
}

/* === TAB BODY === */
.customTabs .customTabsBody {
  width: 100%;
  position: relative;
}
.customTabs .customTabsPane {
  width: 100%;
  position: relative;
  padding: 0px;
  font-size: 14px;
  display: none;
   background: #f9f9f9;
}



.customTabs .customTabsPane.active {
     display: block;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: var(--nav-bg) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid var(--nav-border-color) !important;
    padding: 10px 0 !important;
    border-top: 1px solid var(--nav-border-color) !important;
    border-right: 2px solid var(--nav-border-color) !important;
    border-left: 2px solid var(--nav-border-color) !important;
}
.customTabs .customTabsPane .customAlert.dark {
  background: #1c1d26;    
}
.customTabs .customTabsPane iframe {
  width: 100%;
}


.product-info-box {
    background: #fff;
    box-shadow: 0;
    padding: 32px 24px 24px 24px;
    margin-bottom: 0px;
    color: #23242b;
    border: 1px solid #e6e6ec;
    transition: background .3s, color .3s;
}

body.dark.modern .product-info-box {
    background: var(--background-dark);
    color: #fff;
    border: 0px solid #36384c;
   
}


.gmx-card {
    margin-bottom: 32px;
    color: #23242b;
    transition: background .3s, color .3s;
}

body.dark.modern .gmx-card {
    /*background: var(--background-dark);*/
    background: #20212b;
    color: #fff;
    border: 0px solid #36384c;
   
}



.product-info-box h2,
.product-info-box h3 {
    color: var(--theme-color, #ff9a39); /* ya da ana tema rengi */
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-info-box p {
    font-size: 15px;
    color: inherit;
    margin-bottom: 10px;
}

.product-info-box ul,
.product-info-box ol {
    margin: 0 0 16px 16px;
    padding: 0 0 0 20px;
    color: inherit;
}

.product-info-box strong {
    color: var(--theme-color, #ff9a39);
}

.product-info-box .pcontent_faq_title {
    color: var(--theme-color, #ff9a39);
    font-size: 18px;
    font-weight: 500;
    margin: 24px 0 14px 0;
}

.product-info-note {
    background: #ffefe0;
    color: #c75c17;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
    margin: 16px 0 0 0;
    border-left: 4px solid #ff9a39;
}
body.dark.modern .product-info-note {
    background: var(--background-dark);
    color: #ffbf00;
    border-left-color: #ffbf00;
}


.bolges{
font-weight: 100;
    line-height: 10px;
    /* font-size: 12px; */
    margin-top: 12px;
    color: rgb(126 126 126);
}
.iconib{
    font-size: 25px;
    /* margin-top: 8px; */
    background: var(--theme-color);
    padding: 12px;
    border-radius: 15px;
        color: white;
}
.bolgedeger{
	    font-weight: 700;
    color: var(--theme-color);
}
.bolgealan{
    margin-top: 5px;
    margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
  .bolgealan {
    font-size:12px;
  }
}

.bolgesalan{
    align-items: center!important; 
    display: flex!important;
}
body.dark .bolgesalan p, body.dark .bolges{
	color:white;
}
.bolgesalan p{
font-weight: 100;
    line-height: 12px;
    font-size: 12px;
	color:black;
}

.staralani{
    color: var(--theme-color);
    font-size: 17px;
	margin-left:2px;
	margin-right:2px;
}
body.dark.modern .katurunhov:hover{
	background: #272834;
}
body.dark.modern .katurunhov:hover{
	background: #272834;
}
.bolgealan:hover{
	opacity:0.7;
}
.rating-summary {
    margin: 20px 0;
}
.rating-bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 5px;
}
.progress {
    height: 8px;
    background: #ddd;
    border-radius: 4px;
}
.progress-bar {
    height: 8px;
    border-radius: 4px;
}
.puan-daire {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #00d1b2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    font-family: 'Poppins', sans-serif;
    background: #1b1f2a;
}



.puan-ortalama-sayi {
    font-size: 32px;
    font-weight: bold;
    color: #00d1b2;
}

.puan-alt-metin {
    font-size: 14px;
    color: #ccc;
}

.puan-yildizlar i {
    font-size: 14px;
}







/*yorum2 */



body.dark.modern .comment-wrap {
  position: relative;
  padding: 1em 1em 1em 5em;
  margin: 1em 0;
  background-color: #1d1f27;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.comment-wrap {
    position: relative;
    padding: 1em 1em 1em 5em;
    margin: 1em 0;
    background-color: #f4f4f4;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}
.comment-wrap {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.comment-wrap:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}



.katurunhov {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    border: 1px solid var(--similar-card-border) !important;
}

.katurunhov:hover {
    transform: translateY(-5px);
    box-shadow: 0;
}


.comment-wrap figure.user-avatar.medium {
  position: absolute;
  top: 1em;
  left: 1em;
}

.comment-wrap figure.user-avatar.medium img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.comment .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.text-header {
      font-weight: 500;
    font-size: 14px;
}

.pin {
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 10px;
}

.pin.tertiary {
  background-color: #ff9800;
  color: #fff;
}

.pin.primary {
  background-color: #00c3ff;
  color: #fff;
}

.timestamp {
  font-size: 12px;
 
  opacity: 0.8;
  margin-top: 4px;
}

body.dark.modern .comment_made {
    display: flex;
    width: 100%;
    position: relative;
    padding: 20px;
    font-size: 14px;
    color: #c8c9d8;
    background: #272834;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: -4px 4px 4px 0 rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
    word-break: break-all;
    align-items: center;
 
}
.comment_made {
    display: flex;
    width: 100%;
    position: relative;
    padding: 20px;
    font-size: 14px;
    background: #f4f4f4;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: -4px 4px 4px 0 rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
    word-break: break-all;
    align-items: center;
}
.com_button {
     display: flex;
    gap: 5px;
    flex-direction: column;
}

.button.small {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #f39c12;
  color: #f39c12;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.button.small:hover {
  background-color: #f39c12;
  color: #fff;
}



.fa-star.star_checked {
  color: #f1c40f;
}
.comment-wrap.comments_sub {
  margin-left: 5em;
  border-left: 3px solid var(--theme-color);
}

.answer {
  background-color: #1f2330;
  border-radius: 6px;
  padding: 1em;
  margin-top: 1em;
}

.answer__avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.answer__details textarea {
  width: 100%;
  min-height: 80px;
  resize: vertical;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ff9800;
  background-color: #2a2d3c;
  color: white;
}

.answer__btns {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.reply-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: 4px;
}

.comment-textarea {
    width: 100% !important;
    min-height: 120px !important;
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid #3a3a3a;
   
    color: #fff;
    resize: vertical;
    font-size: 14px;
}

.comment-textarea::placeholder {
    color: #aaa;
}

.gamex-comment-reply-box {
    padding: 1rem;
    margin-top: 1rem;
  
    border-radius: 10px;
    border: 1px solid #444;
}

@media (max-width: 768px) {
    .reply-avatar {
        width: 40px;
        height: 40px;
    }

    .comment-textarea {
        font-size: 13px;
    }
}


.yorum-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
   
}

.rating-stars .fa-star {
    color: #666;
}

.rating-stars .star_checked {
    color: #ffc107;
}

.yorumdate {
    border-left: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    padding: 0 10px;
   
    font-size: 13px;
}

.yorum-author {
 
    font-weight: 500;
}
.avatar-circle {
    width: 50px;
    height: 50px;
    background-color: #444;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {

    .comment-wrap {
        flex-direction: column;
        padding: 15px;
        margin-bottom: 20px;
        background-color: #1c1d26;
        border-radius: 10px;
    }

    .comment-wrap .row.comment {
        flex-direction: column;
    }

    .comment-wrap figure.user-avatar.medium {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }

    .avatar-circle {
        width: 50px;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        background: #555;
        color: #fff;
        font-weight: bold;
        border-radius: 50%;
        display: inline-block;
    }

    

    .yorum-meta .rating-stars,
    .yorum-meta .yorumdate,
    .yorum-meta .yorum-author {
        font-size: 14px;
        display: block;
    }

    .comment_made {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        background-color: #2b2c39;
        padding: 10px;
        border-radius: 6px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .com_button {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .gamex-btn, .gamex-btn-tertiary {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .gamex-btn-small span {
        margin: 0 5px !important;
        display: inline-block;
    }

    .yorumdate, .yorum-author {
        word-break: break-word;
    }
}






/* GÜNDÜZ MODU (Default) */


.payment_history_item {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
}

.payment_history_item:last-child {
    border-bottom: none;
}

.payout__table {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.payout__row:first-child {
    background-color: #f1f1f1;
    font-weight: bold;
    color: #222;
    padding: 15px;
}

.payout__row {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.payout__row:last-child {
    border-bottom: none;
}

.payout__col {
    flex: 1;
    padding: 5px 10px;
    word-wrap: break-word;
}

.payout__status {
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px;
}

.status-green-dark {
    background-color: #28a745;
    color: #fff;
}

.copy_item {
    background-color: #ffc107 !important;
    color: #212529;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    margin-left: 8px;
    transition: background-color 0.3s ease;
    display: inline-block;
}

.copy_item:hover {
    background-color: #e0a800 !important;
    color: #fff;
    text-decoration: none;
}

/* DARK + MODERN MODU */


body.dark.modern .payment_history_item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

body.dark.modern .payout__table {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark.modern .payout__row:first-child {
    background-color: #2a2a3d00;
    color: #fff;
}

body.dark.modern .payout__row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #e0e0e0;
}

body.dark.modern .payout__col {
    color: #e0e0e0;
}

body.dark.modern .status-green-dark {
    background-color: #1f8a4d;
    color: #ffffff;
}

body.dark.modern .copy_item {
    background-color: #f0ad4e !important;
    color: #fff;
}

body.dark.modern .copy_item:hover {
    background-color: #ec971f !important;
    color: #fff;
}


/* Məhsul Kodu özel badge */
.payout__badge {
    display: inline-block;
    padding: 8px 12px;
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    white-space: pre-line; /* Satır atlamasını düzgün gösterir */
    max-width: 150px;
    word-wrap: break-word;
}



/* Switch-in əsas konteyneri (label) */
.pill-switch {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 36px;
    border-radius: 36px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
    transition: background-color 0.4s ease;
    -webkit-tap-highlight-color: transparent;
}

/* Gecə rejimində arxa fonu tündləşdiririk */
body.dark.modern .pill-switch {
    background-color: #34495e;
}

/* Gizli checkbox (heç bir dəyişiklik yoxdur) */
.pill-switch__input {
    display: none;
}

/* Hərəkət edən rəngli arxa fon */
.pill-switch__fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(135deg, #ff9800, #ff5722); /* Narıncı gradient */
    border-radius: 36px;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* DƏYİŞİKLİK: :checked yerinə body.dark.modern istifadə edirik */
/* Gecə rejimində arxa fonu sağa sürüşdür */
body.dark.modern .pill-switch__fill {
    transform: translateX(100%);
    background: linear-gradient(135deg, #8e44ad, #3498db); /* Bənövşəyi/mavi gradient */
}

/* İkonları saxlayan üst qat (heç bir dəyişiklik yoxdur) */
.pill-switch__icons {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* İkonların ümumi stili (heç bir dəyişiklik yoxdur) */
.pill-switch__icons svg {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
    stroke-width: 2;
    transition: all 0.3s ease-in-out;
    
}


body.dark.modern .pill-switch__icons svg {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
    stroke-width: 2;
    transition: all 0.3s ease-in-out;
}

/* --- DƏYİŞİKLİK: İkonların stilləri üçün də body siniflərinə keçirik --- */

/* Gündüz rejimi ikon stilləri: Günəş parlaq, Ay sönük */
body:not(.dark) .pill-switch__icons .icon-sun {
    opacity: 1;
    transform: rotate(0deg);
    
}
body:not(.dark) .pill-switch__icons .icon-moon {
    opacity: 0.6;
    stroke: #606060;
}

/* Gecə rejimi ikon stilləri: Günəş sönük, Ay parlaq */
body.dark.modern .pill-switch__icons .icon-sun {
    opacity: 0.6;
}
body.dark.modern .pill-switch__icons .icon-moon {
    opacity: 1;
    transform: rotate(0deg);
}


/* Modern Balance Button */
.modern-balance-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
   
    border-radius: 34px;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    color: #FFA533;
    font-weight: 500;
    font-size: 15px;
}
body.dark.modern .modern-balance-button {
    
     background: linear-gradient(135deg, #2f3542, #57606f);
}   
body.dark.modern .modern-balance-button:hover {
    background: linear-gradient(135deg, #3b4354, #68707f);
    box-shadow: inset 0 0 12px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.15);
}

/* Icon (circle inside) */
.modern-balance-button .balance-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFA533;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
    transition: background 0.3s ease;
}

.modern-balance-button:hover .balance-icon {
    background: #ffb04d;
}

/* Text */
.modern-balance-button .balance-text {
    color: #FFA533;
    transition: color 0.3s ease;
}

.modern-balance-button:hover .balance-text {
    color: #ffb04d;
}






/* =================================================================== */
/* HEADER AXTARIŞ HİSSƏSİ - DÜZƏLİŞLƏRLƏ YEKUN KOD */
/* =================================================================== */

.search-container {
    position: relative;
    width: 350px;
    max-width: 100%;
}

.search-container__header {
    display: flex;
    align-items: center;
    position: relative;
}

.search-container__input {
    width: 100%;
    height: 46px;
    border-radius: 10px;
    border: 2px solid;
    padding: 0 45px 0 45px;
    font-size: 15px;
    font-weight: 500;
    outline: none;
    transition: all 0.25s ease-out;
}

.search-container__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 2; /* DÜZƏLİŞ: Düymələri input-dan yuxarı qata çıxarır */
}

/* Axtarış nəticələri blokunu başlanğıcda gizlədirik */
.search-container__body {
    display: none; /* YENİ QAYDA */
    position: absolute;
    top: 100%; /* Axtarış qutusunun dərhal altında */
    left: 0;
    width: 100%;
    z-index: 10; /* Digər elementlərin üstündə görünməsi üçün */
    /* Bu hissənin dizaynını daha da təkmilləşdirə bilərsiniz */
    background-color: #fff; /* Nümunə: Gündüz rejimi üçün arxa fon */
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 5px;
}
/* Gecə rejimi üçün axtarış nəticələri bloku */
body.dark.modern .search-container__body {
    background-color: #2c3e50; /* Gecə rejimi üçün arxa fon */
    border-color: #444;
}


.search-container__button--start { left: 0; }
.search-container__button--back { left: 0; opacity: 0; pointer-events: none; }
.search-container__button--close { right: 0; opacity: 0; pointer-events: none; }

/* --- GÜNDÜZ REJİMİ STİLLƏRİ --- */
body:not(.dark) .search-container__input {
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: #495057;
}
body:not(.dark) .search-container__input:focus {
    border-color: #007bff;
}
body:not(.dark) .search-container__button {
    color: #495057;
}

/* --- GECƏ REJİMİ STİLLƏRİ --- */
body.dark.modern .search-container__input {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e4e6eb;
}
body.dark.modern .search-container__input:focus {
    border-color: #00bcd4;
}
body.dark.modern .search-container__button {
    color: #e4e6eb;
}




@media (max-width: 768px) {

   
   .modern-balance-button {
                width: auto;
        height: 36px;
        font-size: 10px;
        margin-left: 20px;
    }


}






/* =================================================================== */
/* AÇILAN PƏNCƏRƏLƏRİN ALT LİNKİ ("HAMISINA BAX") ÜÇÜN YENİ STİL */
/* =================================================================== */

.dropdown-footer-link {
    display: block;
    padding: 12px 15px;
    margin: 8px; /* Qutunun daxili kənarlarından boşluq */
    text-align: center;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
    transition: all 0.25s ease-out;
     box-shadow: 0;
}

/* Linkin içindəki mətn və ikonun nizamlanması */
.dropdown-footer-link span {
    margin-right: 8px;
}


/* --- GÜNDÜZ REJİMİ STİLLƏRİ `body:not(.dark)` --- */

body:not(.dark) .dropdown-footer-link {
    background-color: #f0f0f0;
    color: #333;
}

body:not(.dark) .dropdown-footer-link:hover {
    background-color: #e5e5e5;
    color: #000;
}


/* --- GECƏ REJİMİ STİLLƏRİ `body.dark.modern` --- */

body.dark.modern .dropdown-footer-link {
    background-color: rgba(255, 255, 255, 0.1);
    color: #f5f5f5;
}

body.dark.modern .dropdown-footer-link:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.btn-warning:hover {
    background-color: #e6b800;
    color: #fff;
}


/* =================================================================== */
/* MODERN TABLE STYLES - DAY/NIGHT THEME (YENİ DİZAYN)     */
/* =================================================================== */

/* --- Rəng Dəyişənləri (CSS Variables) --- */
/* Gündüz (Default) Rejimi Rəngləri */
:root {
    --table-wrapper-bg: #f8f9fa;
    --table-bg: #ffffff;
    --table-header-bg: #f1f3f5;
    --row-hover-bg: #f8f9fa;
    --text-primary-table: #212529;
    --text-secondary-table: #6c757d;
    --border-color-table: #dee2e6;
    --accent-color-table: #007bff;
    --accent-hover-color-table: #0056b3;
    
    --status-success-bg-table: rgba(40, 167, 69, 0.15);
    --status-success-text-table: #218838;
    --status-danger-bg-table: rgba(220, 53, 69, 0.15);
    --status-danger-text-table: #c82333;
    --status-pending-bg-table: rgba(0, 123, 255, 0.15);
    --status-pending-text-table: #0069d9;
}

/* Gecə Rejimi Rəngləri (body.dark olduqda aktivləşir) */
body.dark {
    --table-wrapper-bg: #1e2029; /* Səhifənin arxa fonu */
    --table-bg: #2a2d3a;
    --table-header-bg: #313543;
    --row-hover-bg: #353a4a;
    --text-primary-table: #f0f0f0;
    --text-secondary-table: #a0a8c4;
    --border-color-table: #3a3f5a;
    --accent-color-table: #0d6efd;
    --accent-hover-color-table: #0b5ed7;

    --status-success-bg-table: rgba(76, 175, 80, 0.2);
    --status-success-text-table: #5dd261;
    --status-danger-bg-table: rgba(244, 67, 54, 0.2);
    --status-danger-text-table: #ff6b6b;
    --status-pending-bg-table: rgba(0, 169, 255, 0.2);
    --status-pending-text-table: #3db9ff;
}

/* --- Cədvəlin Ümumi stilləri --- */
div.datatabalan {
    background-color: var(--table-wrapper-bg);
    padding: 2px;
    border-radius: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    transition: background-color 0.3s ease;
}

table.datatablealan {
    width: 100% !important;
    border-collapse: collapse;
    border-style: hidden; /* Xarici çərçivəni gizlədir */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
}

/* --- Cədvəl Başlığı (thead) --- */
table.datatablealan thead th {
    background-color: var(--table-header-bg-table);
    color: var(--text-secondary-table);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 16px;
    border-bottom: 2px solid var(--border-color-table);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* --- Cədvəl Məzmunu (tbody) --- */
table.datatablealan tbody tr {
    background-color: var(--table-bg-table);
    border-bottom: 1px solid var(--border-color-table);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
table.datatablealan tbody tr:last-child {
    border-bottom: none;
}
table.datatablealan tbody tr:hover {
    background-color: var(--row-hover-bg-table);
}

table.datatablealan td {
    padding: 16px;
    vertical-align: middle;
    color: var(--text-primary-table);
    font-size: 14px;
}
table.datatablealan td:first-child { font-weight: 500; }

/* --- Status Elementləri --- */
.payout__status {
    width: auto !important;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}
.status-green-dark { background-color: var(--status-success-bg-table); color: var(--status-success-text-table); }
.status-red-dark { background-color: var(--status-danger-bg-table); color: var(--status-danger-text-table); }
.status-blue { background-color: var(--status-pending-bg-table); color: var(--status-pending-text-table); }

/* --- "Detallar" Düyməsi --- */
a.invoice_download {
    width: auto !important;
    background-color: var(--accent-color-table);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
}
a.invoice_download:hover {
    background-color: var(--accent-hover-color-table);
    color: #ffffff !important;
}
a.invoice_download i {
    margin-right: 6px;
}

div.datatabalan .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--text-secondary-table) !important;
    border: 1px solid var(--border-color-table) !important;
    background-color: var(--table-bg) !important;
    margin: 0 4px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

div.datatabalan .dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.datatabalan .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background-color: var(--accent-color-table) !important;
    border: 1px solid var(--accent-color-table) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--text-primary-table) !important;
    border: 1px solid var(--accent-color-table) !important;
    background: var(--row-hover-bg-table) !important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info {
    color: var(--text-secondary-table) !important;
}
.dataTables_wrapper .dataTables_filter input {
    background-color: var(--table-bg-table);
    border: 1px solid var(--border-color-table);
    color: var(--text-primary-table);
    border-radius: 6px;
    padding: 5px;
}

/* --- Köhnə Mobil Görünüşü Gizlətmək --- */
.payout__table.pcgizle.mobgizle {
    display: none;
}



@media (max-width: 992px) {

    div.datatabalan {
        padding: 10px !important;
    }

    table.datatablealan thead {
        display: none !important; /* Başlığı tamamilə gizlədirik */
    }

    table.datatablealan tbody tr {
        display: block !important;
        margin-bottom: 15px !important;
        border-radius: 8px !important;
        border: 1px solid var(--border-color-table, #3a3f5a) !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    }
    
    table.datatablealan td {
        display: flex !important;
        justify-content: space-between !important; /* Mətnləri iki yana yaslayır */
        align-items: center !important;
        text-align: right !important;
        padding: 12px 15px !important; /* Boşluğu azaldırıq */
        position: relative !important;
        border-bottom: 1px solid var(--border-color-table, #3a3f5a) !important;
    }
    
    table.datatablealan td:last-child {
        border-bottom: none !important;
    }

    /* CSS ilə əlavə edilən başlıqları (content) ləğv edirik */
    table.datatablealan td::before {
        content: "" !important; /* Boş saxlayırıq */
        display: none !important; /* Tamamilə gizlədirik */
    }

    /* Mətnlərin solda səliqəli görünməsini təmin edirik */
    table.datatablealan td,
    table.datatablealan td:nth-of-type(6),
    table.datatablealan td:nth-of-type(7) {
        text-align: left !important;
        display: block !important;
        padding-left: 15px !important;
    }

    /* Status və Prosesi ortalayırıq */
    table.datatablealan td:nth-of-type(6),
    table.datatablealan td:nth-of-type(7) {
        text-align: center !important;
    }
}


/* Gündüz (Default) Rejimi Rəngləri */
.modern-summary {
    --card-bg: #ffffff;
    --card-border-color: #e9ecef;
    --title-color: #212529;
    --label-color: #6c757d;
    --value-color: #212529;
    --divider-color: #f1f3f5;
    --alert-info-bg: rgba(13, 202, 240, 0.1);
    --alert-info-text: #0c849c;
    --alert-info-border: rgba(13, 202, 240, 0.2);
    --status-success-bg: rgba(40, 167, 69, 0.1);
    --status-success-text: #1a7431;
    --status-danger-bg: rgba(220, 53, 69, 0.1);
    --status-danger-text: #a51c2a;
    --status-pending-bg: rgba(0, 123, 255, 0.1);
    --status-pending-text: #0069d9;
}

/* Gecə Rejimi Rəngləri */
body.dark.modern .modern-summary {
    --card-bg: #2a2d3a;
    --card-border-color: #3a3f5a;
    --title-color: #ffffff;
    --label-color: #a0a8c4;
    --value-color: #f0f0f0;
    --divider-color: #313543;
    --alert-info-bg: rgba(13, 110, 253, 0.15);
    --alert-info-text: #7abfff;
    --alert-info-border: rgba(13, 110, 253, 0.3);
    --status-success-bg: rgba(76, 175, 80, 0.15);
    --status-success-text: #5dd261;
    --status-danger-bg: rgba(220, 53, 69, 0.15);
    --status-danger-text: #ff6b6b;
    --status-pending-bg: rgba(0, 169, 255, 0.15);
    --status-pending-text: #3db9ff;
}

/* --- Ana Konteyner --- */
.modern-summary {
    background-color: var(--card-bg);
    border-radius: 16px;
    border: 1px solid var(--card-border-color);
    transition: all 0.3s ease;
}

/* --- Başlıq --- */
.modern-summary .summary-header {
    padding: 20px 25px;
    border-bottom: 1px solid var(--card-border-color);
}
.modern-summary .summary-header h5 {
    color: var(--title-color);
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px 0;
}

/* --- Status Nişanı (Badge) --- */
.modern-summary .summary-status .status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}
.modern-summary .status-badge.status-success { background-color: var(--status-success-bg); color: var(--status-success-text); }
.modern-summary .status-badge.status-danger { background-color: var(--status-danger-bg); color: var(--status-danger-text); }
.modern-summary .status-badge.status-pending { background-color: var(--status-pending-bg); color: var(--status-pending-text); }

/* --- Məlumat Hissəsi --- */
.modern-summary .summary-body {
    padding: 10px 25px;
}
.modern-summary .summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 sütun */
    gap: 0 30px; /* Sütunlar arası boşluq */
}

@media (max-width: 768px) {
    .modern-summary .summary-grid {
        grid-template-columns: 1fr; /* Mobildə tək sütun */
        gap: 0;
    }
}

.modern-summary .summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid var(--divider-color);
    font-size: 15px;
}
.modern-summary .summary-column:last-child .summary-item:last-child {
    border-bottom: none;
}
.modern-summary .summary-label {
    color: var(--label-color);
    display: flex;
    align-items: center;
    gap: 10px;
}
.modern-summary .summary-label i {
    font-size: 14px;
}
.modern-summary .summary-value {
    color: var(--value-color);
    font-weight: 500;
}

/* --- Əlavə Məlumat (Footer) --- */
.modern-summary .summary-footer {
    padding: 20px 25px;
    border-top: 1px solid var(--card-border-color);
}
.modern-summary .summary-alert {
    background-color: var(--alert-info-bg);
    border: 1px solid var(--alert-info-border);
    color: var(--alert-info-text);
    border-radius: 8px;
    padding: 15px;
    font-weight: 500;
}


body {
    --main-bg: #f0f2f5;
    --component-bg-gradient: linear-gradient(145deg, #ffffff, #f9f9f9);
    --accent-hover-color: #0056b3;
    --component-bg: #ffffff;
    --component-hover-bg: #f8f9fa;
    --border-color: #e9ecef;
    --status-success: #28a745;
    --status-danger: #dc3545;
    --card-border: #f0f2f5;
    --text-value: #212529;
    --text-label: #6c757d;
    --color-primary: #007bff;
    --color-primary-bg: rgba(0, 123, 255, 0.1);
    --color-primary-glow: rgba(0, 123, 255, 0.2);
    --color-success: #198754;
    --color-success-bg: rgba(25, 135, 84, 0.1);
    --color-success-glow: rgba(25, 135, 84, 0.2);
    --color-warning: #ffc107;
    --color-warning-bg: rgba(255, 193, 7, 0.1);
    --color-warning-glow: rgba(255, 193, 7, 0.2);
    --accent-glow: rgba(0, 123, 255, 0.2);
    --footer-bg: #f8f9fa;
    --footer-card-bg: #ffffff;
    --footer-border-color: #dee2e6;
    --footer-text-primary: #212529;
    --footer-text-secondary: #6c757d;
    --footer-accent-color: #007bff;
    --footer-bg-blur-1: rgba(0, 123, 255, 0.1);
    --footer-bg-blur-2: rgba(111, 66, 193, 0.07);
    --footer-bg-sosyal: #c4c3c7;
    --card-border-color: #e9ecef;
    --section-bg: transparent;
    --nav-bg: rgba(255, 255, 255, 0.7); /* Şüşə effekti üçün */
    --nav-border-color: rgba(0, 0, 0, 0.08);
    --tab-bg: rgba(0, 0, 0, 0.04);
    --tab-hover-bg: rgba(0, 0, 0, 0.08);
    --tab-text-color: #495057;
    --card-bg: #ffffff; /* DƏYİŞİKLİK: Bərk rəng */
    --bg-blur-1: rgba(111, 66, 193, 0.15);
    --page-bg: #f4f7f9;
    --text-secondary: #6c757d;
    --glow-gradient: radial-gradient(circle at 50% 50%, rgba(0, 123, 255, 0.1), transparent 70%);
    --bg-blur-2: rgba(40, 167, 69, 0.1);
    --input-bg: #f8f9fa;
    --accent-color: #007bff;
    --accent-gradient: linear-gradient(45deg, #007bff, #6f42c1);
    --breadcrumb-bg: rgba(255, 255, 255, 0.6);
    --breadcrumb-border: rgba(0, 0, 0, 0.08);
    --breadcrumb-text-active: #212529;
    --breadcrumb-text-link: #6c757d;
    --breadcrumb-text-hover: #007bff;
    --breadcrumb-separator: #adb5bd;
}

body.dark.modern {
    --main-bg: #1e2029;
    --component-bg: #2a2d3a;
    --component-hover-bg: #313543;
    --status-success: #5dd261;
    --status-danger: #ff6b6b;
    --text-value: #ffffff;
    --text-label: #a0a8c4;
    --color-primary: #0d6efd;
    --color-primary-bg: rgba(13, 110, 253, 0.15);
    --color-primary-glow: rgba(13, 110, 253, 0.3);
    --color-success: #5dd261;
    --color-success-bg: rgba(76, 175, 80, 0.15);
    --color-success-glow: rgba(76, 175, 80, 0.3);
    --color-warning: #ffca2c;
    --color-warning-bg: rgba(255, 193, 7, 0.15);
    --color-warning-glow: rgba(255, 193, 7, 0.3);
    --footer-bg: #16181e;
    --footer-card-bg: rgba(42, 45, 58, 0.6);
    --footer-border-color: rgba(58, 59, 93, 0.5);
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #a0a8c4;
    --footer-accent-color: #0d6efd;
    --footer-bg-blur-1: rgba(13, 110, 253, 0.15);
    --footer-bg-blur-2: rgba(111, 66, 193, 0.1);
    --footer-bg-sosyal: #2a2d3a;
    --nav-bg: rgba(30, 32, 41, 0.75);
    --nav-border-color: rgba(58, 59, 93, 0.5);
    --tab-bg: rgba(42, 45, 58, 0.7);
    --tab-hover-bg: rgba(59, 62, 82, 0.9);
    --glow-gradient: radial-gradient(circle at 50% 50%, rgba(13, 110, 253, 0.15), transparent 70%);
    --breadcrumb-bg: rgba(42, 45, 58, 0.7);
    --breadcrumb-border: rgba(58, 59, 93, 0.5);
    --breadcrumb-text-active: #f0f0f0;
    --breadcrumb-text-link: #a0a8c4;
    --breadcrumb-text-hover: #ffffff;
    --breadcrumb-separator: #4a4f6a;
    --component-bg-gradient: linear-gradient(145deg, #2e3241, #262936);
    --border-color: #3a3f5a;
    --accent-hover-color: #338bff;
    --accent-color: #0d6efd;
}






/* --- Boş Səhifənin ana bloku --- */
.empty-state-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    position: relative;
    overflow: hidden; /* Dekorativ elementlərin kənara çıxmaması üçün */
    border-radius: 12px;
}

/* Arxa fon üçün dekorativ dairələr */
.empty-state-container::before,
.empty-state-container::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(100px); /* Yayılma effekti */
    z-index: 0;
}
.empty-state-container::before {
    width: 300px;
    height: 300px;
    background: rgba(13, 110, 253, 0.15);
    top: -50px;
    left: -100px;
}
.empty-state-container::after {
    width: 250px;
    height: 250px;
    background: rgba(111, 66, 193, 0.1);
    bottom: -80px;
    right: -80px;
}

.empty-state-card {
    background: var(--component-bg-gradient);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 50px;
    max-width: 550px; /* Kartı bir az daha kompakt etdik */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    z-index: 1; /* Dekorativ elementlərin üstündə qalması üçün */
}
body.dark.modern .empty-state-card {
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

/* --- Animasiya --- */
.empty-state-animation {
    margin-bottom: 20px;
}
.empty-state-animation lottie-player {
    width: 180px !important; /* Animasiyanı daha zərif etdik */
    height: 180px !important;
}

/* --- Başlıq --- */
.empty-state-title {
    color: var(--text-primary);
    font-size: 26px !important; /* Daha böyük və təsirli */
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}

/* --- Açıqlama mətni --- */
.empty-state-subtitle {
    color: var(--text-secondary) !important;
    font-size: 16px !important;
    max-width: 380px;
    line-height: 1.7;
    margin: 0 0 35px 0 !important;
}

/* --- "Alış-verişə başla" düyməsi (YENİ MODERN STİL) --- */
.empty-state-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    background: var(--accent-gradient) !important; /* DƏYİŞİKLİK: Qradient fon */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 14px 32px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 5px 15px var(--accent-glow) !important; /* Parıltı effekti */
    transition: all 0.3s ease !important;
}
.empty-state-cta:hover {
    transform: translateY(-4px) scale(1.05) !important;
    box-shadow: 0 8px 25px var(--accent-glow) !important;
    color: #ffffff !important;
}
.empty-state-cta i {
    transition: transform 0.3s ease !important;
}
.empty-state-cta:hover i {
    transform: translateX(5px) !important;
}



/* =================================================================== */
/* BALANCE SUMMARY CARD MODERN STYLES (DAY/NIGHT THEME)      */
/* =================================================================== */

/* --- Ana Kart Konteyneri (.cardek) --- */
.card.cardek {
    gap: 20px !important; /* İkonla mətn arasına boşluq */
    background: var(--component-bg-gradient, linear-gradient(145deg, #2e3241, #262936)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid var(--card-border-color, #3a3f5a) !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    margin-top: 4px;
}
body.dark.modern .card.cardek {
}

.card.cardek:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}
body.dark.modern .card.cardek:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.35) !important;
}

/* --- İkonun Stili (.isicon) --- */
.cardek .isicon {
     font-size: 20px !important;
    background: linear-gradient(135deg, #667eea, #764ba2);
    width: 50px !important;
    height: 50px !important;
    min-width: 50px;
    min-height: 50px;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: wheat;
}


/* --- Mətn Bloku (.isyan) --- */
.cardek .isyan {
    line-height: 1.4 !important;
}

/* Məbləğ (İlk h6) */
.cardek .isyan h6:first-child {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--text-primary, #f0f0f0) !important;
    margin: 0 0 4px 0 !important;
}

/* Başlıq (İkinci h6) */
.cardek .isyan h6:last-child {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text-secondary, #a0a8c4) !important;
    margin: 0 !important;
}






/* --- Menyunu əhatə edən ana blok --- */
.modern-sidebar {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Bütün kartlar arası boşluq */
    position: sticky;
    top: 20px;
    border-radius: 12px;
}

/* --- Profil Kartı --- */
.sidebar-profile {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: var(--component-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    position: relative;
}
.profile-avatar {
    width: 48px; height: 48px; min-width: 48px;
    border-radius: 50%;
   background: linear-gradient(45deg, #ff8c00, #ff5722);
    color: white;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 600;
    margin-right: 15px;
}
.profile-info { flex-grow: 1; }
.profile-name { font-weight: 600; font-size: 16px; color: var(--text-primary); }
.profile-status { font-size: 13px; font-weight: 500; display: flex; align-items: center; text-decoration: none; }
.profile-status i { margin-right: 5px; }
.status-success { color: var(--status-success); }
.status-danger { color: var(--status-danger); }
.profile-settings-button {
    position: absolute; top: 10px; right: 10px;
    color: var(--text-secondary); font-size: 16px;
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}
.profile-settings-button:hover {
    background-color: var(--component-hover-bg);
    color: var(--accent-color);
}

/* --- Naviqaasiya və Footer Hissələri --- */
.sidebar-nav, .sidebar-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sidebar-footer { padding-top: 0; }

/* --- Menyu Elementləri (Kart Stili) --- */
.menu-item {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    border-radius: 10px;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    background-color: var(--component-bg);
    border: 1px solid var(--border-color);
}
.menu-item:hover {
    transform: translateY(-2px);
    border-color: var(--accent-color);
    color: var(--text-primary);
}
.menu-item.active {
 background: linear-gradient(45deg, #ff8c00, #ff5722);
    border-color: #b01dec;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 5px 15px -5px #b01dec;
}
.menu-item i {
    width: 20px;
    margin-right: 15px;
    font-size: 16px;
    text-align: center;
    transition: color 0.2s ease-in-out;
}
.menu-item:hover i { color: var(--text-primary); }
.menu-item.active i { color: inherit; }

/* --- Ayırıcı Xətt və Çıxış --- */
.sidebar-divider {
    border: none;
    height: 1px;
    background-color: var(--border-color);
    margin: 5px 0;
}
.logout-item:hover {
    border-color: var(--status-danger);
    color: var(--status-danger);
}
.logout-item:hover i { color: var(--status-danger);
    
}



/* --- Bütün Kartlar üçün Ümumi "Şüşə" Stili --- */
.faq__sidebar .faq__menu,
.faq__wrapper .faq__tab {
   
    position: relative;
    z-index: 2;
}

/* --- Sol Menyu --- */
.faq__sidebar .faq__menu {
    padding: 10px !important;
    position: sticky; top: 20px;
}
.faq__sidebar .faq__link {
    /* ... əvvəlki stillər olduğu kimi qalır, fonu şəffaf edirik ... */
    background-color: transparent !important;
}
.faq__sidebar .faq__link:hover {
    background-color: rgba(255,255,255,0.05) !important;
    color: var(--text-primary) !important;
}
.faq__sidebar .faq__link.selected {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 15px -5px var(--accent-color);
}


/* --- Sağ Tərəf (Əsas Məzmun) --- */

.payment-form .form-header { padding: 0 0 25px 0; border-bottom: 1px solid var(--card-border-color); }
.payment-form .form-body { padding: 30px 0; }
.payment-form .form-footer { padding: 25px 0 0 0; border-top: 1px solid var(--card-border-color); }

/* Form Elementləri */
.form-group label { color: var(--text-secondary); font-weight: 500; margin-bottom: 8px; font-size: 14px; }
.form-input, .odeme-input, .odeme-input-wrap select {
    mportant;
}
.form-input:focus, .odeme-input:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 3px var(--accent-glow) !important;
}
.input-with-currency { position: relative; }
.input-with-currency span { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--text-secondary); }


/* Mobil Görünüş */
@media (max-width: 992px) {
    .faq__container { grid-template-columns: 1fr !important; }
    .faq__sidebar { position: static; margin-bottom: 30px; }
    .faq__wrapper .faq__tab {
    padding: 0px !important;
}
}




/* =================================================================== */
/* FINAL "ADD BALANCE" PAGE STYLES (GLASSMORPHISM + MODERN UI) */
/* =================================================================== */




.faq__container {
    position: relative !important;
    overflow: hidden !important;
    padding: 20px !important;
    background-color: var(--page-bg) !important;
        border: 1px solid var(--card-border-color);
    border-radius: 16px;
    box-shadow: 0 8px 30px -10px rgba(0, 0, 0, 0.1);
}
.faq__container::before,
.faq__container::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(120px) !important;
    z-index: 0 !important;
}
.faq__container::before { width: 450px; height: 450px; background: var(--bg-blur-1) !important; top: -100px; left: -150px; }
.faq__container::after { width: 400px; height: 400px; background: var(--bg-blur-2) !important; bottom: -150px; right: -150px; }

/* --- Grid Quruluşu --- */
.faq__container {
    display: grid !important;
    grid-template-columns: 300px 1fr;
    gap: 30px !important;
    align-items: flex-start !important;
}

/* --- Sol Menyu (.faq__sidebar) - YENİ DİZAYN --- */
.faq__sidebar .faq__menu {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    position: sticky; top: 20px;
    display: flex; flex-direction: column; gap: 10px;
}
.faq__sidebar .faq__link {
    display: flex !important; align-items: center !important;
    padding: 14px 18px !important;
    color: var(--text-secondary) !important;
    font-weight: 500 !important; font-size: 15px !important;
    text-decoration: none !important;
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

.faq__sidebar .faq__link:hover {
    border-color: var(--accent-color) !important;
    color: var(--text-primary) !important;
    transform: scale(1.02);
}
.faq__sidebar .faq__link.selected {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 5px 15px -5px var(--accent-color);
}
.faq__sidebar .faq__link.selected::before {
    color: #ffffff !important;
}

/* --- Sağ Tərəf (Əsas Məzmun) - YENİ DİZAYN --- */
.faq__wrapper .faq__tab {
    background-color: var(--card-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 16px !important;
    padding: 10px !important;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,0.3);
}
.odeme-form-wrap .form-group label {
    display: block; color: var(--text-secondary);
    font-weight: 500; margin-bottom: 8px; font-size: 14px;
}
.odeme-form-wrap .odeme-input, .odeme-form-wrap select.odeme-input {
    width: 100% !important; background-color: var(--input-bg) !important;
    border: 1px solid var(--card-border-color) !important;
    color: var(--text-primary) !important; border-radius: 8px !important;
  
}
.odeme-form-wrap .odeme-input:focus {
    outline: none !important; border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 3px var(--accent-glow) !important;
}

/* --- Düymə --- */
.odeme-btn {
    width: 100% !important;
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    font-weight: 600 !important; font-size: 16px !important;
    padding: 14px !important; border-radius: 10px !important;
    border: none !important; cursor: pointer;
    transition: all 0.3s ease !important;
}
.odeme-btn:hover {
    box-shadow: 0 6px 20px var(--accent-glow) !important;
    transform: translateY(-3px) !important;
}

/* --- Akkordion --- */
/*.accordion.banka_havale {*/
/*    --bs-accordion-bg: transparent !important;*/
/*    --bs-accordion-border-color: var(--border-color) !important;*/
/*    --bs-accordion-btn-color: var(--text-primary) !important;*/
/*    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--accent-glow) !important;*/
/*    --bs-accordion-active-bg: var(--input-bg) !important;*/
/*    --bs-accordion-active-color: var(--accent-color) !important;*/
/*}*/
/*.accordion.banka_havale .accordion-item {*/
/*    background-color: transparent !important;*/
/*    border-radius: 8px !important;*/
/*    overflow: hidden !important;*/
/*    margin-bottom: 10px;*/
/*    border: 1px solid var(--border-color) !important;*/
/*}*/
/*.accordion.banka_havale .accordion-button::after {*/
/*    filter: invert(1) grayscale(1) brightness(2);*/
/*}*/
/*.odeme-info-row { border-bottom: 1px solid var(--border-color); }*/
/*.odeme-info-label { color: var(--text-secondary); }*/
/*.odeme-info-value { color: var(--text-primary); }*/

/* Mobil Görünüş */
@media (max-width: 992px) {
    .faq__container { grid-template-columns: 1fr !important;margin-top: 8px; }
    .faq__sidebar { position: static; margin-bottom: 30px; }
}


.faq__sidebar {
   
    width: auto;
}





.faq__link i {
    margin-right: 10px; /* və ya 8px, sənin dizayna görə */
    font-size: 16px; /* eyni ölçüdə qalması üçün */
    min-width: 16px; /* hizalanma sabit qalsın deyə */
}





/* =================================================================== */
/* FINAL DASHBOARD STATS CARDS (2x2 Grid, Unique Hover/Glow) */
/* =================================================================== */




.dashboard-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
}


.stat-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}



.stat-card:hover {
    transform: translateY(-8px) !important;
}
.stat-card.theme-primary:hover { border-color: var(--color-primary) !important; box-shadow: 0 12px 30px -5px var(--color-primary-glow) !important; }
.stat-card.theme-success:hover { border-color: var(--color-success) !important; box-shadow: 0 12px 30px -5px var(--color-success-glow) !important; }
.stat-card.theme-warning:hover { border-color: var(--color-warning) !important; box-shadow: 0 12px 30px -5px var(--color-warning-glow) !important; }


.stat-card__header { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
.stat-card__icon-wrapper {
    width: 50px; height: 50px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
}
.stat-card.theme-primary .stat-card__icon-wrapper { background-color: var(--color-primary-bg); color: var(--color-primary); }
.stat-card.theme-success .stat-card__icon-wrapper { background-color: var(--color-success-bg); color: var(--color-success); }
.stat-card.theme-warning .stat-card__icon-wrapper { background-color: var(--color-warning-bg); color: var(--color-warning); }

.stat-card__body { margin-top: auto; }
.stat-card__value { font-size: 26px !important; font-weight: 700 !important; color: var(--text-value) !important; margin: 0 0 5px 0 !important; }
.stat-card__label { font-size: 14px !important; color: var(--text-label) !important; margin: 0 !important; }

/* --- Xal Çevirmə Düyməsi --- */
.stat-card__action-button {
    width: 40px; height: 40px; border-radius: 10px;
    background-color: rgba(120, 130, 150, 0.1);
    color: var(--text-label);
    border: 1px solid transparent;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 16px; text-decoration: none;
    transition: all 0.2s ease;
}
.stat-card:hover .stat-card__action-button {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: #1e2029;
    transform: scale(1.1) rotate(180deg);
}

/* --- Balans Yüklə Kartı --- */
.stat-card--cta { align-items: center; justify-content: center; text-align: center; border-style: dashed !important; background: transparent !important; }
.stat-card--cta .stat-card__header { justify-content: center; margin-bottom: 12px; }
.stat-card--cta .icon--cta { background-color: var(--color-primary-bg); color: var(--color-primary); }
.stat-card--cta .stat-card__cta-title { font-size: 16px !important; font-weight: 600 !important; color: var(--text-primary) !important; margin: 0 !important; }
.stat-card--cta:hover { background: var(--card-bg) !important; border-style: solid !important; }

/* Mobil Görünüş */
@media (max-width: 576px) {
    .dashboard-stats-grid { grid-template-columns: 1fr !important;  margin-top: 8px;}
}



body {
   
     --card-bg-solid: #ffffff; 

}
body.dark.modern {
   
    --card-bg-solid: #2a2d3a; 

}


.point-converter-container {
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    z-index: 1;
}

.page__inner { 
    position: relative; 
    overflow: hidden;
    /*background-color: var(--page-bg);*/
}
.page__inner::before, .page__inner::after {
    content: ''; position: absolute; border-radius: 50%;
    filter: blur(150px); z-index: -1;
}
.page__inner::before { width: 450px; height: 450px; background: var(--bg-blur-1); top: -100px; left: -150px; }
.page__inner::after {width: 400px;height: 400px;background: var(--bg-blur-2);bottom: -150px;right: -150px;}



.converter-card {
    background: var(--card-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--card-border-color);
    border-radius: 16px;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,0.1);
}




.converter-card {
  
    position: relative !important;
    overflow: hidden !important;
    z-index: 1; /* Digər elementlərlə problem olmaması üçün */
}


.converter-card::before,
.converter-card::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(80px) !important; /* Bluru bir az azaldırıq ki, kartın içində daha yaxşı görünsün */
    z-index: -1 !important; /* Bu, effektlərin kartın arxasında qalmasını təmin edir */
    opacity: 0.7 !important;
}

/* Göy rəngli dairə */
.converter-card::before {
    width: 250px !important;
    height: 250px !important;
    background: var(--bg-blur-1, rgba(13, 110, 253, 0.2)) !important;
    top: -80px !important;
    left: -100px !important;
}

/* Bənövşəyi rəngli dairə */
.converter-card::after {
    width: 200px !important;
    height: 200px !important;
    background: var(--bg-blur-2, rgba(111, 66, 193, 0.15)) !important;
    bottom: -70px !important;
    right: -70px !important;
}

/* --- Kartın içindəki məzmunun effektin üstündə qalmasını təmin etmək --- */
.converter-card .converter-header,
.converter-card .converter-grid,
.converter-card .converter-footer {
    position: relative;
    z-index: 2; /* Məzmunu effektlərin önünə keçirir */
}


.converter-header {
    padding: 25px 30px;
    border-bottom: 1px solid var(--card-border-color);
}
.converter-title {
    font-size: 20px; font-weight: 600; color: var(--text-primary); margin: 0;
}
.converter-title .points-value { color: #ffc107; }
.converter-rate { font-size: 14px; color: var(--text-secondary); margin: 5px 0 0 0; }

.converter-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr; /* 5 sütunlu grid: input, ikon, input, ikon, input */
    gap: 20px;
    align-items: flex-end; /* Elementləri aşağıda düzür */
    padding: 30px;
}

.form-group label {
    display: block; color: var(--text-secondary);
    font-weight: 500; margin-bottom: 8px; font-size: 14px;
}

.form-input.active-input {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-glow);
}
.form-input:disabled { cursor: not-allowed; }

.converter-icon {
    font-size: 20px;
    color: var(--text-secondary);
    padding-bottom: 35px; /* İnputlarla eyni səviyyədə olması üçün */
}

.converter-footer { padding: 0 30px 30px 30px; text-align: center; }
.alert-text {
    color: #ff6b6b;
    margin-bottom: 15px;
    font-weight: 500;
}
.cta-button {
    width: 100%; display: inline-flex; align-items: center; justify-content: center;
    gap: 10px; background: var(--accent-gradient);
    color: #ffffff; font-weight: 600; font-size: 16px;
    padding: 14px; border-radius: 10px;
    border: none; cursor: pointer; transition: all 0.3s ease;
}
.cta-button:hover {
    box-shadow: 0 6px 20px var(--accent-glow);
    transform: translateY(-3px);
}


/* --- Xüsusiyyət Kartları --- */
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}
.feature-card {
    background-color: var(--card-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 25px;
    text-align: center;
}
.feature-icon {
    font-size: 24px; color: var(--accent-color);
    background-color: rgba(13, 110, 253, 0.1);
    width: 54px; height: 54px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    margin-bottom: 15px;
}
.feature-title { font-size: 16px; font-weight: 600; color: var(--text-primary); margin: 0 0 5px 0; }
.feature-desc { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; }


/* Mobil Görünüş */
@media (max-width: 768px) {
    .converter-grid {
        grid-template-columns: 1fr; /* Hər şeyi alt-alta düzür */
    }
    .converter-icon {
        transform: rotate(90deg); /* Oxları aşağı çevirir */
        padding-bottom: 0;
        margin: -10px 0;
    }
}



/* =================================================================== */
/* RESPONSIVE STYLES (NO BLUR & NO ICONS ON MOBILE)          */
/* =================================================================== */

@media (max-width: 768px) {
    /* --- Konvertasiya Kartı --- */
    .converter-grid {
        grid-template-columns: 1fr !important; /* Hər şeyi alt-alta düzür */
        gap: 20px !important; /* Aralarındakı boşluğu artırır */
    }

    /* DÜZƏLİŞ: İkonları mobildə gizlədirik */
    .converter-icon {
        display: none !important;
    }

    /* DÜZƏLİŞ: Kartlardan blur effektini və şəffaflığı yığışdırırıq */
    .converter-card,
    .feature-card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: var(--card-bg-solid) !important; /* Tamamilə bərk rəng */
    }
}


/* =================================================================== */
/* INFO / FEATURES SECTION MODERN STYLES (DAY/NIGHT THEME)   */
/* =================================================================== */



/* --- Ana Konteyner və Arxa Fon Effektləri --- */
.info-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 60px 0 !important;
    background-color: var(--main-bg) !important;
}
.info-section::before,
.info-section::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(140px) !important;
    z-index: 0 !important;
    opacity: 0.7;
}
.info-section::before {
    width: 500px; height: 500px;
    background: var(--bg-blur-1) !important;
    top: 50%; left: 10%;
    transform: translateY(-50%);
}
.info-section::after {
    width: 400px; height: 400px;
    background: var(--bg-blur-2) !important;
    top: 50%; right: 10%;
    transform: translateY(-50%);
}

/* --- Grid və Kartlar --- */
.info-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 sütun */
    gap: 25px !important;
    position: relative;
    z-index: 2;
    /* Grid-i səhifənin mərkəzinə gətirmək üçün */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.info-box {
    background: var(--card-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    
    /* Hover üçün hazırlıq */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* --- Hover Anımasiyası --- */
.info-box:hover {
    transform: translateY(-10px) !important;
    border-color: var(--accent-color) !important;
    box-shadow: 0 15px 35px -5px var(--accent-glow) !important;
}

/* --- İkon və Mətn --- */
.info-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: var(--accent-gradient);
}
.info-icon svg {
    width: 28px;
    height: 28px;
    color: #ffffff;
}
/* SVG path-lərin rəngini dəyişirik */
.info-icon svg path {
    fill: #ffffff !important;
}

.info-text h4 {
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
}
.info-text p {
    color: var(--text-secondary) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* --- Mobil Görünüş --- */
@media (max-width: 992px) {
    .info-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 576px) {
    .info-grid {
        grid-template-columns: 1fr !important;
    }
}




/* =================================================================== */
/* MODERN FOOTER STYLES (GLASSMORPHISM + AURORA BG)          */
/* =================================================================== */



/* --- Ana Footer Konteyneri və Arxa Fon --- */
.page__inner.foot {
    position: relative !important;
    overflow: hidden !important;
    background-color: var(--footer-bg) !important;
    padding: 60px 0 0 0 !important; /* Yuxarıdan boşluq */
}
.page__inner.foot::before,
.page__inner.foot::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(140px) !important;
    z-index: 0 !important;
}
.page__inner.foot::before {
    width: 500px; height: 500px;
    background: var(--footer-bg-blur-1) !important;
    bottom: -150px; left: -150px;
}
.page__inner.foot::after {
    width: 400px; height: 400px;
    background: var(--footer-bg-blur-2) !important;
    bottom: -100px; right: -100px;
}

footer {
    position: relative;
    /*z-index: 2;*/
}

/* --- Yuxarı Hissə (Loqo və Linklər) --- */
footer .footer-middle {
    padding-bottom: 40px !important;
}
/* DÜZƏLİŞ: Link sütunlarını mərkəzləşdirir */
footer .footer-middle > .container > .row {
    justify-content: center !important;
}
.footer-main-logo-section {
    margin-bottom: 30px !important;
}
.footer-main-logo-section img {
    max-height: 40px !important;
    width: auto !important;
}
.dark .footer-main-logo-section .some-icon.lazy { display: none !important; }
.dark .footer-main-logo-section .some-icon-dark { display: inline-block !important; }


footer .sidebar__item h6 {
    color: var(--footer-text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

footer .sidebar__link,
footer .fcp_box a {
    color: var(--footer-text-secondary) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-size: 15px !important;
    padding: 5px 0 !important;
    display: flex !important;
    align-items: center;
}
footer .sidebar__link:hover,
footer .fcp_box a:hover {
    color: var(--footer-accent-color) !important;
    transform: translateX(5px);
}
footer .fcp_box a i {
    margin-right: 10px;
    font-size: 16px;
}

/* Sosial Media İkonları */
footer .sosalan.footersosyal {
    display: inline-flex !important;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background-color: var(--footer-bg-sosyal) !important;
    color: var(--footer-text-secondary) !important;
    margin-right: 10px !important;
    font-size: 16px;
}

footer .sosalan.footersosyal:hover {
    background-color: var(--footer-accent-color) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

/* --- Aşağı Əlaqə Zolağı --- */
.footercont-wrapper {
    background: rgba(0,0,0,0.2) !important;
    padding: 15px 0 !important;
    border-top: 1px solid var(--footer-border-color);
}
.footercont-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px;
}
.footercont-menu a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    background: var(--card-bg) !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: all 0.2s ease;
}
.footercont-menu a:hover {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.footercont-menu a i {
    font-size: 24px;
}

/* --- Copyright --- */
.footercont-wrapper + .text-center {
    padding: 20px 0;
    color: var(--text-secondary);
    font-size: 14px;
}




/* Bu stillər yalnız ekran 768px-dən kiçik olduqda işləyəcək */
@media (max-width: 768px) {
    
    /* Düymələri saxlayan bloku şaquli (alt-alta) edirik */
    .footercont-menu {
        flex-direction: column !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        gap: 10px !important; /* Düymələr arası boşluğu azaldırıq */
    }

    /* Hər bir düymənin tam eni tutmasını təmin edirik */
    .footercont-menu a {
        width: 100% !important;
        justify-content: center !important; /* İçindəki mətn və ikonu ortalayır */
    }
}







/* --- Ümumi Kart Stili və Arxa Fon Effektləri --- */
.latest-comments,
.latest-news {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    height: 100%;
    
    /* DƏYİŞİKLİK: Effektlərin daxildə qalması üçün */
    position: relative !important;
    overflow: hidden !important;
    z-index: 1;
}

/* Kartların daxilindəki dekorativ effektlər */
.latest-comments::before, .latest-comments::after,
.latest-news::before, .latest-news::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(100px) !important;
    z-index: -1 !important; /* Məzmunun arxasında qalır */
}

/* Şərhlər kartının effektləri */
.latest-comments::before { width: 250px; height: 250px; background: var(--bg-blur-1) !important; top: -50px; left: -80px; }
.latest-comments::after { width: 200px; height: 200px; background: var(--bg-blur-2) !important; bottom: -60px; right: -60px; }

/* Xəbərlər kartının effektləri */
.latest-news::before { width: 200px; height: 200px; background: var(--bg-blur-2) !important; top: -60px; right: -70px; }
.latest-news::after { width: 250px; height: 250px; background: var(--bg-blur-1) !important; bottom: -80px; left: -90px; }


/* --- Kartların Başlıqları --- */
.latest-comments h4,
.latest-news h4 {
    display: flex; justify-content: space-between; align-items: center;
    color: var(--text-primary);
    font-size: 18px; font-weight: 600;
    margin: 0 0 20px 0; padding-bottom: 15px;
    border-bottom: 1px solid var(--card-border-color);
    position: relative; z-index: 2; /* Məzmunun öndə qalması üçün */
}
.latest-comments h4 i, .latest-news h4 i {
    color: var(--text-secondary);
    margin-right: 10px;
}
.latest-news h4 a.btn {
    background-color: transparent; color: var(--text-secondary);
    border: 1px solid var(--card-border-color);
    transition: all 0.2s ease;
}
.latest-news h4 a.btn:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #ffffff;
}

/* --- Scrollable Hissələr --- */
.scrollable-section {
    max-height: 400px; overflow-y: auto;
    padding-right: 10px;
    position: relative; z-index: 2;
}
.scrollable-section::-webkit-scrollbar { width: 6px; }
.scrollable-section::-webkit-scrollbar-track { background: transparent; }
.scrollable-section::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 6px; }
body.dark.modern .scrollable-section::-webkit-scrollbar-thumb { background-color: #4a4f6a; }


/* --- Şərh və Xəbər Elementlərinin Stili --- */
.comment-item, .news-item {
    padding: 15px 5px 15px 0;
    border-bottom: 1px solid var(--card-border-color);
}
.comment-item:last-child, .news-item:last-child { border-bottom: none; }

.comment-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.comment-content h5 { font-size: 16px; color: var(--text-primary); font-weight: 500; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.comment-content .stars .voted { color: #ffc107; }
.comment-content .stars .fa-regular { color: #4a4f6a; }
.comment-content p { color: var(--text-secondary); font-size: 14px; line-height: 1.6; margin-bottom: 8px; }
.comment-content small { font-size: 12px; }

.news-item h4 a { display: flex; align-items: center; gap: 15px; text-decoration: none; color: var(--text-primary); font-size: 16px; font-weight: 500; transition: color 0.2s ease; }
.news-item h4 a:hover { color: var(--accent-color); }
.news-item h4 a img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.news-item p { color: var(--text-secondary); font-size: 14px; line-height: 1.6; margin-bottom: 8px; }
.news-item small { font-size: 12px; }










/* =================================================================== */
/* "POPULAR GAMES" SECTION MODERN STYLES (DAY/NIGHT THEME)   */
/* =================================================================== */


/* --- Ana Konteyner --- */
.game-showcase-section {
    background-color: var(--section-bg);
    padding: 30px;
    border-radius: 16px;
    margin: 25px 0;
}

/* --- Bölmə Başlığı --- */
.game-showcase-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.gsc-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}
.gsc-title i {
    color: var(--accent-color);
}
.gsc-all-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--card-bg);
    border: 1px solid var(--card-border-color);
    color: var(--text-secondary);
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}
.gsc-all-button:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

/* --- Kateqoriya Tabları --- */
.game-showcase-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    overflow-x: auto; /* Mobildə skrol üçün */
}
.gsc-tab-item {
    padding: 10px 20px;
    border-radius: 8px;
    background-color: var(--card-bg);
    color: var(--text-secondary);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.gsc-tab-item:hover {
    color: var(--text-primary);
    background-color: var(--component-hover-bg, #f1f3f5);
}
.gsc-tab-item.active {
    background: var(--accent-gradient);
    color: #ffffff;
    font-weight: 600;
}

/* --- Oyun Kartlarının Grid Quruluşu --- */


/* --- Tək Oyun Kartı --- */
.game-card-new {
    background-color: var(--card-bg);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid var(--card-border-color);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
body.dark.modern .game-card-new {
     box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.game-card-new:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
body.dark.modern .game-card-new:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.game-card__image-wrapper {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.game-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.game-card:hover .game-card__image {
    transform: scale(1.08);
}
.game-card__title {
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    text-align: center;
    background-color: var(--card-bg);
}

/* =================================================================== */
/* POPULAR GAMES - FINAL STYLES WITH INTERNAL AURORA BG      */
/* =================================================================== */


.game-showcase-section {
    background-color: var(--section-bg) !important;
    padding: 30px !important;
    border-radius: 16px !important;
    margin: 25px 0 !important;
    border: 1px solid var(--card-border-color) !important;
    position: relative !important;
    overflow: hidden !important;
}
.game-showcase-section::before,
.game-showcase-section::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(120px) !important;
    z-index: 0 !important; /* Effektləri arxaya göndərir */
}
.game-showcase-section::before {
    width: 400px; height: 400px;
    background: var(--bg-blur-1) !important;
    top: -50px; left: -100px;
}
.game-showcase-section::after {
    width: 350px; height: 350px;
    background: var(--bg-blur-2) !important;
    bottom: -120px; right: -50px;
}

/* --- Bölmə Başlığı və Tablar (effektin üstündə qalması üçün) --- */
.game-showcase-header, .game-showcase-tabs, .game-showcase-grid {
    position: relative;
    z-index: 1;
}

/* ... Başlıq və Tab stilləri olduğu kimi qalır ... */
.game-showcase-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.gsc-title { display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 600; color: var(--text-primary); margin: 0; }
.gsc-title i { color: var(--accent-color); }
.gsc-all-button { display: inline-flex; align-items: center; gap: 8px; background-color: var(--card-bg); border: 1px solid var(--card-border-color); color: var(--text-secondary); padding: 8px 16px; border-radius: 20px; font-weight: 500; text-decoration: none; transition: all 0.2s ease; }
.gsc-all-button:hover { background-color: var(--accent-color); border-color: var(--accent-color); color: #fff; }
.game-showcase-tabs { display: flex; gap: 10px; margin-bottom: 25px; overflow-x: auto; }
.gsc-tab-item { padding: 10px 20px; border-radius: 8px; background-color: var(--card-bg); color: var(--text-secondary); font-weight: 500; text-decoration: none; white-space: nowrap; transition: all 0.2s ease; }
.gsc-tab-item:hover { color: var(--text-primary); background-color: var(--component-hover-bg, #f1f3f5); }
.gsc-tab-item.active { background: var(--accent-gradient); color: #ffffff; font-weight: 600; }

/* --- Oyun Kartlarının Grid Quruluşu --- */
.game-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 20px !important;
}

/* --- Tək Oyun Kartı (DƏYİŞİKLİK: Şüşə effekti) --- */
.game-card-new > a { /* Sizin HTML-dəki <a> teqinə tətbiq olunur */
    display: block !important;
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    text-decoration: none !important;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.game-card-new > a:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.2) !important;
    border-color: var(--accent-color) !important;
}

/* ... Kartın şəkli və başlığı üçün olan stillər olduğu kimi qalır ... */
.game-card-new .product-image-wrapper, .product-image-new { aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
.game-card-new .game-card__image, .product-image-new img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease !important; }
.game-card-new:hover .game-card__image, .product-cardd > a:hover .product-image-new img { transform: scale(1.08); }
.game-card__title, .product-title-new { padding: 15px 0 0 0 !important; font-size: 15px !important; font-weight: 500 !important; color: var(--text-primary) !important; text-align: center; transition: color 0.2s ease !important; }
.game-card-new:hover .game-card__title, .product-cardd > a:hover .product-title-new { color: var(--accent-color) !important; }


/* =================================================================== */
/* POPULAR GAMES - MOBILE GRID & HOVER REFINEMENT            */
/* =================================================================== */

/* --- Hover Anımasiyası (Təkmilləşdirilmiş) --- */
.product-cardd > a:hover,
.game-card-new:hover {
    transform: translateY(-5px) scale(1.03) !important; /* Effekti bir az daha aydın edirik */
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
    border-color: var(--accent-color) !important;
}

/* --- Mobil Görünüş (3 Sütunlu) --- */
@media (max-width: 768px) {
    .game-showcase-grid,
    .popular-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important; /* Boşluğu bir az azaldırıq ki, 3 kart səliqəli yerləşsin */
    }

    .product-cardd > a,
    .game-card-new {
        padding: 0px !important; /* Daxili boşluğu mobildə azaldırıq */
    }

    .product-cardd .product-image-new,
    .game-card-new .game-card__image-wrapper {
        margin-bottom: 10px !important;
    }
    
    .product-cardd .product-title-new,
    .game-card-new .game-card__title {
        font-size: 13px !important; /* Mətn ölçüsünü mobildə bir az azaldırıq */
        padding: 10px 5px 5px 5px !important;
    }
}



/* =================================================================== */
/* POPULAR PRODUCTS CAROUSEL MODERN STYLES (DAY/NIGHT THEME) */
/* =================================================================== */


/* --- Ana Konteyner və Arxa Fon Effektləri --- */
.product-carousel-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 30px !important;
    background-color: var(--section-bg) !important;
    border-radius: 16px !important;
    margin: 25px 0 !important;
    border: 1px solid var(--card-border-color) !important;
}
.product-carousel-section::before,
.product-carousel-section::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(120px) !important;
    z-index: 0 !important;
}
.product-carousel-section::before { width: 300px; height: 300px; background: var(--bg-blur-1) !important; top: -50px; left: -80px; }
.product-carousel-section::after { width: 350px; height: 350px; background: var(--bg-blur-2) !important; bottom: -100px; right: -80px; }

/* --- Bölmə Başlığı --- */
.carousel-header {
    position: relative; z-index: 2;
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 25px; padding: 0 10px;
}
.carousel-title {
    display: flex; align-items: center; gap: 12px;
    font-size: 22px; font-weight: 600;
    color: var(--text-primary); margin: 0;
}
.carousel-title i { color: var(--accent-color); }

/* --- Karusel (Owl Carousel) stilləri --- */
.product-carousel-section .owl-carousel { position: relative; z-index: 2; }
.product-showcase-card { padding: 5px; } /* Karuseldə kartlar arası boşluq üçün */

.product-showcase-card > a {
    display: block !important;
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    overflow: hidden;
    transition: all 0.3s ease !important;
}
.product-showcase-card > a:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
    border-color: var(--accent-color) !important;
}
body.dark.modern .product-showcase-card > a:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
}

.product-showcase-card__image-wrapper {
    aspect-ratio: 1 / 1;
    padding: 10px;
}
.product-showcase-card__image {
    width: 100%; height: 100%;
    object-fit: contain; /* Şəklin tam görünməsi üçün */
    transition: transform 0.3s ease !important;
}
.product-showcase-card > a:hover .product-showcase-card__image {
    transform: scale(1.05);
}
.product-showcase-card__body {
    padding: 15px;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
}
.product-showcase-card__title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text-primary) !important;
    margin: 0 0 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-showcase-card__price {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

/* Karusel Naviqasiya Düymələri */
.product-carousel-section .owl-nav {
    position: absolute;
    top: -65px; /* Başlığın yanında */
    right: 10px;
    display: flex;
    gap: 10px;
}
.product-carousel-section .owl-nav button.owl-prev,
.product-carousel-section .owl-nav button.owl-next {
    width: 36px; height: 36px;
    border-radius: 50% !important;
    background-color: var(--card-bg) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--card-border-color) !important;
    font-size: 16px !important;
    transition: all 0.2s ease !important;
}
.product-carousel-section .owl-nav button.owl-prev:hover,
.product-carousel-section .owl-nav button.owl-next:hover {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
    border-color: var(--accent-color) !important;
}

/* Karusel Nöqtələri */
.product-carousel-section .owl-dots {
    text-align: center;
    margin-top: 25px !important;
}
.product-carousel-section .owl-dots .owl-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background-color: var(--card-border-color) !important;
    margin: 0 5px !important;
    transition: all 0.3s ease !important;
}
.product-carousel-section .owl-dots .owl-dot.active {
    background-color: var(--accent-color) !important;
    transform: scale(1.2);
}



/* =================================================================== */
/* OWL CAROUSEL NAVIGATION - REPOSITIONED (TOP RIGHT)        */
/* =================================================================== */

/* --- Naviqasiya Düymələrinin Konteyneri (YENİ YER) --- */
/* Bu blok düymələri bölmə başlığının sağına yerləşdirir */
.carousel-header .carousel-nav {
    display: flex;
    gap: 10px;
}

/* Əgər naviqasiya bu blokun içində deyilsə, alternativ olaraq bunu istifadə edin: */
.product-carousel-section .owl-nav {
    position: absolute !important;
    top: -60px !important; /* Başlığın hündürlüyünə görə tənzimlənir */
    right: 0px !important;
    margin: 0 !important;
    display: flex;
    gap: 10px;
}

/* --- Sağ və Sol Düymələrin Ümumi Stili --- */
.product-carousel-section .owl-nav button.owl-prev,
.product-carousel-section .owl-nav button.owl-next {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background-color: var(--card-bg, #2a2d3a) !important;
    border: 1px solid var(--card-border-color, #3a3f5a) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    color: var(--text-secondary, #a0a8c4) !important;
    font-size: 0 !important; /* Köhnə ox işarəsini gizlədir */
    transition: all 0.2s ease !important;
    margin: 0 !important; /* Köhnə marginləri ləğv edir */
    transform: none !important; /* Köhnə transformu ləğv edir */
}

/* --- Hover Effekti --- */
.product-carousel-section .owl-nav button.owl-prev:hover,
.product-carousel-section .owl-nav button.owl-next:hover {
    background-color: var(--accent-color, #0d6efd) !important;
    color: #ffffff !important;
    border-color: var(--accent-color, #0d6efd) !important;
    transform: scale(1.1) !important;
}

/* --- Yeni FontAwesome İkonlarını Əlavə Edirik --- */
.product-carousel-section .owl-nav button.owl-prev::before,
.product-carousel-section .owl-nav button.owl-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    display: block;
}

.product-carousel-section .owl-nav button.owl-prev::before {
    content: '\f053'; /* Sol ox */
}
.product-carousel-section .owl-nav button.owl-next::before {
    content: '\f054'; /* Sağ ox */
}


/* Mobil Görünüşdə başlığın yanında yer qalmayanda, düymələri gizlədirik */
@media (max-width: 576px) {
    .product-carousel-section .owl-nav {
        display: none !important;
    }
}


body.dark.modern .header-menu.mouseover, .main-category-nav {
    background-color: var(--nav-bg) !important;
    -webkit-backdrop-filter: blur(15px) !important;
 
}


/* =================================================================== */
/* MAIN CATEGORY NAVIGATION - FINAL DYNAMIC LAYOUT V5        */
/* =================================================================== */

/* --- Əsas Naviqaasiya Zolağı --- */
.header-menu.mouseover, .main-category-nav {
    border-bottom: 1px solid var(--nav-border-color) !important;
    padding: 10px 0 !important;
}

/* --- Menyu Listi (ul) --- */
.header-menu ul {
    list-style: none !important;
    padding: 0 15px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* --- Menyu Bəndləri (li) --- */
.header-menu ul li {
    /* DƏYİŞİKLİK: Bu, hər bir bəndin böyüyüb boşluğu doldurmasını təmin edir */
    flex-grow: 1; 
    flex-shrink: 1; /* Çox element olduqda kiçilməsinə imkan verir */
    text-align: center;
}

/* DƏYİŞİKLİK: "Bütün oyunlar" düyməsini sabit saxlayırıq */
/*.header-menu ul li:first-child {*/
/*    flex-grow: 0 !important; */
/*    flex-shrink: 0 !important; */
/*}*/

/* --- Menyu Linkləri (a) --- */
.header-menu ul li a {
    :;
    justify-content: center !important; /* Mətni və ikonu ortalayır */
    width: 100%; /* Bütün eni tutması üçün */
    :;
    border-radius: 8px !important;
}

/* Hover və Aktiv Stillər (olduğu kimi qalır) */
.header-menu ul li a:hover {
    /*background-color: var(--tab-hover-bg) !important;*/
    /*color: var(--text-primary) !important;*/
      transform: translateY(-5px) scale(1.03) !important; /* Effekti bir az daha aydın edirik */
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
    border-color: var(--accent-color) !important;
}
.header-menu ul li a.active {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px -5px var(--accent-color);
}
.header-menu ul li a.active i {
    color: #ffffff !important;
}
.header-menu ul li a i {
    font-size: 16px;
    transition: color 0.2s ease;
}

/* Köhnə, artıq HTML elementlərini gizlədirik */
.header-menu .sidebar__item_icon {
    display: none !important;
}


/* --- Menyu Bəndləri (a teqi) --- */
.header-menu ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: var(--tab-bg) !important;
    color: var(--tab-text-color) !important;
    padding: 10px 20px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    white-space: nowrap;
    border: 1px solid transparent !important;

    /* DƏYİŞİKLİK: Animasiya üçün vacibdir */
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}

/* YENİ: Hover üçün arxa fon elementini yaradırıq */
.header-menu ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%; /* Başlanğıcda sağda, tamamilə kənarda */
    width: 100%;
    height: 100%;
    background: var(--tab-hover-bg, #f0f2f5); /* Hover zamanı görünəcək rəng */
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1); /* Səlis hərəkət üçün */
    z-index: -1;
}

/* Hover zamanı arxa fonu sağdan sola çəkirik */
.header-menu ul li a:hover::before {
    transform: translateX(-100%);
    
}

/* Hover zamanı mətnin rəngini dəyişirik */
.header-menu ul li a:hover {
    color: var(--text-primary) !important;
}

/* Aktiv Menyu Bəndi (Bu dəyişməz qalır) */
.header-menu ul li a.active {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px -5px var(--accent-color);
}
.header-menu ul li a.active i {
    color: #ffffff !important;
}

/* İkonlar (Bu dəyişməz qalır) */
.header-menu ul li a i {
    font-size: 16px;
    transition: color 0.2s ease;
}

/* =================================================================== */
/* "ALL CATEGORIES" PAGE - OPTIMIZED STYLES (NO BLUR)        */
/* =================================================================== */


/* --- Ana Konteyner və Arxa Fon Effektləri --- */
.category-showcase {
    position: relative !important;
    padding: 40px 20px !important;
    background-color: var(--page-bg) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.category-showcase::before,
.category-showcase::after {
    content: '' !important; position: absolute !important;
    border-radius: 50% !important; filter: blur(150px) !important;
    z-index: 0 !important;
}
/*.category-showcase::before { width: 600px; height: 600px; background: var(--bg-blur-1) !important; top: -150px; left: -200px; }*/
.category-showcase::after { width: 500px; height: 500px; background: var(--bg-blur-2) !important; bottom: -200px; right: -150px; }

/* --- Grid Quruluşu --- */
.category-grid {
    position: relative; z-index: 1;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 25px !important;
}


.category-showcase::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
            45deg,
            transparent,
            rgba(0, 242, 255, 0.1),
            transparent
        );
        transform: rotate(50deg);
        animation: shine 4s infinite;
    }

    @keyframes shine {
        0% { transform: rotate(50deg) translateX(-100%); }
        100% { transform: rotate(50deg) translateX(100%); }
    }






/* =================================================================== */
/* "ALL CATEGORIES" PAGE - MOBILE GRID FIX (2 COLUMNS)       */
/* =================================================================== */

@media (max-width: 576px) {
    .category-grid {
        /* DƏYİŞİKLİK: Mobil üçün 2 sütun təyin edirik */
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .game-showcase-card {
        padding: 15px !important;
    }

    .card-title {
        font-size: 14px !important;
    }
}

/* =================================================================== */
/* "GAME SHOWCASE CARD" - ALTERNATIVE HYPER-MODERN STYLE     */
/* =================================================================== */

/* --- Tək Oyun Kartı --- */
.game-showcase-card {
    position: relative; /* Daxili elementlərin düzgün mövqe tutması üçün */
    display: block;
    text-decoration: none;
    border-radius: 12px;
    background-color: var(--card-bg) !important;
    padding: 20px;
    border: 1px solid var(--card-border-color) !important;
    transition: all 0.3s ease !important;
    overflow: hidden; /* Daxili effektlərin kənara çıxmaması üçün */
}

/* --- Hover Effektləri --- */
.game-showcase-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
    border-color: var(--accent-color) !important;
}

/* --- Kartın Daxili Parıltı (Glow) Effekti --- */
.game-showcase-card .card-glow {
    position: absolute;
    top: var(--glow-y, 50%); /* Bu dəyərlər JS ilə idarə olunacaq */
    left: var(--glow-x, 50%);
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    background: var(--glow-gradient);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.game-showcase-card:hover .card-glow {
    opacity: 1;
}

/* --- Hərəkətli Kənar Xətt Effekti --- */
.game-showcase-card .card-border {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 12px;
    opacity: 0; /* Normalda görünmür */
    transition: opacity 0.3s ease;
}
.game-showcase-card:hover .card-border {
    opacity: 1; /* Hover zamanı görünür */
}


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


@keyframes rotate-gradient-border {
  to {
    --angle: 360deg;
  }
}


.game-showcase-card .card-border::before {
    content: '';
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 4px); /* Kartdan bir az böyük */
    height: calc(100% + 4px);
    

    background: conic-gradient(
        from var(--angle), 
        var(--accent-color), 
        var(--color-warning, #ffca2c), 
        var(--color-success, #5dd261), 
        var(--accent-color)
    );
    

    animation: rotate-gradient-border 4s linear infinite;
}




/* =================================================================== */
/* CATEGORY PAGE MODERN STYLES (DAY/NIGHT THEME)             */
/* =================================================================== */



/* --- Ana Konteyner və Arxa Fon --- */
.category-page-container {
    position: relative !important;
    overflow: hidden !important;
    padding: 20px !important;
    background-color: var(--page-bg) !important;
    border-radius: 16px !important;
}
.category-page-container::before,
.category-page-container::after {
    content: '' !important; position: absolute !important;
    border-radius: 50% !important; filter: blur(150px) !important;
    z-index: 0 !important;
}
.category-page-container::before { width: 600px; height: 600px; background: var(--bg-blur-1) !important; top: -150px; left: -200px; }
.category-page-container::after { width: 500px; height: 500px; background: var(--bg-blur-2) !important; bottom: -200px; right: -150px; }

/* --- Sol Sidebar (Kateqoriya Məlumatı) --- */
.category-info-sidebar {
    background: var(--card-bg);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 25px;
    position: sticky;
    top: 20px;
}
.category-info__title {
    font-size: 24px; font-weight: 700; color: var(--text-primary);
    margin: 0 0 10px 0;
}
.category-info__description {
    font-size: 15px; color: var(--text-secondary);
    margin: 0 0 20px 0; padding-bottom: 20px;
    border-bottom: 1px solid var(--card-border-color);
}
.category-info__content {
    color: var(--text-secondary);
    line-height: 1.7;
}
.category-info__content * { color: inherit !important; }

/* --- Sağ Tərəf Grid --- */
.subcategory-grid {
    position: relative; z-index: 1;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 25px !important;
}

/* Kartların stilləri (Əvvəlki cavabdakı kimidir) */
.game-showcase-card {
    position: relative; display: block; text-decoration: none;
    border-radius: 12px; background-color: var(--card-bg);
    padding: 20px; border: 1px solid var(--card-border-color);
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out !important;
    overflow: hidden;
}
.game-showcase-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
    border-color: var(--accent-color) !important;
}


.card-content { position: relative; z-index: 2; text-align: center; }
.card-image-wrapper { aspect-ratio: 1 / 1; margin: 0 auto 15px auto; width: 80%; }
.card-image { width: 100%; height: 100%; object-fit: contain; }
.card-title {font-size: 15px;font-weight: 500;color: var(--text-primary);}

@keyframes rotate-gradient-border { to { --angle: 360deg; } }
@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }


/* =================================================================== */
/* CATEGORY PAGE - MOBILE RESPONSIVE STYLES                  */
/* =================================================================== */

@media (max-width: 992px) {
    /* İki sütunlu quruluşu alt-alta düzürük */
    .category-page-container .row {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    /* Ana konteynerin daxili boşluqlarını azaldırıq */
    .category-page-container,
    .category-showcase {
        padding: 20px 15px !important;
    }

    /* Sol sidebar-ın yapışqanlığını ləğv edirik və aşağıdan boşluq veririk */
    .category-info-sidebar {
        position: static !important;
        margin-bottom: 30px;
    }

    /* Alt-kateqoriya gridini 2 sütunlu edirik */
    .subcategory-grid,
    .category-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .game-showcase-card {
        padding: 15px !important;
    }

    .card-title {
        font-size: 14px !important;
    }
}








/* =================================================================== */
/* FINAL PRODUCT CARD STYLES V-ULTIMATE (WITH FIXES)         */
/* =================================================================== */


:root { /* Gündüz */
    --warning-color: #ffc107;
    --price-tag-bg: #e9ecef;
}
body.dark.modern { /* Gecə */
    --warning-color: #ffca2c;
    --price-tag-bg: #1e2029;
}


.shop__products2.row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
}


.pro-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 12px !important;
    display: flex; flex-direction: column;
    transition: all 0.3s ease; 
   
 
    margin-bottom: 25px; 
}
.pro-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }


.pro-card__preview { position: relative; aspect-ratio: 1 / 1; } /* Şəkli kvadrat edirik */
.pro-card__image { width: 100%; height: 100%; object-fit: cover; }
.pro-card__cart-badge {
    position: absolute; top: 12px; right: 12px; background-color: var(--accent-color);
    color: #fff; width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid var(--card-bg); font-size: 14px;
}


.pro-card__content { padding: 2px; flex-grow: 1; display: flex; flex-direction: column; text-align: center; }
.pro-card__title a {
    color: var(--text-primary); font-weight: 600; font-size: 16px;
    text-decoration: none; display: block; margin-bottom: 15px;
}


.pro-card__price-box {
    margin-bottom: 15px !important;
}
.price-current {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: var(--price-tag-bg);
    font-size: 18px; font-weight: 700; color: var(--text-primary);
}
.price-old {
    font-size: 13px; color: var(--text-secondary); text-decoration: line-through;
    display: block; margin-top: 5px;
}

.pro-card__points {
    color: var(--warning-color); font-weight: 600; font-size: 14px;
    margin-top: 15px;
}


.gamex-table-item.gamex-quantity {
    margin: 15px 0;
}


.pro-card__footer { padding: 15px; border-top: 1px solid var(--card-border); margin-top: auto; }
.action-button {
    width: 100%; display: flex; align-items: center; justify-content: center;
    gap: 8px; padding: 12px !important; border-radius: 8px !important;
    font-weight: 600 !important; border: none !important;
}
.custom-add-to-cart-button.action-button { background: var(--accent-gradient) !important; color: #fff !important; }
.action-button.is-disabled { background-color: var(--card-border) !important; color: var(--text-secondary) !important; cursor: not-allowed; }


@media (max-width: 992px) {
    .shop__products2.row {
        grid-template-columns: repeat(2, 1fr) !important; /* Mobildə 2 sütun */
    }
}
@media (max-width: 576px) {
    .shop__products2.row {
        gap: 15px !important;
    }
}




/* =================================================================== */
/* FINAL AUTHENTICATION PAGE STYLES (NEW HTML)               */
/* =================================================================== */

@keyframes aurora-flow {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    50% { transform: translate(80px, 40px) scale(1.2) rotate(180deg); }
    100% { transform: translate(0, 0) scale(1) rotate(360deg); }
}

.auth-page-wrapper {
    width: 100%; 
    min-height: 70vh;
    display: flex; align-items: center; justify-content: center;
    padding: 40px 20px;
    background-color: var(--page-bg, #16181e);
    position: relative; overflow: hidden;
}
.auth-page-wrapper::before, .auth-page-wrapper::after {
    content: ''; position: absolute; border-radius: 50%;
    filter: blur(180px); z-index: 1;
    animation: aurora-flow 30s infinite alternate;
}
.auth-page-wrapper::before { width: 600px; height: 600px; background: var(--bg-blur-1, rgba(13,110,253,0.2)); top: -20%; left: -20%; }
.auth-page-wrapper::after { width: 500px; height: 500px; background: var(--bg-blur-2, rgba(111,66,193,0.15)); bottom: -20%; right: -20%; animation-direction: alternate-reverse; }

.auth-grid {
    display: grid; grid-template-columns: 400px 1fr; gap: 50px;
    width: 100%; max-width: 1100px; z-index: 2;
}

/* Sol Tərəf */
.auth-info-panel { display: flex; flex-direction: column; gap: 40px; }
.auth-info-logo img { max-width: 150px; }
.auth-info-boxes { display: flex; flex-direction: column; gap: 20px; }
.info-card {
    display: flex; align-items: center; gap: 20px;
    background: var(--card-bg, rgba(42,45,58,0.6));
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    padding: 20px; border-radius: 12px;
    border: 1px solid var(--card-border-color, rgba(58,59,93,0.5));
}
.info-card__icon { width: 48px; height: 48px; flex-shrink: 0; }
.info-card__icon img { width: 100%; height: 100%; }
.info-card__title { color: var(--text-primary, #f0f0f0); font-size: 16px; font-weight: 600; margin: 0 0 5px 0; }
.info-card__desc { color: var(--text-secondary, #a0a8c4); font-size: 14px; margin: 0; line-height: 1.5; }

/* Sağ Tərəf */
.auth-form-card {
    background: var(--card-bg, rgba(42,45,58,0.6));
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--card-border-color, rgba(58,59,93,0.5));
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
/* =================================================================== */
/* AUTH TABS - FINAL & ROBUST STYLES                         */
/* =================================================================== */

/* --- Tabları saxlayan konteyner --- */
.auth-tabs {
    display: flex !important;
    background: var(--input-bg, #1e2029) !important;
    padding: 5px !important;
    margin: 20px 20px 25px 20px !important; /* Aşağıdan boşluğu artırdıq */
    border-radius: 12px !important;
    border: 1px solid var(--card-border-color, #3a3f5a) !important;
}

/* --- Tək Tab Düyməsi (Aktiv olmayan) --- */
.auth-tab-item {
    flex: 1 !important;
    text-align: center !important;
    padding: 12px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    color: var(--text-secondary, #a0a8c4) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    
    /* Bütün köhnə stilləri sıfırlayırıq */
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: all 0.25s ease !important;
}

/* Aktiv olmayan tabın üzərinə gəldikdə */
.auth-tab-item:not(.active):hover {
    background: var(--card-bg, #2a2d3a) !important;
    color: var(--text-primary, #f0f0f0) !important;
}


/* --- Aktiv Olan Tab --- */
.auth-tab-item.active {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px -5px var(--accent-color, #0d6efd) !important;
    transform: scale(1.03) !important; /* Yüngül böyümə effekti */
}
.auth-form-content { padding: 30px; padding-top: 10px; }

.form-group { margin-bottom: 20px; }
.form-label { color: var(--text-secondary); margin-bottom: 8px; font-size: 14px; font-weight: 500; }
.input-wrapper { position: relative; }
.input-wrapper i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--text-secondary); }
.form-input {
    width: 100%;
    background-color: var(--input-bg) !important;
    border: 1px solid var(--card-border-color) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 14px 16px 14px 45px !important;
    font-size: 15px !important;
    font-weight: 500;
}
.form-options { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.custom-checkbox { color: var(--text-secondary); }
.form-link { color: var(--accent-color); text-decoration: none; }
.form-submit button {
    width: 100%; background: var(--accent-gradient); color: #fff; border: none; padding: 14px;
    border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 20px;
}
.form-divider { text-align: center; color: var(--text-secondary); margin: 25px 0; }
.social-login-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }

/* Mobil Görünüş */
@media (max-width: 992px) {
    .auth-grid { grid-template-columns: 1fr !important; }
    .auth-info-panel { display: none !important; }
}

.auth-grid-single-column {
    width: 100%;
    max-width: 480px; /* Formanın eni */
    z-index: 2;
}
.auth-form-header {
    text-align: center;
    padding: 20px 30px 0 30px;
}
.auth-form-logo { display: block; margin-bottom: 20px; }
.auth-form-logo img { max-height: 40px; }
.auth-form-title { font-size: 24px; color: var(--text-primary); font-weight: 600; }
.auth-form-subtitle { font-size: 15px; color: var(--text-secondary); margin-top: 10px; }



.info-card {
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}


.info-card:hover {
   transform: translateY(-10px) !important;
    border-color: var(--accent-color) !important;
    box-shadow: 0 15px 35px -5px var(--accent-glow) !important;
}


.social-login-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr; 
    gap: 15px !important;
}


.social-login-btn a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    transition: opacity 0.2s ease !important;
}

.social-login-btn a:hover {
    opacity: 0.9;
}

.social-login-btn i {
    font-size: 18px;
}


.social-login-btn.facebook-login a {
    background-color: #1877F2 !important;
}


.social-login-btn.twitter-login a {
    background-color: #1DA1F2 !important;
}


.social-login-btn.google-login {
    grid-column: 1 / -1; 
    border-radius: 12px;
}












.custom-detail-btn,
.custom-disabled-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 8px; /* Consistent rounded corners */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none; /* Ensure it looks like a button even if it's an anchor */
    white-space: nowrap; /* Prevent text from wrapping */
    min-width: 120px; /* Ensure minimum width for consistency */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}



.custom-detail-btn i, .custom-detail-btn svg,
.custom-disabled-btn i, .custom-disabled-btn svg {
    margin-left: 8px; 
    color: inherit; 
    font-size: 1rem;
}

.custom-detail-btn {
    background: linear-gradient(45deg, var(--color-warning), #FF9800); 
    color: #fff; 
    border: none;
    box-shadow: 0 4px 15px rgba(var(--color-warning-rgb, 255, 193, 7), 0.3); 
}

.custom-detail-btn:hover {
    opacity: 0.9;
    transform: translateY(-2px); 
    box-shadow: 0 6px 20px rgba(var(--color-warning-rgb, 255, 193, 7), 0.4); 
}


body.dark.modern .custom-detail-btn {
    background: linear-gradient(45deg, var(--color-warning), var(--color-warning-glow)); 
    box-shadow: 0 4px 15px var(--color-warning-glow); 
}
body.dark.modern .custom-detail-btn:hover {
    box-shadow: 0 6px 20px var(--color-warning-glow);
}




.breadcrumb-item {

    --bs-breadcrumb-divider: ' ';
}

.breadcrumb {
    background: var(--breadcrumb-bg) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: 12px 20px !important;
    border-radius: 12px !important;
    border: 1px solid var(--breadcrumb-border) !important;
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
}

/* --- Menyu Bəndləri və Ayırıcılar --- */
.breadcrumb-item {
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
}

/* Yeni ayırıcı ikonu yaradırıq */
.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f054' !important; /* Sağ ox ikonu */
    color: var(--breadcrumb-separator) !important;
    padding: 0 12px !important;
    font-size: 10px; /* İkonu bir az kiçik edirik */
}

/* --- Linklər və Aktiv Bənd --- */
.breadcrumb-item a {
    color: var(--breadcrumb-text-link) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: flex;
    align-items: center;
    gap: 6px;
}
.breadcrumb-item a:hover {
    color: var(--breadcrumb-text-hover) !important;
}

/* Ev ikonunun rəngi */
.breadcrumb-item a i.fa-home {
    color: var(--breadcrumb-text-active) !important;
    font-size: 16px;
}

/* Aktiv olan (sonuncu) bənd */
.breadcrumb-item.active {
    color: var(--breadcrumb-text-active) !important;
    font-weight: 600 !important;
}




/* --- Əsas Sidebar Kartı --- */
.category-sidebar {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border-color) !important;
    border-radius: 12px !important;
    overflow: hidden; /* Daxili elementlərin kənara çıxmaması üçün */
    top: 20px;
}

/* --- Başlıq və Şəkil Hissəsi --- */
.category-sidebar__header {
    position: relative;
    padding: 20px;
    display: flex;
    align-items: flex-end; /* Mətnləri aşağıya düzür */
    min-height: 200px;
    color: #fff !important;
     min-height: 250px;
}
.category-sidebar__bg-image {
    position: absolute;
    top: 0; left: 0;
    width: 100%; 
    height: 100%;
    object-fit: contain; 

    z-index: 1;
}
.category-sidebar__header-overlay { /* Şəklin üzərindəki qradient */
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; 
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 70%);
    z-index: 2;
}
.category-sidebar__header-content {
    position: relative;
    z-index: 3;
}
.category-sidebar__title {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.category-sidebar__desc {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px !important;
    margin: 5px 0 0 0 !important;
}

/* --- Kateqoriya Açıqlaması --- */
.category-sidebar__description {
    padding: 20px;
    border-bottom: 1px solid var(--card-border-color);
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 1.6;
}
.category-sidebar__description p { margin: 0; }

/* --- Alt-Kateqoriya Menyu --- */
.category-sidebar__nav {
    padding: 10px;
}
.category-sidebar__link {
    display: block !important;
    padding: 12px 15px !important;
    color: var(--text-secondary) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    margin-bottom: 5px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}
.category-sidebar__link:last-child {
    margin-bottom: 0;
}
.category-sidebar__link:hover {
    background-color: var(--component-hover-bg, #f1f3f5);
    color: var(--text-primary) !important;
    border-color: var(--card-border-color);
}
.category-sidebar__link.active {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-color: transparent !important;
}



/* =================================================================== */
/* PRODUCT LIST - ACTION BUTTONS FINAL LAYOUT                */
/* =================================================================== */

/* --- Düymələrin Konteyneri --- */
.product-actions-group {
    display: flex !important;
    flex-direction: column !important; /* DƏYİŞİKLİK: Elementləri alt-alta düzür */
    width: 100%;
    gap: 8px !important; /* Düymələr arası şaquli boşluq */
     white-space: nowrap;
}

/* --- Bütün Düymələr Üçün Ümumi Stil --- */
.product-actions-group .action-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
    font-size: 14px;
    cursor: pointer;
    width: 100% !important; /* DƏYİŞİKLİK: Bütün düymələrin enini eyniləşdirir */
}

/* --- "Səbətə Əlavə Et" Düyməsi --- */
.product-actions-group .add-to-cart {
    background: var(--btn-primary-bg) !important;
    color: #ffffff !important;
     flex-grow: 1 !important;
}
.product-actions-group .add-to-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* --- "Detal" Düyməsi --- */
.product-actions-group .details-btn {
    background: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-text) !important;
    border: 1px solid var(--btn-secondary-border) !important;
}
.product-actions-group .details-btn:hover {
    background-color: var(--btn-secondary-hover-bg) !important;
    color: var(--text-primary) !important;
}

/* --- "Stokda Yoxdur" Düyməsi --- */
.product-actions-group .is-disabled {
    background-color: var(--card-border, #e9ecef) !important;
    color: var(--text-secondary) !important;
    cursor: not-allowed;
    opacity: 0.7;
}

/* =================================================================== */
/* PRODUCT PAGE TABS - MODERN STYLES (DAY/NIGHT THEME)       */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --tab-nav-bg: #ffffff;
    --tab-nav-border: #dee2e6;
    --tab-item-bg-hover: #f8f9fa;
}
body.dark.modern { /* Gecə Rejimi */
    --tab-nav-bg: #2a2d3a;
    --tab-nav-border: #3a3f5a;
    --tab-item-bg-hover: #313543;
}

/* --- Ana Naviqaasiya Zolağı --- */
.product-page-navigation {
    background-color: var(--tab-nav-bg);
    border: 1px solid var(--tab-nav-border);
    border-radius: 12px;
    padding: 8px;
    margin-bottom: 30px;
}
.product-tabs-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* --- Hər bir Tab Bəndi --- */
.product-tab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-grow: 1; /* Bütün tabların eyni eni tutması üçün */
    padding: 12px;
    border-radius: 8px;
    color: var(--tab-text-color);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

/* Hover Effekti */
.product-tab-item:not(.active):hover {
    background-color: var(--tab-item-bg-hover);
    color: var(--text-primary, #212529);
}

/* Aktiv Tab */
.product-tab-item.active {
    background-color: var(--tab-item-bg-hover);
    color: var(--tab-text-active);
    font-weight: 600;
    border-bottom-color: var(--tab-text-active);
}

.product-tab-item i {
    font-size: 18px;
}


/* =================================================================== */
/* FINAL PRODUCT PAGE TABS STYLES (GLASS + AURORA)           */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --tab-bar-bg: rgba(255, 255, 255, 0.6);
    --tab-bar-border: rgba(0, 0, 0, 0.08);
    --tab-text-active: #007bff;
    --tab-hover-border: rgba(0, 123, 255, 0.3);
}
body.dark.modern { /* Gecə Rejimi */
    --tab-bar-bg: rgba(42, 45, 58, 0.7);
    --tab-bar-border: rgba(58, 59, 93, 0.5);
    --tab-text-color: #a0a8c4;
    --tab-text-active: #0d6efd;
    --tab-hover-border: rgba(13, 110, 253, 0.4);
}

/* --- Hərəkətli Arxa Fon üçün Animasiya --- */
@keyframes aurora-flow-subtle {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    50% { transform: translate(20px, 30px) scale(1.1) rotate(180deg); }
    100% { transform: translate(0, 0) scale(1) rotate(360deg); }
}

/* =================================================================== */
/* PRODUCT PAGE TABS - FINAL LAYOUT FIX                      */
/* =================================================================== */

/* --- Ana Naviqasiya Zolağı (Düzəliş) --- */
.header-row.nav {
    background: var(--tab-bar-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--tab-nav-border) !important;
    border-radius: 12px !important;
    padding: 8px !important; /* Daxili boşluğu bir az artırdıq */
    display: flex !important;
    gap: 8px !important; /* Düymələr arası boşluq */
    margin-bottom: 30px !important;
    position: relative !important;
    overflow: hidden !important;
    /* justify-content: flex-start !important; <-- BU SƏTİR SİLİNDİ */
}

/* Arxa Fon Effektləri (olduğu kimi qalır) */
.header-row.nav::before,
.header-row.nav::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    z-index: -1 !important;
    animation: aurora-flow-subtle 25s infinite alternate;
}
.header-row.nav::before {
    width: 300px; height: 300px;
    background: var(--bg-blur-1) !important;
    top: -100px; left: -100px;
}
.header-row.nav::after {
    width: 250px; height: 250px;
    background: var(--bg-blur-2) !important;
    bottom: -120px; right: -80px;
    animation-direction: alternate-reverse;
}

/* --- Hər bir Tab Bəndi (Düzəliş) --- */
.header-column {
    /* YENİ ƏLAVƏLƏR: Tabların boşluğu bərabər doldurmasını təmin edir */
    flex-grow: 1 !important;
    justify-content: center !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 10px !important; /* Yan boşluqları bir az azaldırıq */
    color: var(--tab-text-color) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    border-radius: 8px !important; /* Aktiv tab üçün arxa fonun səliqəli görünməsi üçün */
    border-bottom: none !important; /* Alt xətti ləğv edirik */
    transition: all 0.25s ease !important;
}

/* Hover Effekti */
.header-column:not(.active):hover {
    background-color: var(--tab-item-bg-hover, rgba(59,62,82,0.9)); /* Yeni hover rəngi */
    color: var(--tab-text-hover) !important;
}

/* Aktiv Tab */
.header-column.active {
    background: var(--accent-gradient, linear-gradient(45deg, #0d6efd, #8f62ea)) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px -5px var(--accent-color, #0d6efd);
}

.header-column i {
    font-size: 18px;
    opacity: 1;
}
.header-column.active i {
    opacity: 1;
}



/* --- YENİ: Mobil Görünüş --- */
@media (max-width: 768px) {
    .header-row.nav {
        /* Tabların konteynerə sığması üçün üfüqi skrol əlavə edirik */
        justify-content: flex-start !important; 
        overflow-x: auto !important;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    /* Skrolbarı gizlədirik */
    .header-row.nav::-webkit-scrollbar {
        display: none;
    }

    .header-column {
        flex-grow: 0 !important; /* Tabların öz ölçüsündə qalmasını təmin edir */
        white-space: nowrap; /* Mətnin qırılmaması üçün */
    }
}


/* =================================================================== */
/* FINAL PRODUCT LIST STYLES (GLASS + AURORA)                */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, yenidən əlavə etməyin) --- */
:root { /* Gündüz */
    --list-page-bg: #f4f7f9;
    --list-card-bg: rgba(255, 255, 255, 0.6);
    --list-card-border: rgba(0, 0, 0, 0.08);
    --list-text-primary: #212529;
    --list-text-secondary: #6c757d;
    --list-input-bg: #f8f9fa;
    --list-accent-color: #007bff;
    --list-accent-gradient: linear-gradient(45deg, #007bff, #6f42c1);
    --list-danger-bg: rgba(220, 53, 69, 0.1);
    --list-danger-text: #dc3545;
    --list-warning-text: #ffc107;
    --list-bg-blur-1: rgba(0, 123, 255, 0.15);
    --list-bg-blur-2: rgba(40, 167, 69, 0.1);
}
body.dark.modern { /* Gecə */
    --list-page-bg: #16181e;
    --list-card-bg: rgba(42, 45, 58, 0.7);
    --list-card-border: rgba(58, 59, 93, 0.5);
    --list-text-primary: #f0f0f0;
    --list-text-secondary: #a0a8c4;
    --list-input-bg: #1e2029;
    --list-accent-color: #0d6efd;
    --list-accent-gradient: linear-gradient(45deg, #0d6efd, #8f62ea);
    --list-danger-bg: rgba(220, 53, 69, 0.15);
    --list-danger-text: #ff6b6b;
    --list-warning-text: #ffca2c;
    --list-bg-blur-1: rgba(13, 110, 253, 0.2);
    --list-bg-blur-2: rgba(76, 175, 80, 0.15);
}

/* --- Arxa Fon Effektləri --- */
/* Qeyd: Bu effektin işləməsi üçün, bütün .gamex-table-container-ları saxlayan ana bloka .products__container class-ı vermək lazımdır */
.products__container {
    position: relative;
    overflow: hidden;
    padding: 20px;
    background-color: var(--list-page-bg);
    border-radius: 16px;
}
.products__container::before, .products__container::after {
    content: ''; position: absolute; border-radius: 50%;
    filter: blur(150px); z-index: 0;
}
.products__container::before { width: 600px; height: 600px; background: var(--list-bg-blur-1); top: -150px; left: -200px; }
.products__container::after { width: 500px; height: 500px; background: var(--list-bg-blur-2); bottom: -200px; right: -150px; }

/* --- Məhsul Sətri Kartı --- */
.gamex-product-row {
    display: grid !important;
    grid-template-columns: 70px 2.5fr 1fr 1fr 1fr 1.5fr 2fr !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px !important;
    margin-bottom: 12px !important;
    background: var(--list-card-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--list-card-border) !important;
    border-radius: 12px !important;
    transition: all 0.2s ease-in-out !important;
    position: relative; z-index: 1;
}
.gamex-product-row:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    border-color: var(--list-accent-color) !important;
}

/* Sətrin daxili elementləri */
.gamex-image img { width: 60px; border-radius: 8px; }
.gamex-product-title { color: var(--list-text-primary); font-weight: 500; font-size: 15px; }
.urun-aciklama { color: var(--list-text-secondary); font-size: 13px; margin-top: 2px; }
.gamex-stock-yes { color: var(--status-success, #5dd261); }
.gamex-stock-no { color: var(--status-danger, #ff6b6b); }
.gamex-point-content { color: var(--warning-color, #ffca2c); font-weight: 600; }
.products-price-current, .sales-price { color: var(--list-text-primary); font-weight: 600; font-size: 16px; }
.products-price-old, .list-price { color: var(--list-text-secondary); text-decoration: line-through; font-size: 13px; }

/* Sayğac Stili */
.gamex-quantity-calc { display: flex; align-items: center; justify-content: center; background: var(--list-input-bg); border-radius: 8px; border: 1px solid var(--list-card-border); }
.gamex-qty-btn { width: 30px; height: 30px; border: none; background: transparent; color: var(--list-text-secondary); font-size: 18px; cursor: pointer; }
.gamex-input-quantity { width: 40px; text-align: center; background: transparent; border: none; color: var(--list-text-primary); font-weight: 600; }

/* Əməliyyat Düymələri */
.gamex-buy-sell { display: flex; gap: 8px; align-items: stretch; }
.gamex-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px; border-radius: 8px; font-weight: 600; text-decoration: none; border: none; cursor: pointer; transition: all 0.2s ease; }
.gamex-btn-primary { background: var(--accent-gradient); color: #fff !important; flex-grow: 1; }
.custom-detail-btn { background: var(--list-input-bg); color: var(--list-text-secondary) !important; border: 1px solid var(--list-card-border); }
.gamex-btn-tertiary { background: var(--status-danger); color: #fff !important; opacity: 0.8; }

/* Mobil Görünüş */
@media (max-width: 992px) {
    .gamex-product-row {
        grid-template-columns: 60px 3fr 1.5fr 2fr !important;
        grid-template-areas: "image name quantity actions" "image price quantity actions";
        padding: 15px !important;
    }
    .gamex-image { grid-area: image; } .gamex-name { grid-area: name; }
    .products-price { grid-area: price; } .gamex-quantity { grid-area: quantity; }
    .gamex-operation { grid-area: actions; }
    .gamex-stock { display: none !important; }
}
@media (max-width: 576px) {
    .gamex-product-row { grid-template-columns: 1fr !important; grid-template-areas: "image" "name" "price" "quantity" "actions"; text-align: center; }
    .gamex-table-item, .products-price { justify-content: center !important; }
}



:root { 
    --content-card-bg: rgba(255, 255, 255, 0.6);
    --content-card-border: rgba(0, 0, 0, 0.08);
    --content-text-primary: #212529;
    --content-text-secondary: #495057;
    --content-accent-color: #007bff;
    --content-bg-blur-1: rgba(0, 123, 255, 0.1);
    --content-bg-blur-2: rgba(40, 167, 69, 0.08);
}
body.dark.modern {
    --content-card-bg: rgba(42, 45, 58, 0.7);
    --content-card-border: rgba(58, 59, 93, 0.5);
    --content-text-primary: #ffffff;
    --content-text-secondary: #a0a8c4;
    --content-accent-color: #0d6efd;
    --content-bg-blur-1: rgba(13, 110, 253, 0.15);
    --content-bg-blur-2: rgba(76, 175, 80, 0.15);
}


#menu1,
#menu2,
#menu3 {
    background: var(--content-card-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--content-card-border) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    color: var(--content-text-secondary) !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    
    /* Arxa fon effektləri üçün hazırlıq */
    position: relative !important;
    overflow: hidden !important;
    z-index: 1;
}

/* Daxili "aurora" effektləri */
#menu1::before, #menu1::after,
#menu2::before, #menu2::after,
#menu3::before, #menu3::after {
    content: '' !important;
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(100px) !important;
    z-index: -1 !important; /* Məzmunun arxasında qalır */
}
#menu1::before, #menu2::before, #menu3::before {
    width: 250px; height: 250px;
    background: var(--content-bg-blur-1) !important;
    top: -50px; left: -80px;
}
#menu1::after, #menu2::after, #menu3::after {
    width: 200px; height: 200px;
    background: var(--content-bg-blur-2) !important;
    bottom: -70px; right: -50px;
}


.tab-content .tab-pane > * {
    position: relative;
    z-index: 2;
}


#menu1 p, #menu1 li,
#menu2 p, #menu2 li,
#menu3 p, #menu3 li {
    color: var(--content-text-secondary) !important;
    margin-bottom: 1em !important;
}
#menu1 h1, #menu1 h2, #menu1 h3, #menu1 h4, #menu1 h5, #menu1 h6, #menu1 strong,
#menu2 h1, #menu2 h2, #menu2 h3, #menu2 h4, #menu2 h5, #menu2 h6, #menu2 strong,
#menu3 h1, #menu3 h2, #menu3 h3, #menu3 h4, #menu3 h5, #menu3 h6, #menu3 strong {
    color: var(--content-text-primary) !important;
    margin-bottom: 0.8em;
}
#menu1 ul, #menu1 ol,
#menu2 ul, #menu2 ol,
#menu3 ul, #menu3 ol {
    padding-left: 25px !important;
}

/* Şərhlər Bölməsi üçün Xüsusi Stil */
.comments__title {
    color: var(--content-text-primary) !important;
}


/* =================================================================== */
/* COMMENTS SECTION - FINAL VERSION WITH FIXES (DAY/NIGHT)   */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --star-color: #ffc107;
}
body.dark.modern { /* Gecə Rejimi */
    --section-bg: #16181e;
    --card-border-color: rgba(58, 59, 93, 0.5);
}

/* --- Ana Konteyner və Arxa Fon --- */
.yorumlar-bolumu {
    background-color: var(--section-bg) !important;
    padding: 30px !important;
    border-radius: 16px !important;
    margin-top: 30px !important;
    position: relative;
    overflow: hidden;
}
.yorumlar-bolumu::before, .yorumlar-bolumu::after {
    content: '' !important; position: absolute !important;
    border-radius: 50% !important; filter: blur(150px) !important;
    z-index: 0 !important;
}
.yorumlar-bolumu::before { width: 500px; height: 500px; background: var(--bg-blur-1) !important; top: 0; right: -150px; }
.yorumlar-bolumu::after { width: 400px; height: 400px; background: var(--bg-blur-2) !important; bottom: -150px; left: -150px; }

/* --- Bölmə Başlığı --- */
.yorumlar-baslik {
    position: relative; z-index: 1; display: flex; justify-content: space-between;
    align-items: center; padding-bottom: 15px; margin-bottom: 25px;
    border-bottom: 1px solid var(--card-border-color);
}
.yorumlar-baslik-sol h5 { color: var(--text-primary) !important; font-size: 20px; font-weight: 600; }
.yorumlar-toplam { color: var(--text-secondary); font-weight: 500; }
.yorumlar-baslik i { margin-right: 10px; color: var(--accent-color); }

/* --- Şərh Yoxdur və Şərh Yazma Forması (DÜZƏLİŞ: Tam eni tutur) --- */
.custom-empty-comment-box,
.yorum-form-bolumu {
    position: relative;
    z-index: 1;
    width: 100% !important; /* Tam eni tutmasını təmin edir */
    margin-bottom: 25px !important;
}
.custom-empty-comment-box {
    background: var(--card-bg); backdrop-filter: blur(10px);
    border: 1px solid var(--card-border-color); border-radius: 12px;
    padding: 40px; color: var(--text-secondary);
}
.custom-empty-icon i { font-size: 40px; opacity: 0.5; }
.custom-empty-title { color: var(--text-primary); margin-top: 15px; font-weight: 600; }

.yorum-form-karti {
    background: var(--card-bg); backdrop-filter: blur(10px);
    border: 1px solid var(--card-border-color); border-radius: 12px;
    padding: 25px; display: flex; gap: 20px;
    align-items: flex-start;
}
.yorum-form-resim img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }
.yorum-form-icerik { width: 100%; }
.yorum-form-icerik .form-control {
    background-color: var(--input-bg) !important;
    border-color: var(--card-border-color) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
  
}
.yorum-form-puan { display: flex; justify-content: space-between; align-items: center; margin-top:15px; }
.yorum-gonder-btn {
    background: var(--accent-gradient); color: #fff;
    border: none; padding: 10px 20px; border-radius: 8px;
    font-weight: 600; display: inline-flex; align-items: center; gap: 8px;
}

/* Ulduzla Qiymətləndirmə (DÜZƏLİŞ) */
.rating2 { display: flex; flex-direction: row-reverse; justify-content: flex-end; }
.rating2 input { display: none; }
.rating2 label { font-size: 24px; color: #4a4f6a; cursor: pointer; transition: color 0.2s ease; padding: 0 3px; }
.rating2 label:hover,
.rating2 label:hover ~ label { color: var(--star-color) !important; opacity: 0.7; }
.rating2 input:checked ~ label { color: var(--star-color) !important; opacity: 1; }

/* --- Mövcud Şərhlər Kartı --- */
.yorumlar-icerik {
     position: relative;
     z-index: 1;
}
.yorum-karti {
    background: var(--card-bg); backdrop-filter: blur(10px);
    border: 1px solid var(--card-border-color); border-radius: 12px;
    padding: 20px; margin-bottom: 20px;
}
.yorum-urun { display: flex; align-items: center; gap: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--card-border-color); }
.urun-resim img { width: 50px; height: 50px; border-radius: 8px; }
.urun-detay h5 a { color: var(--text-primary); font-size: 16px; font-weight: 600; text-decoration: none; }
.urun-detay h6 a { color: var(--text-secondary); font-size: 14px; text-decoration: none; }
.yorum-metin { padding: 15px 0; color: var(--text-secondary); line-height: 1.7; }
.yorum-detay { display: flex; flex-wrap:wrap; align-items: center; gap: 15px 20px; font-size: 13px; color: var(--text-secondary); }
.yorum-puan { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.yildizlar i { color: var(--star-color); }

/* --- Mobil Görünüş (DÜZƏLİŞ) --- */
@media(max-width: 576px) {
    .yorum-form-karti {
        flex-direction: column; /* Avatarı yuxarıya qoyur */
        align-items: center;
        text-align: center;
    }
    /* Form ilə şərhlər arasına boşluq */
    .yorum-form-bolumu {
        margin-bottom: 30px !important;
    }
}



/* =================================================================== */
/* MODERN PAGINATION STYLES (DAY/NIGHT THEME)                */
/* =================================================================== */

/* --- Rəng Dəyişənləri --- */
:root { /* Gündüz Rejimi */
    --pagination-bg: rgba(255, 255, 255, 0.6);
    --pagination-border: rgba(0, 0, 0, 0.08);
    --pagination-item-hover-bg: #e9ecef;
    --pagination-text: #6c757d;
    --pagination-active-text: #ffffff;
    --pagination-active-bg: linear-gradient(45deg, #007bff, #6f42c1);
}
body.dark.modern { /* Gecə Rejimi */
    --pagination-bg: rgba(42, 45, 58, 0.7);
    --pagination-border: rgba(58, 59, 93, 0.5);
    --pagination-item-hover-bg: #313543;
    --pagination-text: #a0a8c4;
    --pagination-active-text: #ffffff;
    --pagination-active-bg: linear-gradient(45deg, #0d6efd, #8f62ea);
}

/* --- Əsas Konteyner (ul.pagination) --- */
.pagination-wrapper .pagination {
    background: var(--pagination-bg) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid var(--pagination-border) !important;
    border-radius: 25px !important; /* Tamamilə oval forma */
    padding: 8px !important;
    display: inline-flex !important;
}

/* --- Hər bir element (.page-item) --- */
.pagination-wrapper .page-item {
    margin: 0 3px !important;
}

/* --- Linklər və Nömrələr (.page-link) --- */
.pagination-wrapper .page-link {
    border: none !important;
    background-color: transparent !important;
    color: var(--pagination-text) !important;
    font-weight: 600;
    width: 38px;
    height: 38px;
    border-radius: 50% !important; /* Dairəvi forma */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.pagination-wrapper .page-item:not(.active) .page-link:hover {
    background-color: var(--pagination-item-hover-bg) !important;
    color: var(--text-primary, #212529) !important;
}

/* --- Aktiv Səhifə --- */
.pagination-wrapper .page-item.active .page-link {
    background: var(--pagination-active-bg) !important;
    color: var(--pagination-active-text) !important;
    transform: scale(1.1);
    box-shadow: 0 4px 15px -5px var(--accent-color);
}

/* --- "Disabled" (İşləməyən) Düymələr --- */
.pagination-wrapper .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}




/* =================================================================== */
/* MOBILE BOTTOM NAVIGATION - MODERN STYLES (DAY/NIGHT)      */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --mobile-nav-bg: rgba(255, 255, 255, 0.7);
    --mobile-nav-border: rgba(0, 0, 0, 0.08);
    --mobile-nav-text: #6c757d;
    --mobile-nav-active: #007bff;
    --mobile-badge-bg: #dc3545;
}
body.dark.modern { /* Gecə Rejimi */
    --mobile-nav-bg: rgba(30, 32, 41, 0.75);
    --mobile-nav-border: rgba(58, 59, 93, 0.5);
    --mobile-nav-text: #a0a8c4;
    --mobile-nav-active: #0d6efd;
    --mobile-badge-bg: #ff6b6b;
}

/* --- Ana Naviqasiya Zolağı --- */
.mobile-bottom-nav {
    display: none; /* Desktopda gizli olur */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 1000;

    background-color: var(--mobile-nav-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-top: 1px solid var(--mobile-nav-border) !important;
    
    display: flex;
    align-items: stretch; /* Elementlərin tam hündürlüyü tutması üçün */
    justify-content: space-around;
    padding: 5px 0;
}

/* --- Hər bir menyu bəndi --- */
.mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-decoration: none;
    color: var(--mobile-nav-text);
    font-size: 11px;
    font-weight: 500;
    gap: 4px;
    transition: color 0.2s ease;
}
.mobile-nav-item i {
    font-size: 22px;
    margin-bottom: 2px;
}

/* Aktiv olan bəndin stili */
.mobile-nav-item.active {
    color: var(--mobile-nav-active);
}

/* Səbət üçün xüsusi wrapper və nişan (badge) */
.mobile-nav-item__cart-wrapper {
    position: relative;
}
.mobile-nav-item__badge {
    position: absolute;
    top: -2px;
    right: -8px;
    background-color: var(--mobile-badge-bg);
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Yalnız Mobil Cihazlarda Görünməsi Üçün */
@media (max-width: 991px) {
    .mobile-bottom-nav {
        display: flex !important;
    }
    /* Səhifənin altında boşluq yaradırıq ki, menyu məzmunu örtməsin */
    body {
        padding-bottom: 65px;
    }
}




/* =================================================================== */
/* FINAL AUTH BUTTONS STYLES (DAY/NIGHT THEME)               */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --btn-primary-bg: linear-gradient(45deg, #007bff, #5a00ff);
    --btn-primary-glow: rgba(0, 123, 255, 0.4);
    --btn-secondary-text: #495057;
    --btn-secondary-hover-bg: #dee2e6;
    --btn-secondary-hover-text: #212529;
}
body.dark.modern { /* Gecə Rejimi */
    --btn-primary-bg: linear-gradient(45deg, #0d6efd, #8f62ea);
    --btn-primary-glow: rgba(13, 110, 253, 0.3);
    --btn-secondary-text: #a0a8c4;
    --btn-secondary-hover-bg: #4a4f6a;
    --btn-secondary-hover-text: #ffffff;
}

/* --- Düymələrin Konteyneri --- */
.auth-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}


.action-btn i {
    font-size: 16px !important;
}

/* --- Əsas Düymə (Qeydiyyat) --- */
.action-btn--primary {
    color: #ffffff !important;
    background: var(--btn-primary-bg) !important;
    box-shadow: 0 4px 15px -5px rgba(0,0,0,0.3);
}
.action-btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px -5px var(--btn-primary-glow) !important;
}

/* --- İkinci Dərəcəli Düymə (Giriş) --- */
.action-btn--secondary {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}
.action-btn--secondary:hover {
    background-color: var(--btn-secondary-hover-bg) !important;
    border-color: var(--btn-secondary-hover-bg) !important;
    color: var(--btn-secondary-hover-text) !important;
       transform: translateY(-3px);
    box-shadow: 0 7px 20px -5px var(--btn-primary-glow) !important;
}

/* =================================================================== */
/* HEADER BACKGROUND STYLES (ANIMATED EFFECT)                */
/* =================================================================== */



.header::before,
.header::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    opacity: 0.6;
    filter: blur(100px);
    animation: aurora-flow 15s infinite alternate;
    z-index: -1; /* Məzmunun arxasında qalması üçün */
}

/* Gündüz Rejimi Rəngləri */
.header::before {
    width: 300px;
    height: 300px;
    background-color: #007bff; /* Mavi */
    top: -50px;
    left: -50px;
}

.header::after {
    width: 200px;
    height: 200px;
    background-color: #a855f7; /* Bənövşəyi */
    bottom: -80px;
    right: 50px;
    animation-direction: alternate-reverse;
    animation-delay: 2s;
}

/* Gecə Rejimi Rəngləri */
body.dark.modern .header::before {
    background-color: #6366f1; /* Tünd mavi */
}

body.dark.modern .header::after {
    background-color: #d8b4fe; /* Açıq bənövşəyi */
}

/* Hərəkətli Effekt Animasiyası */
@keyframes aurora-flow {
    0% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(50px, 30px) scale(1.1);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}

.header::before,
.header::after {
    display: none !important;
}

/* Yalnız 768px və daha geniş ekranlarda göstər */
@media (min-width: 768px) {
    .header::before,
    .header::after {
        content: '';
        display: block !important;
        position: absolute;
        border-radius: 50%;
        opacity: 0.6;
        filter: blur(100px);
        animation: aurora-flow 15s infinite alternate;
        z-index: -1;
    }

    .header::before {
        width: 300px;
        height: 300px;
        background-color: #007bff;
        top: -50px;
        left: -50px;
    }

    .header::after {
        width: 200px;
        height: 200px;
        background-color: #a855f7;
        bottom: -80px;
        right: 50px;
        animation-direction: alternate-reverse;
        animation-delay: 2s;
    }

    body.dark.modern .header::before {
        background-color: #6366f1;
    }

    body.dark.modern .header::after {
        background-color: #d8b4fe;
    }
}



/* =================================================================== */
/* HEADER CART BUTTON - MODERN STYLES (DAY/NIGHT THEME)      */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
}
body.dark.modern { /* Gecə Rejimi */
}

/* --- Səbət Düyməsinin Konteyneri --- */
.header_cart {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background-color: var(--icon-btn-bg) !important;
    border: 1px solid var(--icon-btn-border) !important;
    color: var(--icon-btn-text) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.header_cart:hover {
    background-color: var(--icon-btn-hover-bg) !important;
    color: var(--icon-btn-hover-text) !important;
    border-color: var(--accent-color) !important;
}

.header_cart i {
    font-size: 20px !important;
    margin: 0 !important;
}

/* --- Məhsul Sayı Nişanı (Badge) --- */
.septadet.sepetmiktar {
    position: absolute !important;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    background-color: var(--badge-bg) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--header-bg, #1e2029);
}

@media (max-width: 991px) {
    .header_cart {
        display: none !important;
    }
}





:root { /* GÜNDÜZ REJİMİ */
    --header-bg: rgba(255, 255, 255, 0.7);
    --header-border: #e9ecef;
    --dropdown-bg: #ffffff;
    --dropdown-shadow: rgba(0, 0, 0, 0.1);
    --icon-btn-bg: #f8f9fa;
    --icon-btn-border: #dee2e6;
    --icon-btn-text: #495057;
    --icon-btn-hover-bg: #e9ecef;
    --icon-btn-hover-text: #007bff;
    --badge-bg: #dc3545;
}

body.dark.modern { /* GECƏ REJİMİ */
    --accent-glow: rgba(13, 110, 253, 0.3);
    --header-bg: rgba(30, 32, 41, 0.75);
    --header-border: rgba(58, 59, 93, 0.5);
    --dropdown-bg: #222531;
    --dropdown-shadow: rgba(0, 0, 0, 0.3);
    --icon-btn-bg: #2a2d3a;
    --icon-btn-border: #3a3f5a;
    --icon-btn-text: #a0a8c4;
    --icon-btn-hover-bg: #313543;
    --icon-btn-hover-text: #ffffff;
    --badge-bg: #ff6b6b;
}









/* --- Bildiriş Siyahısı --- */
.notifications-list {
    max-height: 400px;
    overflow-y: auto;
}
.notification-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 20px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}
.notification-item:not(:last-child) {
    border-bottom: 1px solid var(--header-border);
}
.notification-item:hover {
    background-color: var(--input-bg);
}
.notification-item.is-new {
    background-color: rgba(13, 110, 253, 0.05);
}
body.dark.modern .notification-item.is-new {
     background-color: rgba(13, 110, 253, 0.1);
}

.notification-item__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--input-bg);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.notification-item.is-new .notification-item__icon {
    background-color: var(--accent-color);
    color: #fff;
}

.notification-item__content {
    flex-grow: 1;
}
.notification-item__title {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 5px 0;
}
.notification-item__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-secondary);
}
.dot-separator {
    width: 3px;
    height: 3px;
    background-color: var(--text-secondary);
    border-radius: 50%;
}

/* --- "Hamısına Bax" Linki --- */
.notifications-dropdown__footer {
    padding: 10px;
    border-top: 1px solid var(--header-border);
    text-align: center;
}
.footer-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}
.footer-link:hover {
    background-color: var(--input-bg);
    color: var(--text-primary);
}

.notifications-list__empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--text-secondary);
}


.header-notifications .action-icon-btn:hover {
    color: var(--accent-color);
    border-color: var(--accent-color);
}




.header-notifications.dropdown-wrapper {
    position: relative !important;
    margin-right: 4px;
}

/* --- Bildiriş Düyməsinin Özü Üçün Stil --- */
.header-notifications .action-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background-color: var(--icon-btn-bg, #2a2d3a) !important;
    border: 1px solid var(--icon-btn-border, #3a3f5a) !important;
    color: var(--icon-btn-text, #a0a8c4) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    position: relative; /* Bildiriş nöqtəsi üçün */
}

.header-notifications .action-icon-btn:hover {
    background-color: var(--icon-btn-hover-bg, #313543) !important;
    color: var(--icon-btn-hover-text, #ffffff) !important;
    border-color: var(--accent-color, #0d6efd) !important;
}

.header-notifications .action-icon-btn i {
    font-size: 20px !important;
}

/* --- Bildiriş Sayı Nişanı (Badge) --- */
.header-notifications .notification-dot {
    position: absolute !important;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    background-color: var(--badge-bg, #ff6b6b) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--header-bg, #1e2029);
}



/* =================================================================== */
/* HEADER DROPDOWNS (NOTIFICATIONS & MESSAGES) FINAL STYLES  */
/* =================================================================== */

/* --- Bütün Icon Düymələrinin Ümumi Stili --- */
.action-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background-color: var(--input-bg) !important;
    border: 1px solid var(--header-border) !important;
    color: var(--text-secondary) !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    position: relative;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.action-icon-btn:hover {
    color: var(--icon-btn-hover-text) !important;
    border-color: var(--accent-color) !important;
}



/* Bildiriş Sayı Nişanı */
.notification-dot {
    position: absolute !important;
    top: 5px; right: 5px;
    min-width: 18px; height: 18px;
    background-color: var(--badge-bg, #dc3545) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    display: flex; align-items: center; justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--header-bg);
}


/* --- Dropdown Pəncərəsi (Bildiriş və Mesajlar üçün ortaq) --- */
.notifications-dropdown {
    width: 360px !important;
    background-color: var(--dropdown-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--header-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px var(--dropdown-shadow) !important;
    margin-top: 15px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.notifications-dropdown__header {
    padding: 15px 20px !important;
    border-bottom: 1px solid var(--header-border) !important;
}
.notifications-dropdown__title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}

/* --- Siyahı --- */
.notifications-list {
    max-height: 400px !important;
    overflow-y: auto !important;
}
.notification-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
}
.notification-item:not(:last-child) {
    border-bottom: 1px solid var(--header-border) !important;
}
.notification-item:hover {
    background-color: var(--input-bg) !important;
}
.notification-item.is-new {
    background-color: rgba(13, 110, 253, 0.05) !important;
}
body.dark.modern .notification-item.is-new {
     background-color: rgba(13, 110, 253, 0.1) !important;
}

.notification-item__icon,
.notification-item__avatar {
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: var(--input-bg) !important;
    color: var(--text-secondary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    overflow: hidden;
}
.notification-item__avatar img {
    width: 100%; height: 100%; object-fit: cover;
}

.notification-item.is-new .notification-item__icon {
    background-color: var(--accent-color) !important;
    color: #fff !important;
}

.notification-item__content {
    flex-grow: 1 !important;
}
.notification-item__title, .notification-item__sender {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    margin: 0 0 5px 0 !important;
}
.notification-item__meta, .notification-item__header {
    display: flex !important;
    justify-content: space-between;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: var(--text-secondary) !important;
}
.notification-item__message {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 5px 0 0 0;
}
.dot-separator {
    width: 3px !important; height: 3px !important;
    background-color: var(--text-secondary) !important;
    border-radius: 50% !important;
}

/* --- Footer Linki --- */
.notifications-dropdown__footer {
    padding: 10px !important;
    border-top: 1px solid var(--header-border) !important;
    text-align: center !important;
}
.footer-link {
    display: inline-flex !important; align-items: center !important;
    gap: 8px !important; padding: 8px 12px !important; border-radius: 6px !important;
    color: var(--text-secondary) !important; text-decoration: none !important;
    font-weight: 500 !important; transition: all 0.2s ease !important;
}
.footer-link:hover {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
}
.notifications-list__empty {
    padding: 40px 20px !important;
    text-align: center !important;
    color: var(--text-secondary) !important;
}







/* =================================================================== */
/* HEADER USER DROPDOWN - FINAL REFACTORED STYLES            */
/* =================================================================== */

/* --- Düymənin Özü --- */
.user-menu-trigger {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: var(--input-bg, #2a2d3a) !important;
    padding: 6px 15px 6px 6px !important;
    border-radius: 25px !important;
    border: 1px solid var(--header-border, #3a3f5a) !important;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.user-menu-trigger:hover {
    border-color: var(--accent-color, #0d6efd) !important;
}

.user-menu-avatar {
    width: 32px; height: 32px; border-radius: 50%;
    background: var(--accent-gradient, linear-gradient(45deg, #0d6efd, #8f62ea));
    color: #fff; font-weight: 600; font-size: 16px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.user-menu-info { display: flex; flex-direction: column; line-height: 1.3; text-align: left; }
.user-menu-info__title { color: var(--text-primary); font-weight: 500; font-size: 14px; }
.user-menu-info__name { color: var(--text-secondary); font-size: 12px; }
.user-menu-arrow { color: var(--text-secondary); font-size: 12px; margin-left: 5px; }

/* --- Açılan Menyu --- */
.user-menu-dropdown {
    width: 260px !important;
    background-color: var(--dropdown-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--header-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px var(--dropdown-shadow) !important;
    margin-top: 10px !important;
    padding: 8px !important;
}
.user-menu-nav {
    display: flex; flex-direction: column;
}
.user-menu-nav__link {
    display: flex !important; align-items: center !important; gap: 12px !important;
    padding: 4px 4px !important; border-radius: 6px !important;
    color: var(--text-secondary) !important; text-decoration: none !important;
    font-weight: 500; font-size: 15px;
    transition: all 0.2s ease;
}
.user-menu-nav__link:hover {
    background-color: var(--input-bg);
    color: var(--text-primary);
}
.user-menu-nav__link i { font-size: 20px; width: 22px; text-align: center; }

.user-menu-nav__divider {
    height: 1px;
    background-color: var(--header-border);
    margin: 8px 12px;
}
.user-menu-nav__link.is-logout:hover {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: var(--danger-color, #dc3545) !important;
}





/* =================================================================== */
/* HEADER - PLAYER MARKET BUTTON STYLES                      */
/* =================================================================== */

/* Düymə üçün ümumi stil (əgər action-btn üçün artıq varsa, bu lazım deyil) */
.action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    height: 48px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.25s ease-out !important;
}

/* Xüsusi olaraq "Oyuncu Bazarı" düyməsi */
.action-btn--bazar {
    color: #ffffff !important;
    background: var(--accent-gradient) !important; /* Əsas qradientimiz */
    box-shadow: 0 4px 15px -5px rgba(0,0,0,0.3);
}

.action-btn--bazar:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px -5px var(--accent-glow) !important; /* Parıltı effekti */
}








/* =================================================================== */
/* HEADER SEARCH BAR - MODERN STYLES (DAY/NIGHT THEME)       */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --search-bg: #f0f2f5;
    --search-border: #dee2e6;
    --search-text-primary: #212529;
    --search-text-secondary: #6c757d;
    --search-accent-color: #007bff;
}
body.dark.modern { /* Gecə Rejimi */
    --search-bg: #2a2d3a;
    --search-border: #3a3f5a;
    --search-text-primary: #f0f0f0;
    --search-text-secondary: #a0a8c4;
    --search-accent-color: #0d6efd;
}

/* --- Axtarış Qutusunun Konteyneri --- */
.ht_navbar_search {
    flex-grow: 1; /* Mümkün olan bütün boşluğu tutur */
    margin: 0 20px;
}
.search {
    width: 100%;
    max-width: 600px; /* Maksimum eni */
    margin: 0 auto; /* Mərkəzləşdirir */
}

/* --- Axtarış Başlığı (input və düymələr) --- */
.search__head {
    display: flex !important;
    align-items: center !important;
    background-color: var(--search-bg) !important;
    border: 1px solid var(--search-border) !important;
    border-radius: 25px !important; /* Tam oval forma */
    padding: 0 5px 0 20px !important;
    height: 48px;
    transition: all 0.2s ease;
}
.search__head:focus-within { /* Fokuslandıqda */
    border-color: var(--search-accent-color) !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
}

/* --- Axtarış Inputu --- */
.search__input {
    flex-grow: 1 !important;
    background: transparent !important;
    border: none !important;
    color: var(--search-text-primary) !important;
    font-size: 15px !important;
    height: 100% !important;
    padding: 0 !important;
}
.search__input:focus {
    outline: none !important;
}
.search__input::placeholder {
    color: var(--search-text-secondary);
}

/* --- Axtarış Düyməsi --- */
.search__start {
    background: var(--search-accent-color) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto; /* İkonu sağa yaslayır */
    order: 2; /* Sıralamada inputdan sonra gəlir */
}
.search__start svg {
    width: 18px;
    height: 18px;
}
.search__start .icon-search {
    fill: #ffffff !important;
}

/* Artıq düymələri gizlədirik */
.search__direction,
.search__close {
    display: none !important;
}

/* --- Axtarış Nəticələri --- */
/* Bu hissənin dizaynı əvvəlki cavabdakı kimidir */
.search__body {
    background-color: var(--dropdown-bg, #222531) !important;
    border: 1px solid var(--header-border, #3a3f5a) !important;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    margin-top: 10px;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}











/* =================================================================== */
/* CATEGORY HERO SECTION - MODERN STYLES (DAY/NIGHT THEME)   */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --hero-overlay-bg: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
    --hero-text-primary: #212529;
}
body.dark.modern { /* Gecə Rejimi */
    --hero-overlay-bg: linear-gradient(90deg, rgba(22, 24, 30, 0.95) 0%, rgba(22, 24, 30, 0.7) 50%, transparent 100%);
    --hero-text-primary: #ffffff;
}

/* --- Əsas Konteyner (.game_info) --- */
.game_info {
    position: relative !important;
    padding: 40px 0 !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Şəklin üzərindəki qradient overlay */
.game_info::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: var(--hero-overlay-bg) !important;
    z-index: 1;
}

/* --- Məzmun Konteyneri (.inner) --- */
.game_info .inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0 40px; /* Daxili boşluq */
}

/* --- Sol Tərəf: Oyunun İkonu/Loqosu --- */
.game_info .game_cover {
    flex-shrink: 0;
}
.game_info .game_cover .cover {
    width: 120px;
    height: 120px;
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 10px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.game_info .game_cover .cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.game_info .info h1 {
    color: var(--hero-text-primary) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

/* --- Mobil Görünüş --- */
@media (max-width: 768px) {
    .game_info .inner {
        flex-direction: column;
        text-align: center;
        padding: 0 20px;
    }
    .game_info .game_cover .cover {
        width: 100px;
        height: 100px;
    }
    .game_info .info h1 {
        font-size: 32px !important;
    }
}

/* =================================================================== */
/* SHOPPING CART - FINAL MODERN STYLES (EXISTING HTML)       */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --text-primary2: #212529;
    --text-secondary2: #6c757d;
    --danger-color: #dc3545;
}
body.dark.modern { /* Gecə */
    --page-bg: #16181e;
    --card-bg: rgba(42, 45, 58, 0.7);
    --card-border: rgba(58, 59, 93, 0.5);
    --text-primary2: #f0f0f0;
    --text-secondary2: #a0a8c4;
    --input-bg: #222531;
    --danger-color: #ff6b6b;
    --bg-blur-1: rgba(13, 110, 253, 0.2);
    --bg-blur-2: rgba(76, 175, 80, 0.15);
}

/* --- Hərəkətli Arxa Fon --- */
@keyframes aurora-flow-cart {
    0% { transform: translateY(0); }
    100% { transform: translateY(50px); }
}

/* --- Ana Konteyner --- */
.drafts.card {
    background-color: var(--page-bg) !important;
    padding: 25px !important; border-radius: 16px !important;
    border: none !important; position: relative; overflow: hidden;
}
.drafts.card::before, .drafts.card::after {
    content: ''; position: absolute; border-radius: 50%;
    filter: blur(150px); z-index: 0;
    animation: aurora-flow-cart 20s infinite alternate;
}
.drafts.card::before { width: 50vw; height: 50vh; background: var(--bg-blur-1); top: 0; left: 0; }
.drafts.card::after { width: 45vw; height: 45vh; background: var(--bg-blur-2); bottom: 0; right: 0; animation-direction: alternate-reverse;}

/* --- Səbət Başlığı --- */
.card__head {
    display: flex; justify-content: space-between; align-items: center;
    padding: 15px 20px; margin-bottom: 20px;
    background: var(--card-bg); backdrop-filter: blur(15px);
    border: 1px solid var(--card-border); border-radius: 12px;
    position: relative; z-index: 1;
}
.card__title { font-size: 20px; font-weight: 600; color: var(--text-primary2) !important; }
.card__title i { color: var(--accent-color) !important; }



/* --- Hər Bir Məhsul Sətri --- */
.schedule__row[data-product-id] {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 12px !important;
    padding: 15px 20px !important; margin-bottom: 15px !important;
    transition: all 0.2s ease; position: relative; z-index: 1;
}
.schedule__row[data-product-id]:hover {
    border-color: var(--accent-color) !important; transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}


/* Məhsul Info */
.schedule__item { display: flex; align-items: center; gap: 15px; }
.schedule__preview img { width: 50px; height: 50px; border-radius: 8px; object-fit: cover; }
.schedule__product a { color: var(--text-primary2) !important; font-weight: 500; text-decoration: none; }
.schedule__price { color: var(--text-secondary2) !important; font-size: 13px; }
.cart_price_div .schedule__price { font-size: 16px; font-weight: 600; color: var(--text-primary2) !important; }

/* Sayğac */
.schedule__quantity_calc { display: flex; align-items: center; background: var(--input-bg); border-radius: 8px; border: 1px solid var(--card-border); }
.schedule__minus_btn, .schedule__plus_btn { width: 30px; height: 30px; border: none; background: transparent; color: var(--text-secondary2); font-size: 18px; cursor: pointer; }
.schedule__quantity { width: 40px; text-align: center; background: transparent; border: none; color: var(--text-primary2); font-weight: 600; }

/* Digər Sütunlar */
.schedule__col_date .schedule__date { font-size: 14px; color: var(--text-secondary2); }
.schedule__col_details .field__input {
    background: var(--input-bg) !important; border: 1px solid var(--card-border) !important;
    color: var(--text-primary2) !important; border-radius: 8px !important; padding: 10px 15px !important;
    width: 100%;
}
.schedule__control .schedule__button { background: transparent; border: none; color: var(--text-secondary2); font-size: 18px; cursor: pointer; }
.schedule__control .schedule__button:hover { color: var(--danger-color); }

/* Müasir Checkbox */
.checkbox__input { display: none; }
.checkbox__inner { width: 20px; height: 20px; border: 2px solid var(--card-border); background-color: var(--input-bg); border-radius: 6px; display: inline-block; position: relative; cursor: pointer; }
.checkbox__input:checked + .checkbox__inner .checkbox__tick { opacity: 1; }
.checkbox__tick {
    position: absolute; top: 1px; left: 5px; width: 6px; height: 12px;
    border: solid var(--accent-color); border-width: 0 3px 3px 0;
    transform: rotate(45deg); opacity: 0; transition: opacity 0.2s ease;
}

@media (max-width: 768px) {
  .schedule__row_contains {
    flex-direction: column !important;
    align-items: center !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .schedule__col {
    width: 100% !important;
    text-align: center !important;
  }

  .checkbox {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
  }

  .schedule__item {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .schedule__preview img {
    width: 80px !important;
    height: auto !important;
    margin-bottom: 8px !important;
  }

  .schedule__product a {
    font-size: 15px !important;
    font-weight: 600 !important;
    display: block !important;
  }

  .schedule__quantity_calc {
    display: flex !important;
    justify-content: center !important;
    margin-top: -3px !important;
    width: 100% !important;
  }

  .cart_price_div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .schedule____price {
    text-align: center !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-top: 4px !important;
  }

  .schedule__price {
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .schedule__col_date {
    text-align: center !important;
    font-size: 13px !important;
    opacity: 0.9 !important;
    margin-top: 4px !important;
  }

  .schedule__control {
    display: flex !important;
    justify-content: center !important;
    margin-top: 12px !important;
    width: 100% !important;
  }
  .cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
  
    width: inherit;
   
}

  .schedule__col_details {
    width: 100% !important;
  }
  .schedule__control .schedule__button {
   
    margin-right: -27px;
}



  .schedule__product a {
    display: block !important;
    font-size: 16px !important;
    margin-top: 4px !important;
  }

  .schedule__date {
    margin-top: 4px !important;
    font-size: 13px !important;
    text-align: center !important;
  }
}

    @media (max-width: 768px) {
    .popup__wrap {
        max-height: 100vh !important;
      
        top: 0;
        transform: none !important;
        height: 100% !important;
        border-radius: 0 !important;
    }

    .popup {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: 20px;
    }
    .schedule__col_details .schedule__control {
    top: calc(85% + 6px)
}

}

/* =================================================================== */
/* CART FOOTER PANEL - FINAL POSITION FIX                    */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --panel-bg: #ffffff;
    --panel-border: #e9ecef;
    --panel-text: #212529;
    --btn-danger-bg: #dc3545;
    --btn-success-bg: #28a745;
}
body.dark.modern { /* Gecə */
    --panel-bg: #2a2d3a;
    --panel-border: #3a3f5a;
    --panel-text: #f0f0f0;
    --btn-danger-bg: #ff6b6b;
    --btn-success-bg: #5dd261;
}

/* --- Əsas Panel Konteyneri --- */
.panel {
    /* DƏYİŞİKLİK: position:fixed ləğv edildi */
    margin-top: 25px !important;
    width: 100% !important;

    background-color: var(--panel-bg) !important;
    border: 1px solid var(--panel-border) !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05) !important;
    
    padding: 20px !important;
    border-radius: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0;
}

/* --- Sol Tərəf: Məlumat --- */
.panel__info {
    color: var(--panel-text);
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.panel__info .icon {
    width: 20px;
    height: 20px;
    fill: var(--panel-text);
}

/* --- Sağ Tərəf: Düymələr --- */
.panel__btns {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Düymələr üçün ümumi stil */
.panel__btns .cart-button,
.panel__btns .btn-confirm-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer;
    transition: all 0.2s ease;
}
.panel__btns .cart-button:hover,
.panel__btns .btn-confirm-cart:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

/* "Səbəti təmizləyin" düyməsi */
.panel__btns .btn-clear-cart {
    background-color: var(--btn-danger-bg) !important;
}

/* "Sifarişi Təsdiqlə / Daxil ol" düyməsi */
.panel__btns .btn-confirm-cart {
    background: var(--accent-gradient) !important;
}




/* =================================================================== */
/* MODERN SWEETALERT2 STYLES (DAY/NIGHT THEME)               */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --modal-text-primary: #212529;
    --modal-text-secondary: #6c757d;
    --modal-btn-confirm-bg: #dc3545;
    --modal-btn-cancel-bg: #e9ecef;
    --modal-btn-cancel-text: #495057;
    --modal-btn-cancel-hover-bg: #dee2e6;
}
body.dark.modern { /* Gecə */
    --modal-text-primary: #f0f0f0;
    --modal-text-secondary: #a0a8c4;
    --modal-btn-confirm-bg: #ff6b6b;
    --modal-btn-cancel-bg: #3a3f5a;
    --modal-btn-cancel-text: #a0a8c4;
    --modal-btn-cancel-hover-bg: #4a4f6a;
}

/* --- Arxa Fon Overlay --- */
.swal2-container.swal2-backdrop-show {
    background: rgba(0,0,0,0.5) !important;
}

/* --- Əsas Pəncərə --- */
.swal2-popup.swal2-modal {
    background: var(--modal-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--modal-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* --- Başlıq və Mətn --- */
.swal2-title {
    color: var(--modal-text-primary) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}
.swal2-html-container {
    color: var(--modal-text-secondary) !important;
    font-size: 16px !important;
}

/* --- Düymələr --- */
.swal2-actions {
    gap: 15px !important;
    margin-top: 25px !important;
}

/* Bütün düymələr üçün ümumi stil */
.swal2-styled {
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}
.swal2-styled:focus {
    box-shadow: none !important;
}
.swal2-styled:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

/* Təsdiq Düyməsi (Bəli Sil) */
.swal2-styled.swal2-confirm {
    background-color: var(--modal-btn-confirm-bg) !important;
    color: #ffffff !important;
}

/* Ləğv Etmə Düyməsi */
.swal2-styled.swal2-cancel {
    background-color: var(--modal-btn-cancel-bg) !important;
    color: var(--modal-btn-cancel-text) !important;
}
.swal2-styled.swal2-cancel:hover {
    background-color: var(--modal-btn-cancel-hover-bg) !important;
}





/* =================================================================== */
/* "ADD TO CART" MODAL - MODERN STYLES (DAY/NIGHT THEME)     */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --modal-bg: rgba(255, 255, 255, 0.7);
    --modal-border: rgba(0, 0, 0, 0.08);
    --text-primary: #212529;
    --btn-secondary-bg: #e9ecef;
    --btn-secondary-border: #dee2e6;
}
body.dark.modern { /* Gecə Rejimi */
    --modal-bg: rgba(30, 32, 41, 0.8);
    --modal-border: rgba(58, 59, 93, 0.5);
    --text-primary: #f0f0f0;
    --text-secondary: #a0a8c4;
    --accent-gradient: linear-gradient(45deg, #0d6efd, #8f62ea);
    --btn-secondary-bg: #3a3f5a;
    --btn-secondary-border: #4a4f6a;
}

/* --- Əsas Modal Pəncərəsi --- */
.modal-content {
    background-color: var(--modal-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--modal-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* Modal Başlığı */
.modal-header {
    border-bottom: 1px solid var(--modal-border) !important;
    padding: 15px 25px !important;
}
.modal-header .modal-title {
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.modal-header .close, .modal-header .btn-close {
    filter: var(--is-dark, invert(1)); /* Gecə/gündüz rejiminə uyğunlaşdırır */
}
body:not(.dark) { --is-dark: invert(0); }


/* Modal Məzmunu */
.modal-body {
    padding: 25px !important;
    color: var(--bs-body-bg);

}
.modal-body .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.product-div {
    display: flex;
    align-items: center;
    gap: 15px;
}
.product-div .primg {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover;
}
.cart-modal-name .category-name {
    display: block;
    font-size: 13px;
    color: var(--text-secondary);
}
.cart-modal-name .product-name {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

/* Düymələr */
.cart-div {
    display: flex;
    gap: 10px;
}
.cart-div .button.btn-primary {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
}
.cart-div .btn-grey {
    background: var(--btn-secondary-bg) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--btn-secondary-border) !important;
    border-radius: 8px;
    padding: 10px 20px;
}

/* Ayırıcı Xətt */
.modal-body hr {
    border-color: var(--modal-border) !important;
    margin: 25px 0 !important;
}

/* Oxşar Məhsullar */
.same-product-div h5 {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 20px;
}
.same-product-div .product-list {
    gap: 15px;
}
/* Oxşar məhsul kartlarını, ana səhifədəki kartlara bənzədirik */
.same-product-div .product-item {
    background-color: var(--card-bg, #2a2d3a) !important;
    border: 1px solid var(--card-border, #3a3f5a) !important;
    border-radius: 10px !important;
    padding: 15px !important;
    transition: all 0.2s ease;
}
.same-product-div .product-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.same-product-div .product-item a {
    text-decoration: none;
}
.same-product-div .product-info h6 {
    color: var(--text-primary) !important;
    font-size: 14px;
    margin: 10px 0;
}
.same-product-div .product-price .price p {
    color: var(--accent-color) !important;
    font-weight: 600;
}


/* =================================================================== */
/* IN-CART BADGE POSITIONING FIX                             */
/* =================================================================== */

/* Şəkil Konteynerinə mövqe vermək üçün */
.pro-card__preview {
    position: relative !important;
}

/* Nişanın özünün stili və mövqeyi */
.pro-card__cart-indicator {
    position: absolute !important;
    top: 12px;
    right: 12px;
    
    background-color: var(--status-success, #198754) !important; /* Təsdiq üçün yaşıl rəng */
    color: #ffffff !important;
    
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px;
    border: 2px solid var(--card-bg, #ffffff);
    z-index: 2;
}

/* Nişanın içindəki check ikonu (əgər varsa) */
.pro-card__cart-indicator .fa-check {
    margin-right: 4px; /* Rəqəmlə arasında boşluq */
}

/* Əgər miqdar 1-dirsə, check ikonunu göstər, rəqəmi gizlət */
.pro-card__cart-indicator .custom-cart-quantity[data-quantity="1"] {
    display: none;
}
.pro-card__cart-indicator .custom-cart-quantity:not([data-quantity="1"]) + .fa-check {
    display: none;
}




/* =================================================================== */
/* "SIMILAR PRODUCTS" MODERN STYLES (EXISTING HTML)          */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz Rejimi */
    --similar-card-bg: #ffffff;
    --similar-card-border: #e9ecef;
    --similar-title-color: #212529;
    --similar-price-color: #007bff;
}
body.dark.modern { /* Gecə Rejimi */
    --similar-card-bg: #2a2d3a;
    --similar-card-border: #3a3f5a;
    --similar-title-color: #f0f0f0;
    --similar-price-color: #0d6efd;
}

/* --- Bölmənin ümumi konteyneri --- */
.gmx-card {
    background: transparent !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid var(--nav-border-color, #3a3f5a) !important;
    margin-top: 30px;
}

/* --- Bölmə Başlığı --- */
.gmx-card .card__head {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--card-border, #3a3f5a);
}
.gmx-card .card__title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-primary, #f0f0f0) !important;
}

/* --- Kartların Grid Quruluşu --- */
.custom-products-container.row {
    gap: 20px 0; /* Sətirlər arası boşluq */
}

/* --- Tək Məhsul Kartı --- */
.custom-product-card {
    background-color: var(--similar-card-bg) !important;
    border: 1px solid var(--similar-card-border) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}
.custom-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    border-color: var(--accent-color);
}

/* Kartın Şəkli */
.custom-product-preview {
    aspect-ratio: 1 / 1;
    margin-bottom: 15px;
}
.custom-product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Kartın Məzmunu */
.custom-product-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.custom-product-title a.custom-product-name {
    color: var(--similar-title-color) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none;
}
.custom-product-line {
    margin-top: auto !important; /* Başlığı həmişə qiymətin üstündə saxlayır */
}
.custom-product-price .price p.new {
    color: var(--similar-price-color) !important;
    font-weight: 600 !important;
    font-size: 16px;
    margin-top: 10px;
}



/* Modal arxa fonunu deaktiv et */
.modal-backdrop {
    position: static !important;
    background: transparent !important;
    height: 0 !important;
    display: none !important;
}

/* Body scroll açıq qalsın */
body.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
}

/* Modal animasiya */
.modal.show .modal-dialog {
    /* animation: fadeIn 0.3s ease-in-out; */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 9999;
    width: 100%;
}

/* FadeIn animasiya */
@keyframes fadeIn {
    from { opacity: 0; transform: translate(-50%, -30%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}

/* Mobil görünüş üçün ölçüləri daha dar et */
@media (max-width: 576px) {
    .modal.show .modal-dialog {
        width: 95% !important;
        max-width: 95% !important;
    }
}

/* =================================================================== */
/* SUPPORT/MESSAGES PAGE - MODERN REDESIGN (CSS-ONLY)        */
/* =================================================================== */



/* --- Ana Mesajlaşma Konteyneri --- */
.messages.active {
    display: flex !important;
    gap: 25px !important;
    background-color: var(--page-bg) !important;
    padding: 20px !important;
    border-radius: 16px !important;
    border: 1px solid var(--card-border) !important;
    height: 80vh !important; /* Hündürlüyü artırırıq */
}

/* --- Sol Tərəf: Mesajların Siyahısı --- */
.messages__users {
    flex: 0 0 320px; /* Sabit en */
    background: var(--card-bg);
    backdrop-filter: blur(15px);
    border: 1px solid var(--card-border);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}
.messages__nav {padding: 15px;border-bottom: 1px solid var(--card-border);background: 0 !important;}
.messages__link {
    display: contents !important;
    padding: 10px 15px;
    border-radius: 8px;
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    font-weight: 600;
    text-decoration: none;
    box-shadow: none !important;
}
.messages__list { overflow-y: auto; padding: 10px; }
.messages__item {
    display: flex; align-items: center; gap: 15px;
    padding: 12px; border-radius: 8px; margin-bottom: 8px;
    transition: background-color 0.2s ease;
}
.messages__item a { text-decoration: none; display: flex; align-items: center; gap: 15px; width: 100%;}
.messages__item:hover { background-color: var(--input-bg); }
.messages__item.active { background: var(--accent-gradient) !important; }
.messages__avatar img { width: 45px; height: 45px; border-radius: 50%; }
.messages__man { font-weight: 500; color: var(--text-primary) !important; }
.messages__item.active .messages__man, .messages__item.active .messages__content { color: #fff !important; }
.messages__content {
    font-size: 13px; color: var(--text-secondary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* --- Sağ Tərəf: Aktiv Çat Pəncərəsi --- */
.messages__messenger {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: var(--card-bg);
    backdrop-filter: blur(15px);
    border: 1px solid var(--card-border) !important;
    border-radius: 12px;
    overflow: hidden;
}
.messenger__panel { padding: 15px 20px; border-bottom: 1px solid var(--card-border); }
.messenger__line { display: flex; justify-content: space-between; align-items: center; }
.messenger__man { font-size: 18px; font-weight: 600; color: var(--text-primary); }
.messenger__parameters { display: flex; gap: 20px; margin-top: 10px; font-size: 13px; color: var(--text-secondary); }
.messenger__wrapper { flex-grow: 1; padding: 20px; overflow-y: auto; }
.messenger__item { display: flex; gap: 15px; margin-bottom: 20px; max-width: 80%; }
.messenger__details { padding: 12px 18px; border-radius: 12px; }
.messenger__item:not([align="right"]) .messenger__details { background: var(--input-bg); } /* Adminin cavabı */
.messenger__item[align="right"] { margin-left: auto; flex-direction: row-reverse; }
.messenger__item[align="right"] .messenger__details { background: var(--accent-color); color: #fff; }
.messenger__item[align="right"] .messenger__details * { color: #fff !important; }

/* Mesaj Yazma Forması */
.support_send_form { padding: 20px; border-top: 1px solid var(--card-border); }
.messenger__input {
    width: 100% !important;
    min-height: 100px;
    background: var(--input-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 12px !important;
}
.messenger__send.mb-2 {display: flex;justify-content: space-between;align-items: center;margin-top: 10px !important;}
.messenger__button {
    background: var(--accent-gradient);
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 600;
}

/* Mobil Görünüş */
@media (max-width: 992px) {
    .messages.active {
        flex-direction: column;
        height: auto;
        max-height: none;
    }
    .messages__users {
        flex: 0 0 auto; /* Hündürlüyü məzmuna görə olsun */
        max-height: 300px; /* Çox mesaj olanda skrol yaransın */
    }
    .messages__messenger {
        height: 60vh; /* Mobildə hündürlüyü məhdudlaşdırırıq */
    }
}





.gms-stories-wrapper {
  padding: 10px 0;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.gms-stories-wrapper::-webkit-scrollbar {
  display: none;
}

.gms-story-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 0 16px;
}

.gms-story-item {
  width: 80px;
  flex-shrink: 0;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gms-story-item:hover {
  transform: scale(1.07);
  box-shadow: 0 0 0 3px var(--color-primary), 0 4px 12px rgba(0, 0, 0, 0.2);
}

.gms-story-link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.gms-story-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(13,110,253,0.3), rgba(255,255,255,0.05));
  z-index: 1;
  transition: background 0.3s ease;
}

.gms-story-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  position: relative;
  border-radius: 50%;
  transition: opacity 0.2s ease;
}



.gms-stories-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none; /* Firefox üçün */
  -ms-overflow-style: none; /* IE/Edge üçün */
}
.gms-stories-wrapper::-webkit-scrollbar {
  display: none; /* Chrome/Safari üçün */
}

.gms-story-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 0 16px;
}
.gms-stories-wrapper {
  scroll-snap-type: x mandatory;
}
.gms-story-item {
  scroll-snap-align: start;
}
@media (max-width: 480px) {
  .gms-story-item {
    width: 65px;
  }
}



/* =================================================================== */
/* MODERN STORIES SLIDER - V2.1 WITH MOBILE TOUCH FIX        */
/* =================================================================== */

/* --- Rəng Dəyişənləri (olduğu kimi qalır) --- */
:root {
    --story-border-start: #ff8c00;
    --story-border-end: #ff5722;
}
body.dark.modern {
    --story-border-start: #8f62ea;
    --story-border-end: #0d6efd;
}

/* --- Ana Konteyner --- */
.modern-stories-container {
    padding: 20px 0;
}
.stories-list {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 10px 15px;
 
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.stories-list::-webkit-scrollbar {
    display: none;
}

/* --- Tək Hekayə Elementi --- */
.story-item-v2 {
    position: relative;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.story-item-v2:hover {
    transform: scale(1.1);
}

/* Hərəkətli Çərçivə (DÜZƏLİŞ EDİLDİ) */
.story-item-v2__border {
    position: absolute;
    top: -4px; left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(45deg, var(--story-border-start), var(--story-border-end));
    animation: spin-border 4s linear infinite;
    transition: all 0.3s ease;
    pointer-events: none; /* VACİB DÜZƏLİŞ: Klikləri arxadakı <a>-ya ötürür */
}
.story-item-v2:hover .story-item-v2__border {
    transform: scale(1.05);
    animation-play-state: paused;
}

@keyframes spin-border {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Şəkil Konteyneri (DÜZƏLİŞ EDİLDİ) */
.story-item-v2__image-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border: 3px solid var(--page-bg, #16181e);
    pointer-events: none; /* VACİB DÜZƏLİŞ: Klikləri arxadakı <a>-ya ötürür */
}
.story-item-v2__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Mobil Görünüş */
@media (max-width: 768px) {
    .story-item-v2 {
        width: 70px;
        height: 70px;
    }
    .stories-list {
        gap: 20px;
    }
}



/* =================================================================== */
/* GIVEAWAYS / RAFFLES - MODERN STYLES (CSS-ONLY)            */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
 
    --accent-orange: #ff8c00; --accent-green: #28a745;
}
body.dark.modern { /* Gecə */
 
    --accent-orange: #f0ad4e; --accent-green: #5dd261;
}

/* --- Ana Kart (.item--box) --- */
.item--box.ilanborder {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s ease !important;
}
.item--box.ilanborder:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* --- Kart Başlığı (.head) --- */
.item--box .head {
    display: flex; align-items: center; gap: 15px;
    padding-bottom: 15px; margin-bottom: 15px;
    border-bottom: 1px solid var(--card-border);
}
.item--box .head .image img { width: 55px !important; height: 55px !important; border-radius: 10px; }
.item--box .head .text h1 { font-size: 18px !important; font-weight: 600 !important; color: var(--text-primary) !important; }

/* --- Kart Gövdəsi (.body) --- */
.item--box .body .row { justify-content: center; }
.item--box .body .btn-default.boxsh {
    background: transparent !important; border: 1px solid var(--card-border) !important;
    color: var(--text-secondary) !important; border-radius: 8px !important;
    padding: 8px 5px !important; line-height: 1.4 !important;
}
.item--box .body .btn-default.boxsh b { color: var(--text-primary); }

/* Verilən Hədiyyə Hissəsi */
.icalan { border-top: 1px solid var(--card-border); margin-top: 15px; padding-top: 15px; }
.icalan img { width: 100% !important; max-width: 80px; margin: 0 auto 10px auto; display: block; border-radius: 8px; }
.icalan p { font-size: 13px; color: var(--text-secondary); text-align: center; }

/* Geri Sayım Taymeri */
#countdown1 { margin-top: 15px !important; }
#countdown1 .btn-default.boxsh { width: 60px; } /* Taymer düymələrini səliqəyə salırıq */

/* Qoşul/Detal Düymələri */
.item--box .body > .row:last-of-type { margin-top: 20px; }
.item--box .btn-success { background-color: var(--accent-green) !important; border: none !important; }
.item--box .btn-orange { background-color: var(--accent-orange) !important; border: none !important; }



/* =================================================================== */
/* GIVEAWAY CARD - ACTION BUTTONS MODERN STYLES              */
/* =================================================================== */


/* --- Düymələrin Konteyneri --- */
.giveaway-card__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* 2 bərabər sütun */
    gap: 10px !important;
    margin-top: 20px !important;
}

/* --- Bütün Düymələr Üçün Ümumi Stil --- */
.giveaway-card__actions .action-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

/* --- Əsas Düymə (Qoşulun) --- */
.giveaway-card__actions .action-button--primary {
    background: var(--btn-primary-bg) !important;
    color: #ffffff !important;
}
.giveaway-card__actions .action-button--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--btn-primary-glow);
}
.giveaway-card__actions .action-button--primary:hover i {
    transform: translateX(3px);
}

/* --- İkinci Dərəcəli Düymə (Detallar) --- */
.giveaway-card__actions .action-button--secondary {
    background: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-text) !important;
    border-color: var(--btn-secondary-border) !important;
}
.giveaway-card__actions .action-button--secondary:hover {
    background-color: var(--btn-secondary-hover-bg) !important;
    color: var(--text-primary) !important;
}



.giveaway-card__actions2 {
    display: grid !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

/* --- Bütün Düymələr Üçün Ümumi Stil --- */
.giveaway-card__actions2 .action-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

/* --- Əsas Düymə (Qoşulun) --- */
.giveaway-card__actions2 .action-button--primary {
    background: var(--btn-primary-bg) !important;
    color: #ffffff !important;
}
.giveaway-card__actions2 .action-button--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--btn-primary-glow);
}
.giveaway-card__actions2 .action-button--primary:hover i {
    transform: translateX(3px);
}

/* --- İkinci Dərəcəli Düymə (Detallar) --- */
.giveaway-card__actions2 .action-button--secondary {
    background: var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-text) !important;
    border-color: var(--btn-secondary-border) !important;
}
.giveaway-card__actions2 .action-button--secondary:hover {
    background-color: var(--btn-secondary-hover-bg) !important;
    color: var(--text-primary) !important;
}

/* =================================================================== */
/* GIVEAWAY "JOIN" BUTTON - MODERN STYLES                    */
/* =================================================================== */

/* --- Qoşulma Düyməsi --- */
.giveaway-join-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
    
    padding: 12px 30px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 5px 15px -5px var(--accent-glow) !important;
    transition: all 0.3s ease !important;
}

.giveaway-join-btn:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 25px var(--accent-glow) !important;
    color: #ffffff !important;
}

.giveaway-join-btn i {
    transition: transform 0.3s ease !important;
}

.giveaway-join-btn:hover i {
    transform: rotate(-15deg) !important;
}



/* =================================================================== */
/* GIVEAWAY PARTICIPANTS LIST - MODERN STYLES                */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --section-border-color: #e9ecef;
    --participant-card-bg: #f8f9fa;
    --participant-text-primary: #212529;
    --participant-text-secondary: #6c757d;
}
body.dark.modern { /* Gecə */
    --section-border-color: #3a3f5a;
    --participant-card-bg: #222531;
    --participant-text-primary: #f0f0f0;
    --participant-text-secondary: #a0a8c4;
}

/* --- Bölmənin Ümumi Stili --- */
.giveaway-participants-section {
    margin-top: 30px;
}
.participants-section__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--section-border-color);
}

/* --- İştirakçıların Grid Quruluşu --- */
.participants-grid {
    display: grid;
    /* DƏYİŞİKLİK: Avtomatik yerləşən və minimum 250px enində olan kartlar */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}

/* --- Tək İştirakçı Kartı --- */
.participant-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--participant-card-bg);
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid var(--card-border);
}
.participant-card__name {
    color: var(--participant-text-primary);
    font-weight: 500;
    font-size: 15px;
}
.participant-card__date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--participant-text-secondary);
    font-size: 13px;
}

/* --- İştirakçı Olmadıqda --- */
.participants-section__empty {
    color: var(--text-secondary);
    padding: 20px;
    text-align: center;
    background-color: var(--card-bg);
    border-radius: 8px;
}


/* =================================================================== */
/* PLAYER MARKET FILTER - MODERN STYLES (CSS-ONLY)           */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --filter-card-bg: rgba(255, 255, 255, 0.7);
    --filter-card-border: rgba(0, 0, 0, 0.08);
    --filter-input-bg: #f8f9fa;
    --filter-accent: #ff9a39;
}
body.dark.modern { /* Gecə */
    --filter-card-bg: rgba(42, 45, 58, 0.7);
    --filter-card-border: rgba(58, 59, 93, 0.5);
    --filter-input-bg: #222531;
    --filter-accent: #f0ad4e;
}

/* --- Ana Filter Konteyneri --- */
.sidebar--area .search--area {
    background: var(--filter-card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--filter-card-border) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 25px;
}

/* --- Başlıq Düymələri --- */
.sidebar--area .btn-orange {
    width: 100%;
    background: transparent !important;
    border: none !important;
    color: var(--text-primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--filter-card-border);
    margin-bottom: 15px;
}

/* --- Input və Label-lər --- */
.ilanlabela label,
.filter--inner .select--area label {
    display: block;
    color: var(--text-secondary);
    font-size: 14px;
    margin-bottom: 8px;
}
.ilaninpc, .pr, #katesearchinpt {
    background: var(--filter-input-bg) !important;
    border: 1px solid var(--filter-card-border) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    width: 100%;
    height: auto !important;
}

/* --- Checkbox-lar --- */
.form-check { display: flex; align-items: center; gap: 8px; }
.form-check-label { color: var(--text-secondary); }

/* --- Qiymət Aralığı (Slider) --- */
.price_filter .ui-slider {
    background: var(--filter-input-bg) !important;
    border-color: var(--filter-card-border) !important;
}
.price_filter .ui-slider-range { background: var(--filter-accent) !important; }
.price_filter .ui-slider-handle { border-color: var(--filter-accent) !important; }

.price--filter { display: flex; gap: 10px; }
.price--filter .pr { text-align: center; }

/* --- Əsas "Filtr" Düyməsi --- */
.sidebar--area button[type="submit"] {
    width: 100% !important;
    background: var(--accent-gradient) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-weight: 600 !important;
}

/* =================================================================== */
/* PLAYER MARKET ACTIONS PANEL - MODERN STYLES               */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --panel-bg: rgba(255, 255, 255, 0.6);
   
}
body.dark.modern { /* Gecə */
    --panel-bg: rgba(42, 45, 58, 0.7);
 
}

/* --- Ana Panel Konteyneri --- */
.market-actions-panel {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    
    background: var(--panel-bg) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--panel-border) !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    margin-bottom: 25px;
}

/* --- Bütün Düymələr Üçün Ümumi Stil --- */
.market-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

/* --- Əsas Düymə (Elan Əlavə Et) --- */
.market-action-btn--primary {
    background: var(--accent-gradient) !important;
    color: #ffffff !important;
}
.market-action-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--accent-glow);
}

/* --- İkinci Dərəcəli Düymə (Filtri Təmizlə) --- */
.market-action-btn--secondary {
    background: var(--input-bg) !important;
    color: var(--text-secondary) !important;
    border-color: var(--card-border) !important;
}
.market-action-btn--secondary:hover {
    color: var(--text-primary) !important;
    border-color: var(--accent-color) !important;
}

/* --- Mobil Görünüş --- */
@media (max-width: 576px) {
    .market-actions-panel {
        flex-direction: column;
        gap: 15px;
    }
    .market-action-btn {
        width: 100%;
    }
}


/* =================================================================== */
/* PLAYER MARKET PRODUCT PAGE - MODERN REDESIGN (CSS-ONLY)   */
/* =================================================================== */



/* --- Ana Konteyner --- */
.bazarcardspec {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    padding: 25px !important;
}

/* --- Orta Sütun (Məhsul Detalları) --- */
.ilangenelbilgi { display: flex; flex-direction: column; gap: 10px; }
.ilanozel {
    display: flex; justify-content: space-between; align-items: center;
    background: var(--input-bg); padding: 12px 18px; border-radius: 8px;
}
.detail-row-left { color: var(--text-secondary); font-size: 14px; display:flex; align-items:center; gap: 8px; }
.detail-row-right { color: var(--text-primary); font-weight: 600; }
h2.text-center {
    font-size: 32px !important; font-weight: 700 !important;
    color: var(--accent-orange) !important; margin: 25px 0 !important;
}
.btn.b-cstmb {
    background: var(--accent-gradient) !important; border: none !important;
    color: #fff !important; font-weight: 600 !important; border-radius: 10px !important;
    padding: 12px 30px !important;
}


.btn.btn-orange.border-circle { width: 100%; background: var(--input-bg) !important; color: var(--text-primary) !important; border: none !important; font-weight: 600 !important; }
.verifycheck.checked { border-color: var(--status-success, #28a745); color: var(--status-success, #28a745); }
.justify-content-center3 {
    background: var(--input-bg) !important; padding: 10px !important;
    color: var(--text-secondary) !important; border: 1px solid var(--card-border) !important;
    border-radius: 8px; display: flex; flex-wrap: wrap;
}
.btn.btn-success2 {
    width: 100%; border: 1px solid var(--accent-color) !important; color: var(--accent-color) !important;
    background: transparent !important;
}
.btn.btn-success2:hover { background: var(--accent-color) !important; color: #fff !important; }

/* --- Aşağı Tablar --- */
.tabs, #pills-tab { border-bottom: 1px solid var(--card-border) !important; }
#pills-tab .nav-link { color: var(--text-secondary) !important; border: none !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; }
#pills-tab .nav-link.active { color: var(--accent-orange) !important; border-bottom-color: var(--accent-orange) !important; background: transparent !important; }
#pills-tabContent { color: var(--text-secondary); padding-top: 20px; }


/* =================================================================== */
/* PLAYER MARKET - SELLER INFO CARD MODERN STYLES (CSS-ONLY) */
/* =================================================================== */


:root { /* Gündüz */
    --seller-card-bg: #f8f9fa;
    --seller-card-border: #e9ecef;
    --seller-text-primary: #212529;
    --seller-text-secondary: #6c757d;
    --seller-accent-orange: #ff8c00;
    --seller-accent-blue: #007bff;
    --status-online: #28a745;
}
body.dark.modern { /* Gecə */
    --seller-card-bg: #222531;
    --seller-card-border: #3a3f5a;
    --seller-text-primary: #f0f0f0;
    --seller-text-secondary: #a0a8c4;
    --seller-accent-orange: #f0ad4e;
    --seller-accent-blue: #0d6efd;
    --status-online: #5dd261;
}

/* --- Ana Kart (.cardgrbg) --- */
.col-xl-4 .cardgrbg {
    background-color: var(--seller-card-bg) !important;
    border: 1px solid var(--seller-card-border) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

/* --- Satıcı Profili Düyməsi --- */
.card-body > a:first-child > .btn-orange {
    width: 100%;
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--seller-card-border) !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* --- Satıcı Məlumatları (Avatar, Ad, Status) --- */
.card-body > img {
    width: 50px !important; height: 50px !important;
    border-radius: 50% !important; float: left !important;
    margin-right: 15px !important; margin-top: 0 !important;
}
.card-body > a > h5 {
    color: var(--seller-text-primary) !important;
    margin-top: 5px !important; font-weight: 600;
}
.user-online {
    background: var(--status-online) !important;
    color: #fff !important;
    font-size: 11px !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-weight: 500;
}
[style="clear:both"] { display: block !important; }


.saticiverfy {
    display: flex !important; gap: 10px; margin-top: 15px !important;
}
.verifycheck {
    border: 1px solid var(--seller-card-border) !important;
    padding: 8px !
    
    
}  


/* =================================================================== */
/* "SHARE" SOCIAL ICONS - MODERN STYLES (DAY/NIGHT THEME)    */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --share-bg: #f8f9fa;
    --share-border: #e9ecef;
    --share-text: #6c757d;
    --share-icon-hover-bg: #e9ecef;
    --share-icon-hover-text: #007bff;
}
body.dark.modern { /* Gecə */
    --share-bg: #222531;
    --share-border: #3a3f5a;
    --share-text: #a0a8c4;
    --share-icon-hover-bg: #313543;
    --share-icon-hover-text: #ffffff;
}

/* --- Əsas Konteyner (.cardgrbgsosyal) --- */
.cardgrbgsosyal {
    background-color: var(--share-bg) !important;
    border: 1px solid var(--share-border) !important;
    border-radius: 12px !important;
    margin-top: 20px !important;
}

.cardgrbgsosyal .card-body {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    padding: 8px !important;
}

/* --- Başlıq ("Paylaşın") --- */
.cardgrbgsosyal h6 {
    color: var(--share-text) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0 !important;
    padding-right: 15px;
    border-right: 1px solid var(--share-border);
}

/* --- Sosial Media İkonları --- */
.cardgrbgsosyal a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background-color: transparent !important;
    color: var(--share-text) !important;
    font-size: 18px !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.cardgrbgsosyal a:hover {
    background-color: var(--share-icon-hover-bg) !important;
    color: var(--share-icon-hover-text) !important;
    transform: translateY(-3px);
}


/* =================================================================== */
/* "PRODUCT COMMENTS" SECTION - MODERN STYLES                */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --section-border: #e9ecef;
    --section-title-color: #212529;
    --empty-state-bg: #f8f9fa;
    --empty-state-text: #6c757d;
}
body.dark.modern { /* Gecə */
    --section-border: #3a3f5a;
    --section-title-color: #f0f0f0;
    --empty-state-bg: #222531;
    --empty-state-text: #a0a8c4;
}

/* --- Başlıq ("Elan rəyləri") --- */
.ilan-public-room-head {
    color: var(--section-title-color) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid var(--section-border) !important;
}

/* --- Rəy Olmadıqda Görünən Blok --- */
.ilan-public-room .alert {
    background-color: var(--empty-state-bg) !important;
    color: var(--empty-state-text) !important;
    border: 1px dashed var(--section-border) !important;
    border-radius: 10px !important;
    padding: 25px !important;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0 !important;
}
    
/* =================================================================== */
/* USER PROFILE HEADER - MODERN STYLES (CSS-ONLY)            */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --profile-card-bg: rgba(255, 255, 255, 0.7);
    --profile-card-border: rgba(0, 0, 0, 0.08);
    --profile-text-primary: #212529;
    --profile-text-secondary: #6c757d;
    --profile-status-online: #28a745;
    --profile-tab-bg: #e9ecef;
    --profile-tab-active-bg: linear-gradient(45deg, #007bff, #6f42c1);
}
body.dark.modern { /* Gecə */
    --profile-card-bg: rgba(42, 45, 58, 0.7);
    --profile-card-border: rgba(58, 59, 93, 0.5);
    --profile-text-primary: #f0f0f0;
    --profile-text-secondary: #a0a8c4;
    --profile-status-online: #5dd261;
    --profile-tab-bg: #222531;
    --profile-tab-active-bg: linear-gradient(45deg, #0d6efd, #8f62ea);
}

/* --- Ana Profil Kartı --- */
.info2 {
    background: var(--profile-card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--profile-card-border) !important;
    border-radius: 16px !important;
    padding: 25px !important;
}


.info2 img {
    width: 90px !important; height: 90px !important;
    border-radius: 50% !important; object-fit: cover !important;
}
.info2 a h5 { color: var(--profile-text-primary) !important; font-size: 22px; font-weight: 600; }
.user-offline, .user-online { font-size: 13px; font-weight: 500; }
.user-online { color: var(--profile-status-online); }
.user-offline { color: var(--profile-text-secondary); }

/* --- Sağ Tərəf: Qoşulma Tarixi və Uğur Statistikası --- */
.user-store-details {
    text-align: right !important; font-size: 14px;
    color: var(--profile-text-secondary);
}
.store-solds {
    display: flex; 
    margin-top: 10px;
    justify-content: flex-end;
}
.success-orders { color: var(--status-success, #28a745); }
.failed-orders { color: var(--danger-color, #dc3545); }

/* --- Alt Tab Menyu --- */
.profile-tabs {
    border-top: 1px solid var(--profile-card-border) !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
    justify-content: center !important;
    gap: 10px;
}
.profile-tab {
    background: var(--profile-tab-bg) !important;
    color: var(--profile-text-secondary) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 500;
    transition: all 0.2s ease;
}
.profile-tab:hover {
    color: var(--profile-text-primary) !important;
}
.profile-tab.active {
    background: var(--profile-tab-active-bg) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px -5px var(--accent-color);
}    
    



/* =================================================================== */
/* BLOG POST PAGE - MODERN STYLES (CSS-ONLY)                 */
/* =================================================================== */



/* --- Ana Səhifə Konteyneri --- */


/* --- Məzmun Bloku --- */
.product__details {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 12px !important;
    padding: 30px !important;
}

/* Breadcrumb */
.product_breadcrumb { margin-bottom: 25px !important; }

/* Başlıq və Mətnlər */
.product__title.h4 { color: var(--text-primary) !important; font-size: 28px !important; font-weight: 700; }
.product__info { color: var(--text-secondary) !important; font-size: 16px; line-height: 1.6; }
.product__content { color: var(--text-secondary); line-height: 1.8; font-size: 16px; }
.product__content h2 { color: var(--text-primary); font-size: 22px; margin-top: 30px; }
.product__content ol, .product__content ul { padding-left: 20px; }
.product__content strong { color: var(--text-primary); }
.product__content a { color: var(--accent-color); }

/* Şəkil */
.product__gallery { margin-top: 20px !important; }
.product__preview img { border-radius: 12px; }

/* --- Oxşar Məqalələr ("Hit") --- */
.hit {
    margin-top: 40px !important;
    padding-top: 30px !important;
    border-top: 1px solid var(--card-border) !important;
}
.hit__title { color: var(--text-primary) !important; font-size: 20px; font-weight: 600; }
.hit .summary {
    background: var(--page-bg) !important; border: 1px solid var(--card-border) !important;
    border-radius: 10px; overflow: hidden;
}
.hit .summary__title a { color: var(--text-primary) !important; text-decoration: none; }
.hit .summary__date { color: var(--text-secondary); }

/* Mobil Görünüş */
@media (max-width: 768px) {
    .product__title.h4 { font-size: 24px !important; }
}

/* =================================================================== */
/* HOMEPAGE BLOG SLIDER - MODERN STYLES (CSS-ONLY)           */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --slider-bg: #ffffff;
    --slider-border: #e9ecef;
    --slider-text-primary: #212529;
    --slider-text-secondary: #ffffff;
    --slider-overlay-bg: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 50%);
}
body.dark.modern { /* Gecə */
    --slider-bg: #2a2d3a;
    --slider-border: #3a3f5a;
    --slider-text-primary: #f0f0f0;
    --slider-text-secondary: #e0e0e0;
    --slider-overlay-bg: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);
}

/* --- Ana Slider Konteyneri --- */
.last_blog_slider {
    background-color: var(--slider-bg) !important;
    border: 1px solid var(--slider-border) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    overflow: hidden;
    margin-bottom: 5px;
}

/* --- Əsas Böyük Slider (sync1) --- */
#sync1 .item-blog-new {
    position: relative !important;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
}
#sync1 .blog_slider_img, #sync1 .blog_slider_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Şəklin üzərindəki mətnlər */
#sync1 .blog_slider_gradient {
    background: var(--slider-overlay-bg) !important;
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 50px 20px 20px 20px;
}
#sync1 .blog_slider_category a {
    display: inline-block;
    background-color: var(--accent-color) !important;
    color: #fff !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 10px;
}
#sync1 .blog_slider_title h2 {
    color: var(--slider-text-secondary) !important;
    font-size: 22px !important;
    font-weight: 600;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

/* --- Kiçik Şəkillər Slider-i (sync2) --- */
.last_blog_slider_thumbnails {
    margin-top: 15px;
}
#sync2 .item {
    padding: 4px;
    border-radius: 10px;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}
#sync2 .item img {
    border-radius: 8px !important;
    width: 100% !important;
    height: 80px !important;
    object-fit: cover;
}
#sync2 .owl-item.current .item {
    border-color: var(--accent-color) !important;
}

/* Mobil Görünüş */
@media (max-width: 768px) {
    #sync1 .blog_slider_title h2 {
        font-size: 18px !important;
    }
    .last_blog_slider_thumbnails {
        display: none; /* Mobildə kiçik şəkilləri gizlədirik */
    }
}


/* =================================================================== */
/* HOMEPAGE BLOG SLIDER & SOCIALS - MODERN STYLES (CSS-ONLY) */
/* =================================================================== */


/* --- Ana Kart Konteyneri (.promote) --- */
.card.promote {
     background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    margin-bottom: 5px;
}

/* --- Başlıq Hissəsi --- */
.card.promote .card__head {
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 15px; margin-bottom: 20px;
    border-bottom: 1px solid var(--card-border);
}
.card.promote .card__title {
    color: var(--text-primary); font-size: 18px; font-weight: 600;
}
.blog_viewer button {
    background: transparent; border: 1px solid var(--card-border);
    color: var(--text-secondary); border-radius: 6px;
    padding: 5px 10px;
}
.blog_viewer button.active {
    background: var(--accent-color); color: #fff; border-color: var(--accent-color);
}

/* --- Blog Siyahısı --- */
.promote__list.blog_view_details {
    display: flex; flex-direction: column; gap: 20px;
}
.summary {
    display: flex; gap: 20px;
}
.summary__preview {
    flex-shrink: 0; width: 150px; height: 100px;
    border-radius: 8px; overflow: hidden;
}
.summary__preview img { width: 100%; height: 100%; object-fit: cover; }
.summary_details_box .summary__title a {
    color: var(--text-primary) !important; font-size: 16px; font-weight: 600;
    text-decoration: none;
}
.summary_description p { color: var(--text-secondary); font-size: 14px; }
.summary_icons { display: flex; gap: 15px; margin-top: 10px; color: var(--text-secondary); font-size: 13px; }

/* --- "Diqqətinizi Cəlb Edə Bilər" Slideri --- */
.hit { margin-top: 30px; }
.hit .summary { flex-direction: column; gap: 10px; }
.hit .summary__preview { width: 100%; height: 150px; }
.hit .summary_details_box { display: none; } /* Sadəlik üçün gizlədirik */

/* --- Sosial Media Düymələri --- */
.media {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--card-border);
}
.media__btns {
    display: flex; justify-content: center; gap: 15px;
}
.media__button {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    background: var(--social-btn-bg) !important; color: var(--social-btn-text) !important;
    padding: 10px 20px !important; border-radius: 8px !important;
    font-weight: 500; text-decoration: none !important; border:none !important;
}
.media__button:hover { color: var(--accent-color) !important; }

/* Mobil Görünüş */
@media (max-width: 768px) {
    .summary { flex-direction: column; }
    .summary__preview { width: 100%; height: 180px; }
}


/* =================================================================== */
/* TOP ARTICLES WIDGET - FINAL STYLES WITH COLORS            */
/* =================================================================== */

/* --- Rəng Dəyişənləri --- */
:root { /* Gündüz Rejimi */
    --card-bg-glass: rgba(255, 255, 255, 0.7);
    --card-border-glass: rgba(0, 0, 0, 0.08);
  
   
   
}
body.dark.modern { /* Gecə Rejimi */
    --card-bg-glass: rgba(42, 45, 58, 0.7);
    --card-border-glass: rgba(58, 59, 93, 0.5);
  
  
   
}

/* --- Ana Kart Konteyneri --- */
.top-articles-card {
    background: var(--card-bg-glass) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border-glass) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    height: 100%;
}

/* --- Kart Başlığı --- */
.top-articles-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--card-border-glass);
}
.top-articles-card__header i {
    font-size: 18px;
    color: var(--accent-orange, #ff8c00);
}
.top-articles-card__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin: 0 !important;
}

/* --- Məqalə Siyahısı --- */
.top-articles-card__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* --- Tək Məqalə Elementi --- */
.article-item {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none !important;
    padding: 10px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}
.article-item:hover {
    background-color: var(--input-bg, #f8f9fa);
}

.article-item__image-wrapper {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}
.article-item__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-item__content {
    flex-grow: 1;
}
.article-item__title {
    color: var(--text-primary) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 0 5px 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-item__date {
    color: var(--text-secondary);
    font-size: 13px;
}


/* ==== GAMEXFURSET CARD STİLİ ==== */
.gamexfurset-wrapper {
  background: var(--component-bg);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.gamexfurset-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
}

.gamexfurset-active {
  border: 2px solid var(--accent-hover-color);
}

.gamexfurset-image {
  position: relative;
  padding: 10px;
  background: var(--card-bg);
  text-align: center;
}

.gamexfurset-image img {
  max-width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.gamexfurset-cart-count {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--status-success);
  color: #fff;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.gamexfurset-controls {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.gamexfurset-view, .gamexfurset-add {
  background: var(--component-hover-bg);
  border: none;
  color: var(--text-value);
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: background 0.3s;
}

.gamexfurset-add:hover, .gamexfurset-view:hover {
  background: var(--accent-hover-color);
  color: #fff;
}

.gamexfurset-os-icons {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 10px;
}

.gamexfurset-os-icon img {
  width: 20px;
  height: auto;
}

.gamexfurset-content {
  padding: 15px 12px;
}

.gamexfurset-title a {
  font-weight: 600;
  font-size: 15px;
  color: var(--text-value);
  text-decoration: none;
}

.gamexfurset-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.gamexfurset-rating {
  color: gold;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.gamexfurset-pricing {
  text-align: right;
}

.gamexfurset-old-price {
  font-size: 13px;
  color: #999;
  text-decoration: line-through;
}

.gamexfurset-price {
  font-size: 15px;
  font-weight: bold;
  color: var(--text-value);
}

@media (max-width: 768px) {
  .gamexfurset-wrapper {
    flex-direction: column;
  }
  .gamexfurset-controls {
    flex-direction: column;
    gap: 8px;
  }
}




/* =================================================================== */
/* BANK INFO ACCORDION - MODERN STYLES (CSS-ONLY)            */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --accordion-bg: #ffffff;
    --accordion-border: #e9ecef;
    --accordion-hover-bg: #f8f9fa;
    --accordion-active-bg: #f8f9fa;
    --accordion-text-primary: #212529;
    --accordion-text-secondary: #6c757d;
}
body.dark.modern { /* Gecə */
    --accordion-bg: #2a2d3a;
    --accordion-border: #3a3f5a;
    --accordion-hover-bg: #313543;
    --accordion-active-bg: #222531;
    --accordion-text-primary: #f0f0f0;
    --accordion-text-secondary: #a0a8c4;
}

/* --- Akkordionun Ümumi Stili --- */
.accordion.banka_havale {
    --bs-accordion-bg: transparent !important;
    --bs-accordion-border-color: var(--accordion-border) !important;
    --bs-accordion-btn-color: var(--accordion-text-primary) !important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--accent-glow) !important;
    --bs-accordion-active-bg: var(--accordion-active-bg) !important;
    --bs-accordion-active-color: var(--accent-color) !important;
    --bs-accordion-btn-icon-transform: rotate(-90deg); /* Oxun istiqamətini dəyişirik */
}

/* --- Hər bir akkordion bəndi --- */
.accordion-item {
    background-color: var(--accordion-bg) !important;
    border: 1px solid var(--accordion-border) !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    overflow: hidden; /* Daxili elementlərin kənara çıxmaması üçün */
}

/* --- Akkordion Başlığı (Düymə) --- */
.accordion-button {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 18px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 var(--accordion-border) !important;
}
.accordion-button img {
    height: 32px;
    border-radius: 6px;
}

/* --- Akkordionun Məzmunu --- */
.odeme-bank-card {
    background: transparent !important;
    padding: 20px !important;
}
.odeme-banka-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px; /* Sətir və sütun arası boşluq */
}
.odeme-info-label {
    color: var(--accordion-text-secondary);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px;
}
.odeme-info-value {
    color: var(--accordion-text-primary);
    font-weight: 600;
    font-size: 15px;
    word-break: break-all;
}

/* Mobil Görünüş */
@media (max-width: 768px) {
    .odeme-banka-info-grid {
        grid-template-columns: 1fr; /* Mobildə tək sütun */
    }
}


/* =================================================================== */
/* PAYMENT NOTIFICATION FORM - MODERN STYLES (CSS-ONLY)      */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --form-section-bg: #f8f9fa;
    --form-section-border: #e9ecef;
    --form-text-primary: #212529;
    --form-text-secondary: #6c757d;
    --form-input-bg: #ffffff;
    --form-btn-secondary-bg: #6c757d;
}
body.dark.modern { /* Gecə */
    --form-section-bg: #222531;
    --form-section-border: #3a3f5a;
    --form-text-primary: #f0f0f0;
    --form-text-secondary: #a0a8c4;
    --form-input-bg: #1b1f29;
    --form-btn-secondary-bg: #4a4f6a;
}

/* --- Bildiriş Formasının Ana Konteyneri --- */
.odeme-bildir-content {
    background-color: var(--form-section-bg) !important;
    border: 1px solid var(--form-section-border) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-top: 20px !important;
    text-align: left !important;
}

/* --- Düymələr Qrupu --- */
.odeme-btn-group {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 15px;
}
.odeme-btn-secondary, .odeme-btn-primary {
    flex: 1;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 8px !important; padding: 10px 18px !important;
    border-radius: 8px !important; font-weight: 600 !important;
    text-decoration: none !important; border: none !important;
    cursor: pointer; transition: all 0.2s ease !important;
}

/* "Necə Göndərilir?" Düyməsi */
.odeme-btn-secondary {
    background-color: var(--form-btn-secondary-bg) !important;
    color: #fff !important;
}

/* "Ödəniş Bildirin" Düyməsi */
.odeme-btn-primary {
    background-color: var(--form-section-border) !important;
    color: var(--form-text-secondary) !important;
}
.odeme-btn-primary:hover {
    color: var(--form-text-primary) !important;
}

/* Açıqlama Mətni */
.odeme-aciklama {
    color: var(--form-text-secondary);
    font-size: 13px;
    text-align: center;
}

/* --- Formanın Daxili Elementləri --- */
.odeme-bildir-content .field {
    margin-bottom: 18px !important;
}
.odeme-label {
    display: block;
    color: var(--form-text-secondary);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.odeme-input-wrap {
    position: relative;
}
.odeme-input, .text_input {
    width: 100% !important;
    background: var(--form-input-bg) !important;
    border: 1px solid var(--form-section-border) !important;
    color: var(--form-text-primary) !important;
    border-radius: 8px !important;
    /*padding: 12px 15px !important;*/
    height: auto !important;
}
.odeme-input[type="file"] {
    padding: 10px !important;
}
.text_input {
    font-weight: 600;
}
.odeme-currency {
    position: absolute;
    top: 50%; right: 15px;
    transform: translateY(-50%);
    color: var(--form-text-secondary);
}

/* Mobil Görünüş */
@media (max-width: 576px) {
    .odeme-btn-group {
        flex-direction: column;
    }
}



/* =================================================================== */
/* SUCCESS/INFO ALERT BANNER - MODERN STYLES                 */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --alert-info-bg: rgba(40, 167, 69, 0.1);
    --alert-info-text: #1a7431;
    --alert-info-border: rgba(40, 167, 69, 0.2);
}
body.dark.modern { /* Gecə */
    --alert-info-bg: rgba(76, 175, 80, 0.15);
    --alert-info-text: #5dd261;
    --alert-info-border: rgba(76, 175, 80, 0.3);
}

/* --- Ana Konteyner (.btc_details_wallet) --- */
.btc_details_wallet {
    width: 100% !important;
    margin-top: 20px !important;
}

/* --- Bildiriş Mətni (.paymentMethod_service_Label) --- */
.paymentMethod_service_Label {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    
    background-color: var(--alert-info-bg) !important;
    color: var(--alert-info-text) !important;
    border: 1px solid var(--alert-info-border) !important;
    
    padding: 18px 20px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

/* Mətnin yanındakı ikon */
.paymentMethod_service_Label::before {
    content: '\f058'; /* Font Awesome "check-circle" ikonu */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
    opacity: 0.8;
}



/* =================================================================== */
/* "COMPLETE ORDER" POPUP - MODERN STYLES (CSS-ONLY)         */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --popup-bg: rgba(255, 255, 255, 0.7);
    --popup-border: #e9ecef;
    --popup-input-bg: #f8f9fa;
}
body.dark.modern { /* Gecə */
    --popup-bg: rgba(42, 45, 58, 0.8);
    --popup-border: #3a3f5a;
    --popup-input-bg: #222531;
}

/* --- Pəncərənin Ümumi Stili (.popup__wrap) --- */
.popup__wrap {
 
    background: var(--popup-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--popup-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* --- Başlıq Hissəsi (.orderPopup_title) --- */
.orderPopup_title {
    padding: 20px 25px !important;
    border-bottom: 1px solid var(--popup-border) !important;
    display: flex; justify-content: space-between; align-items: center;
}
.orderPopup_title span {
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.popup__close {
    background: transparent !important; border: none !important;
    font-size: 20px !important; color: var(--text-secondary) !important;
}

/* --- Formanın Məzmun Hissəsi (.orderPopup_Form) --- */

.field { margin-bottom: 18px !important; }
.field label {
    display: block;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    font-weight: 500;
    margin-bottom: 8px;
}
.field .field__input {
    width: 100% !important;
    background: var(--popup-input-bg) !important;
    border: 1px solid var(--popup-border) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    height: auto !important;
}

/* Kupon Hissəsi */
.field .row .col-md-8, .field .row .col-md-4 { padding: 0 !important; }
.field .row { gap: 10px; }
#couponApply {
    background-color: var(--accent-color) !important;
    color: #fff !important;
    height: 48px !important;
    border: none !important;
}

/* --- Əsas "Sifarişi Tamamla" Düyməsi --- */
#order_complete_btn {
    width: 100% !important;
    background: var(--accent-gradient) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px !important;
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px !important;
}
/* =================================================================== */
/* MODERN ORDERS LIST - FINAL STYLES WITH COLORS             */
/* =================================================================== */

/* --- Rəng Dəyişənləri --- */
:root { /* Gündüz */
   
   
    --status-success: #28a745;
    --status-danger: #dc3545;
    --status-success-bg: rgba(40, 167, 69, 0.1);
    --status-success-text: #1a7431;
    --status-danger-bg: rgba(220, 53, 69, 0.1);
    --status-danger-text: #a51c2a;
 
}
body.dark.modern { /* Gecə */
   
 
    --status-success: #5dd261;
    --status-danger: #ff6b6b;
    --status-success-bg: rgba(76, 175, 80, 0.15);
    --status-success-text: #5dd261;
    --status-danger-bg: rgba(220, 53, 69, 0.15);
    --status-danger-text: #ff6b6b;

}

/* --- Ana Konteyner --- */
.orders-page-container {
    background-color: var(--card-bg);
   
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}
.orders-page-container::before, .orders-page-container::after {
    content: ''; position: absolute; border-radius: 50%;
    filter: blur(120px); z-index: 0;
}
.orders-page-container::before { width: 400px; height: 400px; background: var(--bg-blur-1); top: -80px; left: -120px; }
.orders-page-container::after { width: 350px; height: 350px; background: var(--bg-blur-2); bottom: -100px; right: -100px; }

/* --- Grid Quruluşu --- */
.orders-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Desktop: 2 sütun */
    gap: 25px;
    position: relative;
    z-index: 1;
}

/* --- Tək Sifariş Kartı --- */
.order-card {
    background: var(--component-bg);
    border: 1px solid var(--border-color);
    border-left-width: 4px; /* Status üçün sol rəngli xətt */
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
}
.order-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.order-card.status-success { border-left-color: var(--status-success); }
.order-card.status-danger { border-left-color: var(--status-danger); }

/* Kartın hissələri */
.order-card__header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 15px; border-bottom: 1px solid var(--border-color); }
.product-title { color: var(--text-primary); font-size: 16px; font-weight: 600; }
.order-id { color: var(--text-secondary); font-size: 13px; }
.status-badge { font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 20px; }
.status-success .status-badge { background-color: var(--status-success-bg); color: var(--status-success-text); }
.status-danger .status-badge { background-color: var(--status-danger-bg); color: var(--status-danger-text); }

.order-card__body { padding: 15px 0; }
.order-detail { display: flex; justify-content: space-between; font-size: 14px; padding: 8px 0; }
.detail-label { color: var(--text-secondary); }
.detail-value { color: var(--text-primary); font-weight: 500; }

.order-card__footer { text-align: right; }
.details-button {
    background: var(--input-bg);
    color: var(--text-secondary);
    padding: 8px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}
.order-card:hover .details-button {
    background: var(--accent-color);
    color: #fff;
}
.details-button i { margin-left: 5px; }

/* Mobil Görünüş */
@media (max-width: 992px) {
    .orders-grid {
        grid-template-columns: 1fr; /* Mobildə tək sütun */
    }
}
/* =================================================================== */
/* MODERN ORDERS LIST - ADDITIONAL STATUS STYLES             */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Yeni statuslar üçün) --- */
:root { /* Gündüz */
    --status-pending-bg: rgba(255, 193, 7, 0.15);
    --status-pending-text: #b98900;
    --status-process-bg: rgba(13, 110, 253, 0.15);
    --status-process-text: #0069d9;
    --status-half-bg: rgba(111, 66, 193, 0.15);
    --status-half-text: #6f42c1;
}
body.dark.modern { /* Gecə */
    --status-pending-bg: rgba(255, 193, 7, 0.15);
    --status-pending-text: #ffca2c;
    --status-process-bg: rgba(13, 110, 253, 0.2);
    --status-process-text: #3db9ff;
    --status-half-bg: rgba(111, 66, 193, 0.2);
    --status-half-text: #be9ff6;
}

/* --- Kartların Sol Xətt Rəngləri --- */
.order-card.status-pending { border-left-color: var(--status-pending-text) !important; }
.order-card.status-process { border-left-color: var(--status-process-text) !important; }
.order-card.status-half   { border-left-color: var(--status-half-text) !important; }


/* --- Status Nişanlarının (Badge) Rəngləri --- */
.status-pending .status-badge { 
    background-color: var(--status-pending-bg) !important; 
    color: var(--status-pending-text) !important; 
}
.status-process .status-badge { 
    background-color: var(--status-process-bg) !important; 
    color: var(--status-process-text) !important; 
}
.status-half .status-badge { 
    background-color: var(--status-half-bg) !important; 
    color: var(--status-half-text) !important; 
}
/* =================================================================== */
/* ORDER DETAILS MODAL - INFO CARDS MODERN STYLES            */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --modal-card-bg: #e9ecef;
    --modal-text-primary: #212529;
    --modal-text-secondary: #6c757d;
}
body.dark.modern { /* Gecə */
    --modal-card-bg: #222531;
    --modal-text-primary: #f0f0f0;
    --modal-text-secondary: #a0a8c4;
}

/* --- Məlumat Kartlarının Stili (.card.bg-primary) --- */
.modal-body .card.bg-primary {
    background-color: var(--modal-card-bg) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px !important;
}

/* Kartların daxilindəki mətnlər */
.modal-body .card.bg-primary small {
    font-size: 13px;
    color: var(--modal-text-secondary) !important;
    display: block;
    margin-bottom: 5px;
}

.modal-body .card.bg-primary span {
    font-size: 15px;
    font-weight: 500;
    color: var(--modal-text-primary) !important;
}

.modal-body .card.bg-primary span b {
    font-weight: 700; /* Daha qalın rəqəmlər üçün */
}















/* =================================================================== */
/* MODERN BANK INFO ACCORDION - STYLES (DAY/NIGHT THEME)     */
/* =================================================================== */

/* --- Rəng Dəyişənləri (Əgər artıq varsa, əlavə etməyin) --- */
:root { /* Gündüz */
    --accordion-bg: #ffffff;
    --accordion-border: #e9ecef;
    --accordion-hover-bg: #f8f9fa;
    --accordion-body-bg: #f8f9fa;
}
body.dark.modern { /* Gecə */
    --accordion-bg: #2a2d3a;
    --accordion-border: #3a3f5a;
    --accordion-hover-bg: #313543;
    --accordion-body-bg: #222531;
}

/* --- Akkordionun Ümumi Konteyneri --- */
.modern-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Hər bir bank arasında boşluq */
}
.modern-accordion__item {
    background-color: var(--accordion-bg) !important;
    border: 1px solid var(--accordion-border) !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* --- Akkordion Başlığı (Düymə) --- */
.modern-accordion__button {
    all: unset; /* Bootstrap-in default stillərini sıfırlayırıq */
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; 
    width: 100%;
    padding: 18px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary);
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.modern-accordion__button:hover {
    background-color: var(--accordion-hover-bg);
}
.modern-accordion__button[aria-expanded="true"] {
    background-color: var(--accordion-hover-bg); /* Açıq vəziyyətdə də eyni rəng olsun */
}

.bank-logo { height: 32px; border-radius: 6px; }
.accordion-arrow { margin-left: auto; transition: transform 0.3s ease; }
.modern-accordion__button[aria-expanded="true"] .accordion-arrow {
    transform: rotate(-180deg);
}

/* --- Akkordionun Məzmunu --- */
.modern-accordion__body {
    padding: 25px;
    background-color: var(--accordion-body-bg);
    border-top: 1px solid var(--accordion-border);
}
.bank-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
}
.bank-detail-item { display: flex; flex-direction: column; }
.detail-item__label { color: var(--text-secondary); font-size: 13px; font-weight: 500; margin-bottom: 4px; }
.detail-item__value {color: var(--text-primary);font-weight: 600;font-size: 15px;}

/* Mobil Görünüş */
@media (max-width: 768px) {
    .bank-details-grid { grid-template-columns: 1fr; }
}
/* =================================================================== */
/* PAYMENT NOTIFICATION FORM - MODERN STYLES V2              */
/* =================================================================== */

/* --- Rəng Dəyişənləri --- */
:root {
    --form-info-text: #6c757d;
    --form-secondary-btn-bg: #6c757d;
    --form-outline-btn-border: #3a3f5a;
    --form-outline-btn-text: #a0a8c4;
}
body.dark.modern {
    --form-info-text: #a0a8c4;
    --form-secondary-btn-bg: #4a4f6a;
    --form-outline-btn-border: #4a4f6a;
    --form-outline-btn-text: #a0a8c4;
}

/* --- Düymələr Qrupu --- */
.bank-actions-group {
    display: flex; gap: 15px; margin-top: 20px;
    padding-bottom: 20px; border-bottom: 1px solid var(--accordion-border);
}
.action-btn {
    flex: 1; display: inline-flex; align-items: center; justify-content: center;
    gap: 8px; padding: 10px 18px; border-radius: 8px; font-weight: 600;
    text-decoration: none; border: none; cursor: pointer; transition: all 0.2s ease;
}
.action-btn--secondary { background-color: var(--form-secondary-btn-bg) !important; color: #fff !important; }
.action-btn--primary-outline {
    background: transparent !important; color: var(--form-outline-btn-text) !important;
    border: 1px solid var(--form-outline-btn-border) !important;
}
.action-btn--primary-outline:hover { background: var(--input-bg) !important; color: var(--text-primary) !important; }

/* Açıqlama Mətni */
.form-info-text { color: var(--form-info-text); font-size: 13px; text-align: center; margin: 15px 0 0 0 !important; }

/* --- Bildiriş Formasının Konteyneri --- */
.payment-notification-form {
    background-color: var(--page-bg) !important;
    border: 1px solid var(--accordion-border) !important;
    border-radius: 12px !important;
    padding: 25px !important; margin-top: 20px !important;
}

/* Form Elementləri */

.form-group { margin-bottom: 18px !important; }
.form-label { display: block; color: var(--text-secondary); font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.input-group {/* position: relative; */}
.form-input, .form-input.is-static {
    ) !important; */
    /* border: 1px solid var(--card-border) !important; */
    /* color: var(--text-primary) !important; */
    /* border-radius: 8px !important; */
    /* padding: 12px 15px !important; */
}
.form-input-file { width: 100%; }
.input-group-text {position: absolute;top: 50%;right: 0px;transform: translateY(-50%);}

/* Əsas Göndərmə Düyməsi */
.form-submit-btn {
    width: 100% !important; background: var(--accent-gradient) !important;
    color: #fff !important; border: none !important; border-radius: 10px !important;
    padding: 14px !important; font-weight: 600;
}
/* =================================================================== */
/* CLICK AREA FIX FOR ACTION BUTTONS                         */
/* =================================================================== */

/* --- Düymənin Ümumi Stili --- */
.action-btn {
    position: relative; /* Daxili elementlərin düzgün mövqe tutması üçün */
    overflow: hidden; /* Kənara çıxan elementlərin qarşısını alır */
}

/* Düymənin içindəki mətn və ikon üçün */
.action-btn span,
.action-btn i {
    position: relative;
    z-index: 2; /* Klik hadisəsinin arxaya ötürülməməsi üçün */
}

/* DÜZƏLİŞ: Bütün düymə sahəsini əhatə edən görünməz bir link yaradırıq */
.action-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Mətn və ikonun arxasında qalır */
}

/* =================================================================== */
/* MODERN ACCORDION BUTTON - WITH ARROW STYLES               */
/* =================================================================== */

/* --- Akkordion Başlığı (Düymə) --- */
.modern-accordion__button {
    all: unset; /* Bootstrap-in default stillərini sıfırlayırıq */
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    width: 100%;
    padding: 18px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary);
    cursor: pointer;
    transition: background-color 0.2s ease;
    position: relative; /* DƏYİŞİKLİK: Ox ikonu üçün lazımdır */
}
.modern-accordion__button:hover {
    background-color: var(--accordion-hover-bg);
}
.modern-accordion__button[aria-expanded="true"] {
    background-color: var(--accordion-hover-bg);
}

.bank-logo { 
    height: 32px; 
    border-radius: 6px; 
}

/* --- YENİ: Ox İkonunun Stili --- */
.accordion-arrow {
    margin-left: auto; /* İkonu həmişə sağa yaslayır */
    font-size: 14px;
    color: var(--text-secondary);
    transition: transform 0.3s ease; /* Dönmə animasiyası üçün */
}

/* Akkordion açılanda oxu yuxarı döndəririk */
.modern-accordion__button[aria-expanded="true"] .accordion-arrow {
    transform: rotate(-180deg);
}


/* =================================================================== */
/* KYC (IDENTITY VERIFICATION) PAGE - MODERN STYLES (CSS-ONLY) */
/* =================================================================== */


:root { /* Gündüz */

    --tab-active-bg: #ffffff;
    --tab-active-text: #007bff;
    --alert-success-bg: #d4edda;
    --alert-success-text: #1a7431;
}
body.dark.modern { /* Gecə */

    --tab-active-bg: #2a2d3a;
    --tab-active-text: #0d6efd;
    --alert-success-bg: rgba(76, 175, 80, 0.15);
    --alert-success-text: #5dd261;
}

/* --- Ana Səhifə Konteyneri --- */
.page__inner.category_page {
    background-color: var(--page-bg) !important;
    padding: 20px !important;
}

/* --- Əsas Kart (.settings.cardek) --- */
.settings.cardek {
    background: var(--card-bg) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 16px !important;
    padding: 25px !important;
}

/* --- Tab Menyu --- */
.nav-tabs {
    background-color: var(--tab-bg) !important;
    border-radius: 10px !important;
    padding: 5px !important;
    border-bottom: none !important;
}
.nav-tabs .nav-item .nav-link {
    color: var(--text-secondary) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 500;
}
.nav-tabs .nav-link.active {
    background-color: var(--tab-active-bg) !important;
    color: var(--tab-active-text) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* --- Form Elementləri --- */
.settings__fieldset { padding-top: 20px; }
.field__label { color: var(--text-secondary); font-size: 14px; margin-bottom: 8px; }
.field__input {
    width: 100% !important; background: var(--input-bg) !important;
    border: 1px solid var(--card-border) !important; color: var(--text-primary) !important;
    border-radius: 8px !important; padding: 12px 15px !important; height: auto !important;
}

/* Uğurlu Bildirişlər */
.alert-success {
    background-color: var(--alert-success-bg) !important;
    color: var(--alert-success-text) !important;
    border-left: 4px solid var(--status-success, #28a745) !important;
    border-radius: 8px !important;
}
.alert-success h4 { color: inherit !important; }

/* Fayl Yükləmə (FilePond) */
.filepond--root { font-family: inherit !important; }
.filepond--panel-root { background-color: var(--input-bg) !important; }

/* Əsas Düymə */
.settings__button {
    width: 100% !important; background: var(--accent-gradient) !important;
    color: #fff !important; border: none !important; border-radius: 10px !important;
    padding: 12px !important; font-weight: 600 !important;
}

/* Mobil Görünüş */
@media (max-width: 768px) {
    .settings.cardek { padding: 15px; }
    .nav-tabs { flex-wrap: wrap; }
}