.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-color: rgb(33 38 48 / 91%);*/
          background: #212630;
    border-color: #323948;
}
.shop__nav2.anabaslik{
	z-index:2;
}
::-webkit-scrollbar {
    width: 10px;
    height: 4px
}

::-webkit-scrollbar-track {
       background: #272834;
}

::-webkit-scrollbar-thumb {
  background: #36cc80;;
    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:#36cc80;
}
body.dark .section--2 .section--wrapper .row--area .row--area .item--box {
    background: #272834;
}


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

.header__item_user .header__body {
  
    width: 250px;
    padding: 6px;
}
.header__body  {
    border-radius:6px;
}

    .product-card {
    padding: 5px;
}




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


	  
	  
	  
.status-blue {
    background: #00ffff;
}
.status-green-dark {
    background: #36cc80;
}
.status-blue {
    background: #00ffff;
}



.payout__status  {
    display: block;

}
@media (max-width: 768px) {
    .payout__wrapper {
        display: flex;
        flex-direction: column;
        padding: 10px;
        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;
    
}
}

@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;

}
/*.septadet {*/
/*position: absolute;
    color: #fff;
    font-size: 10px;
    border-radius: 26px;
    width: 20px;
    height: 20px;
    font-weight: 900;
    text-align: center;
    background: #36cc80;
    padding-top: 0px;
    margin-top: 0px;
    right: 7px;
    top: -11px;
    border: 2px solid #fff;    pof;*/
/*}*/

.septadet {
position: absolute;
    color: #fff;
    font-size: 10px;
    border-radius: 26px;
    width: 20px;
    height: 20px;
    font-weight: 900;
    text-align: center;
    background: #36cc80;
    padding-top: 0px;
    margin-top: 0px;
    right: 7px;
    top: -11px;
    border: 2px solid #fff;

}
.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: 5px !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: 600;
    font-size: 12px;
}

body.dark.modern .footersosyal i {
    color: white;
    font-size: 22px;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    /* margin-top: 0px; */
    margin-right: 5px;
}

body.dark .header_top_menu_right > li > a:hover {
  color: #36cc80!important;

  
}

.header_top_menu_right > li > a:hover {
  color: #36cc80!important;

  
}

body.dark .footersosyal i:hover {
  background-color: #36cc80!important;

  
}

.footersosyal i:hover {
  background-color: #36cc80!important;

  
}


.footersosyal i {
    color: black;
    font-size: 22px;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    /* margin-top: 0px; */
    margin-right: 5px;
}






/*heeder*/



.foot a i {
    margin-right: 0.5rem;
}
[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: #212630;
}
.category_list_box_img2{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}
.theme__input:checked + .theme__inner .theme__box:hover .icon {
    fill: #6F767E;
}
.ml-0{
	margin-left:0 !important;
}
.pl-0{
	padding-left:0;
}
body.dark .theme__input:checked + .theme__inner .theme__box:first-child .icon {
    fill: #fff;
}
.category_list_box_img2 img{
    max-height: 40px;
    width: auto !important;
	max-width:100%;
}
.users__button{
	font-size: 14px;
	background:transparent !important;
    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 #36cc80 !important;
    background: #36cc8000 !important;
	color:white !important;
}


.userilanpaz{
	border: 1px solid #36cc80 !important;
    background: #36cc80 !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: #36cc80 !important;
}

.header__item_user .header__head{
    border-radius: 10px;
        padding: 6px 30px;
            border: 1px solid #36cc80;
}
.button-hovmen{
	    border: 1px solid #000;
}
.button-hovmen:hover{
	border: 1px solid #36cc80 !important;
    background: #36cc80 !important;
	color:white !important;
}

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;
}

.owl-carousel2{
	height: 380px;
}
.owl-carousel2 .owl-dots.disabled{
	display:block !important;
}
.owl-carousel2 .owl-dots .owl-dot.active span, .owl-carousel2 .owl-dots .owl-dot:hover span {
    background: #36cc80 !important;
}
.owl-carousel2 .owl-dots .owl-dot span {
    width: 30px !important;
    height: 3px !important;
    background: #ffffff !important;
    position: relative !important;
    top: -35px !important;
}

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 #212630 !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;
}
.anabaslik p{   

    /*text-align: center;*/
    text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 15px;
    font-family: Galano Grotesque;
    font-style: normal;
    font-weight: 300;
}
.anabaslik h4 b{
font-weight:600;
}	
.dark .anabaslik h4{   
color: #FFF;
}
.anabaslik h4{   
color: #000;
font-size: 25px;
font-family: Galano Grotesque;
font-style: normal;
font-weight:300;
}

.anaaltozel i{
    color: white;
    font-size: 28px;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    padding-top: 10px;
    text-align: center;
    background: #2D9CDB;
    margin-top: 10px;
    margin-right: 20px;
}
@media screen and (max-width: 992px) {
.shop__products .grid{    
grid-template-columns: repeat(2,minmax(0,1fr));
}
.shop__nav .shop__link{
margin:5px;
}
.shop__nav{
grid-template-columns: repeat(2,minmax(0,1fr));
display:grid;
}
}

.anaaltozel h5{
    font-family: Galano Grotesque;
}

.anaaltozel p{
    font-family: Galano Grotesque;
	font-weight:300;
}


.summary__preview{
	margin-bottom:0px !important;
}
.blogbg{
	border-radius: 0px 0px 5px 5px;
	background: #242931;
	padding:10px;
}
.blogbg .summary__line{
	    font-size: 20px;
}
.blogbg p a{
	color:white;
}
.blogbg p{
	    font-weight: 300;
    font-size: 13px;
    font-family: Galano Grotesque;
}

.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: 75%;
}
}
.owl-populerkate .owl-nav button {
    height: 33px;
    width: 33px;
    background: #36cc80 !important;
    border-radius: 100% !important;
    color: #00fbfb !important;
}
.owl-populerkate .owl-nav button:hover {
	border-color:#2D9CDB !important;
	color:#2D9CDB !important;
	background: #36cc80ad !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 {
    background: #1A1E24;
}
body.dark.modern {
    background: #171a21;
}
body.dark .header__body {
    background: #25283b;
    border:2px solid #c1c1c1;
}
.header__body {
    border:2px solid #c1c1c1;
}
body.dark .header__btns .header__link:hover {
    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;
}
.summary__rating {
    display: none;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

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

body.dark.modern .faq__container {
    background: #212630;
    border: 1px solid #212630;
}

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;
}
body.dark .search__input {
    background: rgba(255, 255, 255, 0.04);
    color: #FCFCFC;
}

.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:#36cc80;
}


.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:#36cc80;
}
.balance_title {
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
	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: #212630;
    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 {
    display: flex;
    align-items: center
}

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

.category_list_box_img {
    overflow: hidden
}


.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: 600;
    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: 600;
    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
}

.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: #36cc80;
    color: #fff
}

.product_card.loading .summary__control, .product_card.loading .summary__preview:after {
    visibility: visible;
    opacity: 1
}
.header_cart_open {
    /*position: absolute;*/
    /*right: 0;*/
    /*min-width: 400px;*/
    /*background: #fff;*/
    /*z-index: 9999;*/
    /*width: 300px;*/
    /*top: 100%;*/
    /*display: none;*/
    /*padding-top: 10px;*/
    /*margin-top: -15px;*/
        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
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem;
    color: #eee;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #eee;
    content: var(--bs-breadcrumb-divider, "/")
}

.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_old span {
    /* opacity: .6; */
}

.summary_price_box .summary__price {
    background: 0 0;
    padding: 0;
    line-height: normal !important;
    font-weight: 600;
    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: 600;
    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: #606060;
    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: #36cc8000;
    border: 2px solid #009688;
}
.sale_box .store-info {
    display: flex;
    flex-direction: column;
}

	.sale_box .store-info span {
	color:#36cc80;
    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 {
    border: 1px solid #ddd;
    border-radius: 8px;
}
.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 .panelkenar {
    border: 1px solid #525252;
        border-radius: 8px;
            background-color: #212630;
}
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: 600;
    color: #FCFCFC;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

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


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

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .35rem
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-success {
    color: #0f6848;
    background-color: #d2f4e8;
    border-color: #bff0de
}

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

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
   padding: 0;
    color: #4caf5000;
}

.close {
    float: right;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 1em;
    border-radius: 50%;
    background-color: rgb(33 38 48 / 90%);
    color: #ffffff;
    opacity: 1;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.6);
}
.modal-content .close-btn:hover {
  background-color: #36cc80;
  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;
}

body.dark .page_register .entry__wrapper {
    background: #212630;
}

body.dark .entry {
    background: #171a21;
}
.entry{
    min-height: auto;
}
body.dark .field__input {
    border-color: #383a4f;
    background: #171a21;
}	
	
.alert-danger {
    color: #78261f;
    background-color: #fadbd8;
    border-color: #f8ccc8
}

.swal2-title {
    font-size: 1.2rem;
    font-weight: 700
}

.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: #16894e;
    border-color: #16894e;
}
.btn-success:hover {
    color: #36cc80;
    background-color: #14121100;
    border-color: #36cc80;
}


/*.btn-success {*/
/*    background: #16894e !important;*/
/*    border-color: #16894e !important*/
/*}*/

.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;
}

body.dark:not(.modern) .theme__input + .theme__inner .theme__box:nth-child(2) {
    background: #8631ff;
}
body.dark.modern .theme__input + .theme__inner .theme__box:nth-child(3) {
    background: #8631ff;
}
body.dark.modern .theme__input + .theme__inner .theme__box:nth-child(3) .icon{
	    fill: #fff;
}
body.dark.modern .theme__box:first-child{
	background:transparent;
	box-shadow:none;
}
body.dark.modern .theme__box:first-child .icon{
	    fill: #fff;
}

body.dark .theme__box .icon{
	    fill: #fff;
}

.theme__input:checked + .theme__inner .theme__box:nth-child(2) {
	background:transparent;
	box-shadow:none;
}
.theme__input:checked + .theme__inner .theme__box:nth-child(2) .icon{
	    fill: #6F767E;
}

body:not(.modern):not(.dark) .theme__box:first-child {
    background: #FCFCFC !important;
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25) !important;
}

.theme__box:first-child {
	background:transparent;
	box-shadow:none;
}

.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;}

body.dark.modern .cart_page .panel {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #181a20;
    margin: 0px;
    padding: 60px 60px 60px 60px;
    border-radius: 8px;
        background: #212630;
}



body.dark.modern .btn-danger {
    border: 2px solid #dc3545!important;
    background-color: #dc354500;
    border-color: #dc3545;
    transition: background .2s ease-out!important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    top: -10px;
     color: #f4f4f4;
}


.btn-danger {
    border: 2px solid #dc3545 !important;
    background-color: #dc354500;
    border-color: #dc3545;
    transition: background .2s ease-out !important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    color: #000000;
    top: -10px;
}

body.dark.modern .btn-danger:hover {
    border: 2px solid #dc3545!important;
    background: #dc3545 ;
    color: #fff!important;
    transition: background .2s ease-out!important;
}
.btn-danger:hover {
    border: 2px solid #dc3545!important;
    background:#dc3545 ;
    color: #fff!important;
    transition: background .2s ease-out!important;
}

.cart_page .panel {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 60px 60px 60px 60px;
    border-radius: 8px;
    background: #ffffff;
}

body.dark .schedule__plus_btn, body.dark .schedule__product , body.dark .summary__price, body.dark .swal2-title {
    color: #fff
}

.swal2-popup {
    background: #FCFCFC;
    border-radius: 16px;
    box-shadow: 0 0 14px -4px rgb(0 0 0 / 5%), 0 32px 48px -8px rgb(0 0 0 / 10%);
    transition: opacity .5s;
    min-height: 150px !important;
    display: flex !important;
    justify-content: center;
    flex-direction: column
}

.swal2-styled.swal2-confirm {
    background: #F44336;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(244, 244, 244, .8) !important
}

button.swal2-styled {
    height: 48px !important;
    padding: 0 20px;
    border-radius: 12px !important;
    font-size: 15px !important
}

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

body.dark .swal2-popup {
       background: #212630 !important;
}

body.dark .swal2-container.swal2-backdrop-show, body.dark .swal2-container.swal2-noanimation {
    background: rgba(39, 43, 48, .9) !important
}

@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 .schedule__minus_btn {
    background-color: #323948;
    border-color: #2F3244;
    color: #fff;
    border-radius: 3px 0 0 3px !important
}

body.dark .schedule__plus_btn {
    background-color: #323948;
    border-color: #2F3244;
    border-radius: 0 3px 3px 0 !important
}

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: 600;
    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: 6rem;
    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: 600;
    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: 600;
    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: 600;
    color: #FCFCFC;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

 .product__content h2 {
    font-weight: 600;
    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 {
    width: 100%;
    background: 0 0
}

.messages__users {
    width: 400px
}

.messages__link {
    font-size: 13px;
    width: 100%;
    flex: inherit;
    border: none;
    box-shadow: 2px -1px 12px -4px rgb(0 0 0 / 18%), inset 0 -1px 1px rgb(0 0 0 / 4%), inset 1px 1px 0 rgb(214 208 208 / 36%) !important
}

.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 {
    padding-top: 10px;
    max-height: 200px;
    border: none;
    background: none;
    overflow-y: scroll;
    height: 130px;
    max-height: 130px;
    border-bottom: 1px solid #dedede;
    border-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

body.dark .messenger__input {
    padding-top: 10px;
    max-height: 200px;
    border: none;
    background: none;
    overflow-y: scroll;
    height: 130px;
    max-height: 130px;
    border-bottom: 1px solid #181a20;
    border-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.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;
        padding-left: 37px;
        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;
        flex-direction: row !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 .panel__btns {*/
    /*    flex-direction: column;*/
    /*    justify-content: flex-start;*/
    /*    align-items: flex-start*/
    /*}*/

    .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
}
.schedule__price {
    background: #36cc80;
   
}

body.dark .schedule__price {
    color: #ffffff;
}

.cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
    font-size: .85rem;
    margin-top: .5rem;
    width: max-content;
}

.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: 1px solid #dedede
}

.header_top_main {
    z-index: 9;
    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 {
    background-color: #f8f8f9;
    color: #d9dae9;
    height: 40px;
    font-size: 12px
}

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

.header_top_menu_right > li > a, .header_top_slogan h1 {
    color: #191a27
}

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

.header_top_navbar {
    height: 80px;
    background: #fff;
    border-bottom: 1px 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: 600;
    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 .search__input {
    height: 45px;
    font-weight: 400;
    border-radius: 50px;
}


/*body.dark.modern .search__input {*/
/*    width: 118%;*/
/*    margin-left: -100px;*/
/*}*/

/*.search__input {*/
/*    width: 118%;*/
/*    margin-left: -100px;*/
/*}*/
/*body.dark.modern .search__body {*/
/*    position: absolute;*/
/*    top: 45px;*/
/*    left: -100px;*/
/*    right: 3px;*/
/*    padding: 20px 3px 9px;*/
/*    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 3px;*/
  
/*    transition: all .2s;*/
/*    border: 2px solid #34374a !important;*/
/*}*/

/*.search__body {*/
/*    position: absolute;*/
/*    top: 43px;*/
/*    left: -100px;*/
/*    right: 4px;*/
/*    padding: 20px 3px 9px;*/
/*    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);*/
/*    border-radius: 3px;*/
/*    visibility: hidden;*/
/*    transition: all .2s;*/
/*    border: 2px solid #36cc80 !important;*/
/*}*/

body.dark.modern .search__body {
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    padding: 84px 12px 12px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    background: #171a21;
    border-radius: 3px;
    transition: all .2s;
    border-color: #36cc80;
}

.search__body {
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    padding: 84px 12px 12px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    border-radius: 3px;
    transition: all .2s;
    border-color: #36cc80;
}

body.dark .header_top_navbar .search__input:focus {
    border-color: #4b5192
}

body.dark .header_top_navbar .search__input {
    color: #d9dae9 !important;
    background: #272B30 !important
}

.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: 35%;
    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: 600;
    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
}
.category_list_box_title a{
    color: #1A1D1F;
}
body.dark .category_list_box_title a{
    color: #fff
}
.blog_card_text, .blog_card_text .blog_card_details span, .blog_slider_title h2, .blog_view_btn.active i, .category_list_img_arrow i, body.dark .blog_card_text .blog_card_details, body.dark .blog_card_text .blog_card_title h2 {
    color: #fff
}

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

.notCategoryShowing {
    display: none
}

.notCategoryShowing.active {
    display: flex
}

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

.category_list_box {
    margin-bottom: 0.5rem;
    position: relative;
    /* padding: 12px 12px 0; */
}

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

/*.catealangenel{*/
/*    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);*/
/*}*/

.category_list_box_img {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.category_list_box_img a {
    width: 100%
}

.category_list_box_img img {
    border-radius: 8px 8px 0 0;
    transition: .5s all ease;
    width: 100%;
    object-fit: cover;
    height: 100%;
    min-height: 260px
}

.category_list_box_title {
    height: auto
}

.category_list_box_title a {
    border-radius: 0 0 8px 8px;
    display: flex;
    padding: 16px;
    justify-content: left;
    font-weight: 600;
    font-size: .875rem;
    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
}

.category_list_box:hover .category_list_box_img img {
    transform: scale(1.1)
}

.category_list_box:hover .category_list_img_arrow {
    opacity: 1;
    transition: .5s all ease
}

.category_list_img_arrow {
    position: absolute;
    left: calc(50% - 16px);
    top: -21px;
    transition: .5s all ease;
    opacity: 0
}

.category_list_img_arrow span {
    display: flex;
    width: 28px;
    height: 28px;
    background: #173642;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: .75rem
}

.blog_card::before, .blog_slider_gradient {
    content: '';
    transition: .5s all ease;
    background: linear-gradient(0deg, #000, transparent)
}

.last_blog {
    display: flex;
    margin-bottom: 2rem
}

.big_blog_card {
    width: calc(45% - 15px);
    height: 460px;
    margin: 7.5px;
    position: relative
}

.blog_card::before {
    position: absolute;
    bottom: 0;
    border-radius: 4px;
    width: 100%;
    height: 60%
}

.blog_card {
    position: relative;
    width: 100%
}

.blog_card:hover:before {
    height: 100%;
    transition: .5s all ease
}

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

.blog_card_text {
    position: absolute;
    bottom: 0;
    padding: 20px;
    vertical-align: bottom;
    z-index: 2
}

.last_blog_slider, .last_blog_slider .item {
    position: relative
}

.blog_card_text .blog_card_title h2 {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

.blog_card_text .blog_card_details {
    font-size: .8rem;
    font-weight: 700;
    margin-top: .5rem;
    opacity: .8
}

.right_blog_cards {
    width: calc(55% - 10px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.right_sm_blog_card {
    width: calc(50% - 15px);
    height: calc(50% - 15px);
    margin: 7.5px;
    position: relative;
    display: flex;
    max-height: calc(230px - 7.5px)
}

.blog_view_btn {
    opacity: .5;
    transition: .5s all ease
}

.blog_view_btn.active {
    opacity: 1;
    transition: .5s all ease
}

.blog_view_vertical .summary {
    width: 33.3333% !important;
    flex: 0 0 calc(33.333% - 32px) !important;
    margin: 32px 16px 0;
    margin-bottom: 1.5rem !important
}

.blog_list_page .summary {
    margin-bottom: 1.5rem !important;
    margin-top: 15px
}

.sidebar_popular_blog_card .summary {
    padding: 0;
    width: 100%;
    margin: 0
}

.sidebar_popular_blog_card .card__head {
    margin-bottom: 15px
}

.big_blog_card .blog_card_text .blog_card_title h2 {
    font-size: 18px
}

.last_blog_slider {
    margin-bottom: 2rem
}

.blog_slider_title {
    position: absolute;
    bottom: 93px;
    left: 25px;
    z-index: 99;
    width: 70%
}

.blog_slider_title h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px
}

.blog_slider_gradient {
    position: absolute;
    bottom: 0;
    border-radius: 12px;
    width: 100%;
    height: 60%
}

body.dark .blog_slider_category a {
    color: #fff !important
}

body.dark .blog_slider_category {
    background: #111315
}

.blog_slider_category a {
    color: #414666 !important
}

.blog_slider_category {
    position: absolute;
    padding: .5rem 1.5rem;
    font-size: 14px;
    font-weight: 600;
    color: #414666;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 30px;
    top: 15px;
    left: 15px
}

.blog_view_details, .modern_shop_product {
    flex-direction: column
}

.blog_slider_img {
    height: 500px;
    display: flex
}

.blog_slider_img img {
    height: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px
}

.last_blog_slider_thumbnails {
    position: absolute;
    bottom: 0;
    z-index: 9999999;
    width: 100%;
    height: 85px
}

.last_blog_slider_thumbnails .owl-item.current .blog_slider_img img {
    border-bottom: 4px solid #3f7dd1
}

.last_blog_slider_thumbnails .blog_slider_img {
    height: auto;
    padding: 0 .5rem
}

.last_blog_slider_thumbnails .blog_slider_img img {
    cursor: pointer;
    width: 100%;
    height: 60px;
    border-radius: 8px 8px 0 0
}

.pagination {
    display: flex;
    padding: 1.5rem 0
}

.pagination .page-item.disabled {
    opacity: .4
}

.pagination .page-item.active .page-link {
    background: #1f1f1f;
    border-color: #1f1f1f;
    color: #fff;
    font-weight: 700
}

.pagination .page-item .page-link {
    color: #1f1f1f;
    font-size: .85rem;
    font-weight: 400
}

.blog_view_details .summary_description a, .summary_description a {
    color: #1A1D1F
}

.pagination .page-item:nth-child(odd) .page-link {
    border-bottom-right-radius: 0
}

.summary_description {
    display: none
}

.blog_view_details .summary {
    flex: 0 0 100% !important;
    width: 100%;
    display: flex;
    flex-direction: row
}

.blog_view_details .summary__preview {
    display: flex;
    min-width: 284px;
    max-width: 284px;
    margin-right: 1rem
}

.blog_view_details .summary__title {
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.blog_view_details .summary_description {
    display: block;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.blog_view_details .summary_details_box {
    width: calc(100% - (284px - 1rem));
    padding-right: 2rem
}

.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;
}
.breadcrumb li:first-child {
    margin-left: 0;
    padding: 2px 10px;
    border-radius: 4px
}

.breadcrumb li {
    margin-left: 20px;
    padding: 4px 8px;
    border-radius: 4px;
    background: 0 0;
    transition: background-color .2s;
    font-family: Inter,-apple-system,Helvetica Neue,sans-serif
}

.breadcrumb li:hover {
    background-color: transparent
}

.breadcrumb li:last-child {
    margin-left: 20px;
    background-color: #36cc80;
    padding: 4px 9px;
    border-radius: 4px;
    /* color: #fff!important; */
    font-weight: 600
}

.breadcrumb li a {
    color: rgb(85 85 85)!important;
    font-weight: 600
}

.breadcrumb li:last-child a {
    color: #fff!important
}

.breadcrumb li:first-child:before {
    display: none
}

.breadcrumb li:before {
    position: absolute;
    float: left;
    padding-right: .5rem;
    color: #858585!important;
    font-family: 'Font Awesome 5 Pro';
    content: "\f054"!important;
    font-size: 11px;
    margin-left: -23px;
    margin-top: 1px
}


body.dark .product__wrapper {
    background: #212630;
}

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


.product__share .icon {
    width: 24px;
    height: 24px;
    fill: #36cc80;
    transition: fill .2s;
}

/* 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 {
    position: relative;
    text-align: center;
}

.custom-product-image {
    width: 100%;
    height: auto;
    object-fit: cover; /* 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;
}





/* 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: 30px; /* 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 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* 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 {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

/* 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-bottom {
    margin-top: 30px;
    text-align: center;
}

.custom-product-title {
    font-size: 16px;
    font-weight: bold;
    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: bold;
    color: #ffffff;
}
.custom-price-box .custom-current-price {
    font-size: 18px;
    font-weight: bold;
    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 {
    position: relative;
    height: auto;
    background: linear-gradient(16deg, #202023 0, #444651 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.custom-product-card {
    position: relative;
    height: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}


.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 */
}

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

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





body.dark.modern .header-row {
    display: flex;
    justify-content: space-between;
    background-color: rgb(33 38 48 / 90%);
    box-shadow: inset 0 0 10px 0 rgba(94, 92, 154, 0.12);
    /*border-top-left-radius: 8px;*/
    /*border-top-right-radius: 8px;*/
   
    flex-wrap: nowrap;
   color: #f6f7f7;
}


.header-row {
    display: flex;
    justify-content: space-between;
    background-color: rgb(33 38 48 / 0%);
    box-shadow: inset 0 0 10px 0 rgba(94, 92, 154, 0.12);
    /*border-top-left-radius: 8px;*/
    /*border-top-right-radius: 8px;*/
  
    flex-wrap: nowrap;
   color: #606060;
}





.header-column {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-right: 1px solid #323232;
    border-top: 0;
    cursor: pointer;
    position: relative;
    transition: all ease 0.2s;
    text-align: center;
    border-right: 1px solid #555;
    
}

@media (max-width: 768px) {
    body.dark.modern. .header-row {
        display: flex;
        justify-content: space-between; 
        gap: 5px; 
    }
    
       .header-row {
        display: flex;
        flex-wrap: wrap; 
        justify-content: space-between; 
        gap: 5px; 
    }
    
        .header-menu {
        display: none;
       
    }
    .cardspec2 {
     padding-bottom: 10px;
    padding-top: 10px;
    }
    .header-column {
        flex: 1 1 22%; 
        text-align: center; 
        padding: 8px 5px; 
        font-size: 8px; 
        white-space: nowrap; 
    }

    .header-column i {
        font-size: 16px;
        margin-right: 3px; 
    }
}


.header-column:last-child {
  border-right: none;
}



.header-column:hover::before {
    width: 100%; 
}

.header-column.active::before {
    width: 100%;
}

.header-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 5px;
    background-color: #36cc80; 
    transition: width 0.3s ease;
    
}

.header-column:hover::before {
    width: 100%; 
    
}


.header-column.active::before {
    width: 100%; 
}


body.dark.modern #menu1 {
    padding: 20px;
    background-color: #1f252e;
    border: 0px solid #36cc80;
    border-radius: 8px;
    color: #ffffff;
    line-height: 1.6;
    font-size: 15px;
    box-shadow: 0 4px 10px rgb(39 172 61 / 33%);
}



#menu1 {
    padding: 20px;
    background-color: #1f252e00;
    border: 0px solid #36cc80;
    border-radius: 8px;
    color: #646060;
    line-height: 1.6;
    font-size: 15px;
    box-shadow: 0 4px 10px rgb(39 172 61 / 33%);
}
body.dark.modern #menu2 {
    padding: 20px;
    background-color: #1f252e;
    border: 0px solid #36cc80;
    border-radius: 8px;
    color: #ffffff;
    line-height: 1.6;
    font-size: 15px;
    box-shadow: 0 4px 10px rgb(39 172 61 / 33%);
}


#menu2 {
    padding: 20px;
    background-color: #1f252e00;
    border: 0px solid #36cc80;
    border-radius: 8px;
    color: #646060;
    line-height: 1.6;
    font-size: 15px;
    box-shadow: 0 4px 10px rgb(39 172 61 / 33%);
}

body.dark.modern #menu3 {
    padding: 20px;
    background-color: #1f252e;
    border: 0px solid #36cc80;
    border-radius: 8px;
    color: #ffffff;
    line-height: 1.6;
    font-size: 15px;
    box-shadow: 0 4px 10px rgb(39 172 61 / 33%);
}


#menu3 {
    padding: 20px;
    background-color: #1f252e00;
    border: 0px solid #36cc80;
    border-radius: 8px;
    color: #646060;
    line-height: 1.6;
    font-size: 15px;
    box-shadow: 0 4px 10px rgb(39 172 61 / 33%);
}




#menu1 p {
    margin-bottom: 15px; 
   
}


#menu1 ul {
    padding-left: 20px; 
}

#menu1 ul li {
    list-style: disc; 
    color: #00ff00;
    margin-bottom: 10px; 
}

body.dark.modern .header-column i {
    margin-right: 8px; /* İkon ile metin arasında boşluk */
    font-size: 18px; /* Ä°kon boyutu */
    color: #36cc80; /* Ä°kon rengi */
    transition: color 0.3s ease;
}

body.dark.modern .header-column:hover i {
    color: #ffffff; /* Hover durumunda ikon rengi */
}

.header-column i {
    margin-right: 8px; /* İkon ile metin arasında boşluk */
    font-size: 18px; /* Ä°kon boyutu */
    color: #36cc80; /* Ä°kon rengi */
    transition: color 0.3s ease;
}

.header-column:hover i {
    color: #80f1b1; /* Hover durumunda ikon rengi */
}


body.dark.modern .product-item {
   position: relative;
    height: auto;
    background: linear-gradient(16deg, #202023 0, #444651 100%);
    margin-bottom: 6px;
    box-shadow: #00000030 0 2px 10px;
}

.product-item {
    position: relative;
    border: 0px solid #3a3f4e;
    border-radius: 6px;
    background: #3e3e3e0f;
    transition: box-shadow 0.3s ease;
}

.cardsearchcate{
    background: #3e3e3e17 !important;
}
body.dark.modern .cardsearchcate {
    background: #212630 !important;
}

body.dark.modern .pimg-base {
    background: linear-gradient(95deg, #2e2f32 13%, rgba(58, 54, 54, 0.88) 36%, #3e3e3e 50%);
    padding: 10px;
    text-align: center;
}

.pimg-base {
    background: #3e3e3e00;
    padding: 10px;
    text-align: center;
}

.pimg-base img {
    width: 100%;
    transition: transform 0.3s ease;
}

.pimg-base:hover img {
    transform: scale(1.05);
}

body.dark.modern .product-detail {
    padding: 8px;
    /*background-color: #3e3e3e;*/
    text-align: center;
}
.product-detail {
    padding: 8px;
    background-color: #3e3e3e00;
    text-align: center;
}

body.dark.modern .product-name {
    color: #ffffff;
   font-weight: 500;
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    height: 35px;
    white-space: initial;
    margin-bottom: 5px;
    overflow: hidden;
    
}
.product-name {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    height: 35px;
    white-space: initial;
    margin-bottom: 5px;
    overflow: hidden;
}


body.dark.modern .product-price .sales-price {
    font-weight: bold;
    color: #e7e7e7;
    font-size: 16px;
}

.product-price .sales-price {
    font-weight: bold;
    color: #606060;
    font-size: 16px;
}

.product-price .list-price {
    font-size: 12px;
    text-decoration: line-through;
        color: #50535f;

}

.urunrating i {
    color: #f69f29;
    margin: 0 2px;
}


.product-price .sales-price {
    font-size: 18px;
    line-height: 17px;
    margin-top: 2px
}


.product-card {
    flex: 1 1 calc(16.66% - 16px); /* 6 sütun düzeni için */
    max-width: calc(16.66% - 16px); /* 6 sütun düzeni için */
    box-sizing: border-box;
    margin-bottom: 16px;
}

@media (max-width: 1200px) {
    .product-card {
        flex: 1 1 calc(25% - 16px); /* 4 sütun düzeni */
        max-width: calc(25% - 16px);
    }
}

@media (max-width: 768px) {
    .product-card {
        flex: 1 1 calc(50% - 16px); /* 2 sütun düzeni */
        max-width: calc(50% - 16px);
    }
}

@media (max-width: 480px) {
    .product-card {
        flex: 1 1 calc(100% - 16px); /* 1 sütun düzeni */
        max-width: calc(100% - 16px);
    }
}

@media (max-width: 768px) {
    .shop__products {
        display: flex;
        flex-wrap: nowrap; /* Ürünlerin alt alta değil, yan yana dizilmesini sağlar */
        overflow-x: auto; /* Sağa sola kaydırma */
        gap: 6px; /* Ürünler arası boşluk */
        padding-bottom: 10px; /* Scroll bar için boşluk */
        -webkit-overflow-scrolling: touch; /* iOS için yumuşak kaydırma */
          -ms-overflow-style: none;  /* Internet Explorer ve Edge */
       scrollbar-width: none;  /* Firefox */
 
    }

    .product-card {
        flex: 0 0 calc(70% - 16px); /* Ürün genişliği */
        max-width: calc(70% - 16px);
        box-sizing: border-box;
    }

    .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ı */
    }
       .product-card {
        flex: 0 0 calc(50% - 8px); /* İki sütun düzeni */
        max-width: calc(50% - 8px);
        box-sizing: border-box;
       
    }
    
}
/* Web görünümünde kaydırma */
.shop__products {
    display: flow;
    padding-bottom: 10px;
}


.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ı */
}

.product-card {
    flex: 0 0 calc(16.66% - 10px); /* 6 sütun düzeni */
    max-width: calc(16.66% - 10px); /* Genişlik ayarı */
    box-sizing: border-box;
}


.product-card {
    flex: 1 1 calc(16.66% - 10px); /* 6 sütun için hesaplama */
    max-width: calc(16.66% - 10px);
}
.product-card {
    margin-bottom: 15px;
}

.product-card {
    display: inline-block;
}







/* Genel Ayarlar */
.main-blog {
    padding: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
   
}

/* Kartların Genel Stili */
.main-blog .col-md-3 {
    flex: 0 0 23%; /* Webde her kartın genişliği (%23) */
    max-width: 23%; /* Maksimum genişlik ayarı */
    box-sizing: border-box; /* Kenar boşluklarını genişliğe dahil et */
    margin: 0; /* Ekstra margin kaldır */
}

.main-blog .col-md-3 img {
    width: 100%; /* Görseller tam genişlikte */
    height: auto; /* Oran koruyarak ölçekle */
}

/* Kart İçeriği Hizalama */
.blog-item {
    display: flex;
    flex-direction: column; /* İçerik dikey olarak sıralansın */
    justify-content: space-between; /* Üst ve alt içeriği hizala */
    height: 100%; /* Kartların yüksekliği sabit kalsın */
}



/* Mobil Görünüm */
@media (max-width: 768px) {
    .main-blog {
        display: flex;
        flex-wrap: nowrap; /* Yatay kaydırılabilir */
        overflow-x: auto; /* Yatay kaydırma etkin */
        gap: 16px; /* Kartlar arasındaki boşluk */
        padding: 16px; /* Kenarlara boÅŸluk ekle */
    }

    .main-blog .col-6 {
        flex: 0 0 80%; /* Mobilde geniÅŸlik %80 */
        max-width: 80%; /* Maksimum geniÅŸlik */
        scroll-snap-align: start; /* Kartlar hizalanır */
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Belirgin kart */
        border-radius: 8px;
    }

    .main-blog::-webkit-scrollbar {
        display: none; /* Mobilde kaydırma çubuğunu gizle */
    }
}

/* Görsel Sabitleme */
.blog-image {
    height: 150px; /* Tüm görsellerin yüksekliği sabit */
    overflow: hidden;
}

.blog-image img {
    object-fit: cover; /* Görsel düzgün şekilde sığsın */
    width: 100%;
    height: 100%;
}

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

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

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











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


.btn-success2 {
    border: 2px solid #36cc80!important;
    background: 0 0;
    color: #000000!important;
    transition: background .2s ease-out!important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    top: -10px;
}

body.dark.modern .btn-success2:hover {
    border: 2px solid #36cc80!important;
    background:#36cc80 ;
    color: #fff!important;
    transition: background .2s ease-out!important;
}
.btn-success2:hover {
    border: 2px solid #36cc80!important;
    background:#36cc80 ;
    color: #fff!important;
    transition: background .2s ease-out!important;
}

body.dark .vertical_product_card .product_card {
    color: #fff;
    border: 0px solid #181a20;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 16px;
  /*  background: linear-gradient(95deg, #2e2f32 13%, rgb(58 54 54 / 88%) 36%, #3e3e3e 50%);*/
 
}

.vertical_product_card .product_card {
     width: calc(100% - 24px) !important; 
     /*flex: 0 0 calc(20% - 24px); */
    background: 0 0;
    box-shadow: 0 2px 9px 1px #3232322e;
    border-radius: 0.625rem;
    /*padding: 1rem;*/
    display: flex;
    flex-direction: column;
    border: none;
    padding-bottom: 7px !important;
	/* height:100%; */
}

@media (max-width: 576px) {
    .product-card {
        flex: 0 0 50%; /* Kartları 2 sütun yap */
        max-width: 50%;
    }
}



.vertical_product_card .product_card .summary_category_icon, body.dark .vertical_product_card .product_card .summary_category_icon {
    box-shadow: rgb(0 0 0 / 27%) 0 5px 7px;
    background: linear-gradient(90deg, var(--myColor1), var(--myColor2) 100%);
    transition: --myColor1 3s, --myColor2 3s
}

.vertical_product_card .summary__preview:hover:before {
    background-position: 50%;
}
.vertical_product_card .summary__preview:before {
    content: "";
    position: absolute;
	border-radius:0px;
    width: 100%;
    height: 100%;
    left: 0;
    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:after {
    background: transparent;
}
.vertical_product_card .summary__preview {
    display: flex;
    /* height: auto !important; */
    position: relative;
    border: none;
    border-radius: 0;
    max-height: inherit !important;
    padding: 1.5rem;
   
}

/*body.dark.modern .summary__preview {*/

/*    background: #3a3a3a;*/
/*    background: linear-gradient(95deg, #2e2f32 13%, rgb(58 54 54 / 88%) 36%, #3e3e3e 50%);*/

/*}*/


.vertical_product_card .summary__line {
    margin-top: 2rem
}

body.dark .vertical_product_card .product_card .summary_category_icon {
    border-bottom: none;
    --myColor1: rgb(33 32 60) 35%;
    --myColor2: #272a52
}

.vertical_product_card .product_card .summary_category_icon {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #dedede;
    z-index: 9;
    border-radius: 0 !important;
    --myColor1: rgb(33 32 60) 35%;
    --myColor2: #272a52
}

.vertical_product_card .product_card .summary_category_icon .summary_category_icon_item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    height: 20px
}

.vertical_product_card .product_card .summary_category_icon .summary_category_icon_item img {
    position: static !important
}

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

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

.vertical_product_card .summary__preview:after, .vertical_product_card .summary__preview:before {
    width: 100%;
    height: 100%;
}

.vertical_product_card .summary__preview > img {
    border: none;
    object-fit: cover;
   /* height: 250px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-height: 250px;*/
    position: static !important;
}

.vertical_product_card .product_card:hover .summary_category_icon {
    background: #1b2943
}

.shop__products nav {
    width: 100%;
    justify-content: center;
    display: flex
}

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

body.dark .pagination .page-item.active .page-link {
    background: #233961;
    border-color: #3b4559;
    color: #fff;
    font-weight: 700
}

.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: #36cc80;
    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: 0 auto 0 0;
    margin-right: 0 !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 {
    background: #fff;
    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: #36cc80 !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: #212630;
    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: 600;
    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: 20px;
    top: 25px;
    position: absolute;
    padding: 10px;
    background: #171a21;
    border-radius: 100%;
    color: #36cc80;
}

.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
}

.theme__box .icon {
    margin: 5px;
    width: 20px;
    height: 20px;
    transition: fill .2s;
}

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



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


}


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

@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 */
    }
}



/*.products__tab {*/
/*    box-shadow: #000 0 3px 8px;*/
/*    border-radius: 6px;*/
/*    border: 2px solid #FF5722;*/
/*    margin: 1rem 0;*/
/*    position: relative;*/
/*}*/

/*body.dark.modern .products__tab {*/
/*    box-shadow: #000 0 3px 8px;*/
/*    border-radius: 6px;*/
/*    background: #212630;*/
/*    border: 2px solid #36cc80;*/
/*    margin: 1rem 0;*/
/*    position: relative;*/
/*}*/
@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: #212630;
}

.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: 600;
    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
}

body.dark .schedule__row:not(:first-child):hover {
    background: 0 0
}

body.dark .schedule__row:not(:first-child):hover .schedule__row_contains {
    background: rgb(39 43 50)
}

.schedule__row:not(:first-child):hover {
    background: 0 0
}

.schedule__row:not(:first-child):hover .schedule__row_contains {
    background: #F4F4F4
}

body.dark .schedule__col_details .alert {
    background: #272b31;
    color: #fffb8
}

.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: 1400px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .page__container {
        max-width: 1400px;
    }
    .owl-item.active {
        width: 1400px;
    }

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

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

    .shop .card {
        max-width: 1400px;
        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;
}
.shop__control {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 2rem;
}
.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{
    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: 0px 0px 0px 0px;
    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;
}

.messenger__form{
    flex-grow: inherit;
    width: auto;
    display: flex;
    width: 60%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 0;
}
.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: #212630;
    }
}
@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: 45px;
    border-color: #36cc80;
    height: 40px;
    margin: 2px;
}


.button {
     color: #606060;
    width: 75%;
    border-color: #36cc80;
    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: #212630;
    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: #212630;
    border: 1px solid #181a20;
}



.user-name-icon {
    position: relative;
    display: inline-block;
     background: #36cc80;
    border-radius: 50%;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    vertical-align: top;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    font-weight: 600;
	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 {
    border-color: #181a20;
}
.messenger {
    flex-grow: 1;
    border: 1px solid #181a20;
    border-radius: 12px;

}

ol {
    list-style-type: disc;
    margin-left: 30px;
}

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: #36cc80;
}
.header_top {
height: 60px;
}
.users__button i{
	/* color: #36cc80; */
    margin-right: 5px;
    font-size: 17px;
}
body.dark .header_top {
    background: #2a2c41;
}
body.dark .header_top_navbar {
    background: #25283b;
}
body.dark .header_top_navbar .search__input {
    border: 1px solid #34374a!important;
    background: #25283b !important;
}

body.dark.modern .header_top {
    background: #212630;
}
body.dark.modern .header_top_navbar {
    background: #212630;
    border-top: 0px solid #333444;
    border-bottom: 0px solid #333444;
}
body.dark.modern .header_top_navbar .search__input {
    border: 2px solid #34374a!important;
    background-color: #171a21 !important;
}

.header_top_navbar .search__input {
    border: 2px solid #36cc80!important;

}
body.dark.modern .header_top_menu {
    background: #212630;
    border-bottom: 2px solid #212630;
}

body.dark .button{
	background:transparent;
    border: 1px solid #fff;
    color: white;
}
body.dark .theme__input:checked + .theme__inner {
    background: #333c50;
}
.theme__input:checked + .theme__inner {
    background: #F4F4F4;
}
body.dark .header_top_menu {
    background: #2f3245;
    border-bottom: 2px solid #2f3245;
}
body.dark {
    background: #383a4f;
}
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(37 39 58)!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,#212630,#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;
}
body.dark.modern .panel:before {
    background: #212630;
    box-shadow: inset 1px 0px 0px #212630;
}

.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;
}



.kenarlialanmav {

border-radius: 8px;
}

 .kenarlialanmav {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-radius: 6px;
padding: 16px 18px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: space-between;
}

body.dark.modern .kenarlialanmav{
background: #212630;
}
.kenarlialanmav{
background: #24263a;
padding: 20px;
    border-left: 5px solid #36cc80;
    border-right: 5px solid #36cc80;
}

body.dark .kenarlialanmav:before {
background-color: #212630;
background: radial-gradient(circle at top left, #2f2e2e 50%, #32353e00 90%);
}

.kenarlialanmav:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-color: #fff;
background: radial-gradient(circle at top left, #fff 50%, #00000024 90%);
}

.kenarlialanmav-banner {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
width: 60%;
height: 100%;
object-fit: cover;
}




.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: #212630 !important;
	padding:40px !important;
}
.ozalanalt{
	background: #fff;
	padding:40px !important;
}

body.dark.modern .foot{
	/*background: #171a21 !important;*/
	    background: linear-gradient(180deg, rgb(23 26 33) 0, #212630 50%);
}
.foot h6{
    border-bottom: 1px solid #36cc80;
    padding-bottom: 7px;
}

.card {
    background: transparent;
    border-color: transparent;
}
.fcp_box a, .foot h6{
	color:black;
}
body.dark .fcp_box a, body.dark .foot h6, body.dark .schedule__product a{
	color:white;
}
body.dark .schedule__quantity{
background-color: #181a21;
    border: 2px solid #323948 !important;
    color: white !important;
}
.schedule__product a{
	color:black;
}

body.dark .cardspec {
    background: #24263a;
    border: 0px solid #24263a;
    border-radius: 8px;
    
}

body.dark.modern .cardspec {
    background: #212630;
    border: 1px solid #171a21;
    border-radius: 15px;
    box-shadow: 0px 0px 0px 0px #212630 !important;
}

.cardspec {
    background: #fff;
    border-radius:15px;
    box-shadow: 7px 7px 15px -5px #ccc !important;
    border: 1px solid #eaeaea;
}

.shop__details {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}



.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;
}
.summary__preview{
    -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;
    width: 100%;
    height: 220px;
	border-radius:10px;
}



/*body.dark.modern .summary__preview{*/
/*    background-color: rgba(0,0,0,.6);*/
   
/*}*/







.publisher_list .publisher_card .summary__line {
    padding-top: 16px;
    padding-bottom: 0px;
}
.btn-orange {
    background-color: #36cc80 !important;
    border-color: #36cc80 !important;
    color: white;
}
.btn-primary {
    color: #000;
    background-color: #36cc80 !important;
    border-color: #36cc80 !important;
}

.text-genel{
	color:#36cc80;
}

body.dark .productyataylist .product-info{
    background: #383a4f;
}

body.dark.modern .productyataylist .product-info {
    background-color: #171a2100;
}




/*body.dark .productyataylist{*/
/*	background: #24263a;*/
/*    border: 0px solid #24263a;*/
/*}*/


/*yeni*/
body.dark .productyataylist {
    background: #24263a;
    background-color: #212630;
}


       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: #36cc80 !important
        }

        .productyataylist .btn-price-chart {
            padding: 3px 15px;
            background: #fff;
            border: 2px solid #36cc80;
            display: block;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: #484848;
        }

        .productyataylist .btn-price-chart:hover {
            linear-gradient(90deg, #36cc80 -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: 600;
    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: #36cc80;
        }

        .productyataylist .bottom-block .market-actions .market-action button {
            width: 100%;
        }

        .productyataylist .bottom-block .add-basket-button {
            padding: 6px 15px;
            font-weight: 600;
            width: 100%;
        }

        .productyataylist .bottom-block .add-purchase-button {
            color: #fff;
            font-weight: 600;
            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: 600;
        }
		.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{
	border:2px solid #24263a;
	color:White;
}
.kateyanalanmen{
	border:2px solid #fff;
	color:black;
	padding-left:15px !important;
	padding:10px;
	border-radius:7px;
    box-shadow: #00000033 0px 3px 8px;
}
.kateyanalanmen.active{
	background:#36cc80;
	color:black !important;
}

body.dark.modern .kateyanalanmen.active{
	background:#36cc80;
	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;
}
.ilangenelbilgi .ilanozel .detail-row-left {
    width: 138px;
    font-size: 12px;
    padding: 9px;
    background: #f07134;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
}
.ilangenelbilgi .ilanozel i {
    font-weight: 300;
    width: 16px;
    margin-right: 4px;
}
.ilangenelbilgi .ilanozel .detail-row-right {
    word-break: break-all;
    font-weight: 600;
    font-size: 13px;
    padding: 9px;
}

body.dark .ilangenelbilgi .ilanozel{
	background-color:#24263a;
}

 body.dark .ilanaltalani{
	background:#24263a;
	border-color:#24263a;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #36cc80;
}
.nav-link {
    color: #36cc80;
}

.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: 600;
}

.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,#212630,#24263a78);
}



.cardborder{
	
	    border-radius: 8px;
}






.footer-main-logo-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    margin-right: 10px;
        max-width: 178px;
}

.footer-main-logo-section img {
    width: 100%;
    object-fit: contain
}


@media screen and (max-width: 992px) {
  .footer-main-logo-section {
                 display: block;
}
.forimageproducts {
                 display: none;
}

}





.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: 600;
    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%;
}

.cardek {
    position: relative;
    padding: 24px !important;
    background: #FCFCFC !importan;
    border-radius: 6px;
}

.faq__container {

    border-radius: 32px;
  
}
body.dark .cardek {
    background: #24263a !important;
    border: 1px solid #24263a !important;
}
body.dark.modern .cardek {
    background: #212630 !important;
    border: 1px solid #212630 !important;
}
.cardek {
    background: #fff !important;
    border: 1px solid #fff !important;
}

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: 600;
    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: 600;
    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, #166547 65%, #24ad76);
    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);
    }
}

   

/* Popüler Kategoriler Grid Yapısı */
.popular-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    // justify-content: space-between; 
    gap: 10px; /* Öğeler arasında boşluk */
    margin-top: 20px;
    padding: 0; /* Kenar boşluklarını kaldır */
}

/* Popüler Kategoriler Öğesi */

body.dark .popular-item {
    cursor: pointer;
    position: relative;
    background: linear-gradient(16deg, #202023 0, #444651 100%);
    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;
    
    /* height: 220px; /* Sabit yükseklik */ */

}

.popular-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); /* 6 sütun (maksimum) */
    /* height: 220px; /* Sabit yükseklik */ */

}

.popular-item-img {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
	background-size:cover;
    width: 100%;
    height: 100%;
}

.popular-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Görselin tam olarak alanı kaplamasını sağlar */
}

/* Hover Efekti */
.popular-item:hover {
    transform: perspective(80em) rotateX(10deg) scale(1.05);
    /*box-shadow: 0 10px 30px -10px rgb(0 0 0 / 80%);*/
    z-index: 1;
}

.popular-item:hover {
    transform: perspective(80em) rotateX(10deg) scale(1.05);
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 80%);
    z-index: 1;
}


.popular-item:hover:before {
    background-position: 50%;
}

/* Responsive Tasarım */
@media (max-width: 1024px) {
    .popular-item {
        width: calc(20% - 10px); /* 5 sütun */
        /* height: 130px; /* Sabit yükseklik */ */
    }
}

@media (max-width: 768px) {
    .popular-item {
        width: calc(25% - 10px); /* 4 sütun */
        /* height: 120px; /* Sabit yükseklik */ */
    }
}

@media (max-width: 600px) {
    .popular-item {
        width: calc(50% - 10px); /* 2 sütun */
        /* height: 110px; /* Sabit yükseklik */ */
    }
}

@media (max-width: 480px) {
    .popular-item {
        width: calc(50% - 10px); /* 2 sütun */
        /* height: 100px; /* Daha küçük yükseklik */ */
    }
}

@media (max-width: 320px) {
    .popular-item {
        width: 100%; /* Tek sütun */
        /* height: 90px; /* En küçük yükseklik */ */
    }
}

/* 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: 600;
    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: 600;
    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: 600;
    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: 600;
    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 {
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 15px; 
    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;
}

body.dark.modern .categorybox-anim {
        background-color: #212630;
}
.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);
}
.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;
}




.footercont-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0
}

.footercont-wrapper:before {
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 1px solid #36cc80;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.footercont-menu {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 48px
}

.footercont-menu:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    clip-path: polygon(calc(100% - 17px) 0%, 100% 17px, 100% 100%, 17px 100%, 0% calc(100% - 17px), 0% 0%);
}

.footercont-menu a {
    display: flex;
    gap: 16px;
    padding: 12px 10px;
    border-radius: 8px;
    font-size: 17px;
    position: relative;
    font-weight: 600;
    align-items: center
}

.footercont-menu a i {
    font-size: 30px;
    height: 60px;
    background: #36cc80;
    font-weight: 400;
    border-radius: 999px;
    padding: 10px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.footercont-menu .contact-text {
	color:black;
}
.footercont-menu a span {
    font-size: 8px;
    color: #36cc80;
    font-weight: 700
}

body.dark .footercont-menu:before {
    background: #373c50;
}

body.dark .footercont-menu .contact-text {
	color:white;
}
@media screen and (max-width: 992px) {
.footercont-menu .contact-text{
    display:none;
  }
.footercont-menu a i {
    font-size: 20px;
    height: 40px;
    width: 40px;
}
}

body.dark .lang-down{
	color:white;
}
.lang-down{
	color:black;
}
.lang-down{
    top: 10px;
    position: relative;
}

body.dark.modern .dropdown-menu {
    background: #171a21;
    box-shadow: 3px 3px 5px -3px #00000061;
    border-radius: 0;
    border: 0;
}


.dropdown-menu {
    background: #f9f9f9;
    box-shadow: 3px 3px 5px -3px #00000061;
    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: #212630;
    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: 3px;
    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(184 184 184);
    height: 42px;
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer
}

.preferences-container .preference-button.pref-ok {
    display: block;
    text-align: center;
    border-radius: 3px;
    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: #36cc80;
    border: 1px solid #36cc80;
    color: #fff;
    height: 42px;
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer
}


.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: red
}

.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 .product-item{
		background:transparent !important;
		/*border-color:transparent !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: 1px solid var(--theme-color);
      border-radius: var(--border-radius)
    }
    .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: 190px;
        color: #ffffff;
        height: 38px;
    
    }
    button {
      width: 190px;
       color: #ffffff;
    }
  }
  .same-product-div {
    .product-list {
      overflow: hidden;
      .product-item {
                      width: calc(95% / 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: #212630;
    border-color: #171a21 !important;
    border-bottom: 1px solid #ebebeb;
    padding-top: 0px;
}




body.dark.modern .header_top_navbar {
    background: #212630;
    border-color: #171a21 !important;
    border-bottom: 1px solid #ebebeb;
   
}
body.dark .theme__inner {
    position: relative;
    display: flex;
    padding: 0px;
    border-radius: 38px;
    background: #333c50;
    transition: background .2s;
}
.theme__inner {
   
    border-radius: 38px;
    
}
.header_top {
    height: 40px;
}





@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; /* Kart geniÅŸliÄŸi sabitlendi */
    height: 320px; /* Sabit bir yükseklik ayarlandı */
    overflow: hidden;
    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 */
.summary__preview {
    height: 200px; /* Sabit yükseklik */
    display: flex;
    justify-content: center;
    align-items: center;
}

.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: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

.sales-price {
    color: #36cc80;
}

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


.main-blog .blog-item .blog-inner .blog-title {
    color: #36cc80;
}




/* ==============================
   ✅ SLICK SLIDER ANA DÜZEN
================================*/
.main-blog {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; /* Kartlar eşit aralıklı */
    gap: 20px; /* Kartlar arasında boşluk */
    padding: 20px;
    align-items: stretch; /* Kartların aynı yüksekliğini sağlamak için */
}

/* Slick Slide Boyut ve Hizalama Ayarları */
.slick-slide {
    padding: 10px;
    box-sizing: border-box;
}

/* ==============================
   ✅ BLOG KARTI STİLLERİ
================================*/
.blog-item {
    flex: 1; /* EÅŸit geniÅŸlik */
    min-height: 100%; /* Kartların eşit yüksekliğini sağlar */
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    
    color: #000;
    display: flex;
    flex-direction: column; /* İçerikleri dikey hizalar */
    justify-content: space-between; /* Alt ve üst hizalamayı eşitler */
    box-sizing: border-box;
}

/* Gece Modu İçin Kartlar */
body.dark.modern .blog-item {
   
    color: white;
    border: 1px solid #333;
}

/* Kart Hover Efekti */
.blog-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

/* ==============================
   ✅ GÖRSELLERİN DÜZENİ
================================*/
.blog-image img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 200px; /* Sabit yükseklik */
}

/* ==============================
   ✅ METİN STİLLERİ VE BAŞLIKLAR
================================*/
.blog-inner {
    padding: 10px;
    text-align: center;
    flex-grow: 1; /* İçeriğin kartı doldurmasını sağlar */
}

.category-name, .blog-title, .blog-mini-desc {
    margin-bottom: 10px;
    line-height: 1.5;
}

/* ==============================
   ✅ SLICK SLIDER OK BUTONLARI
================================*/
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.slick-prev:hover, .slick-next:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.9);
    color: black;
}

/* ==============================
   ✅ DUYARLILIK (RESPONSIVE)
================================*/
@media (max-width: 992px) {
    .main-blog {
        flex-wrap: wrap;
    }

    .blog-item {
        flex: 0 0 calc(33.33% - 20px); /* 3 kart yan yana */
    }
}

@media (max-width: 768px) {
    .main-blog {
        flex-wrap: wrap;
    }

    .blog-item {
        flex: 0 0 calc(50% - 20px); /* 2 kart yan yana */
    }
}

@media (max-width: 480px) {
    .main-blog {
        flex-direction: column;
    }

    .blog-item {
        flex: 0 0 100%; /* Tek kart göster */
    }
}

/* Görsel Alanı için Düzeltme */
.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 */
}



.dark .datatabalan .dataTables_wrapper{
	background: #373c50;
}
.datatabalan .dataTables_wrapper{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
}
.dark .datatabalan .dataTables_wrapper .dataTables_length, .dark .datatabalan .dataTables_wrapper .dataTables_filter, .dark .datatabalan .dataTables_wrapper .dataTables_info, .dark .datatabalan .dataTables_wrapper .dataTables_processing, .dark .datatabalan .dataTables_wrapper .dataTables_paginate{
    color: white;
}
.dark .datatabalan .dataTables_wrapper .dataTables_filter, .dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dark .dataTables_wrapper .dataTables_paginate .paginate_button.current{
	color:White !important;
}
.dark table.datatablealan tbody td {
    border-bottom: 1px solid #2d3238;
}
.datatablealan{
    padding-top: 20px;
    padding-bottom: 15px;
	border-bottom:0px solid transparent !important;
	}
.datatabalan .dataTables_wrapper .dataTables_length,.datatabalan .dataTables_wrapper .dataTables_info {
    padding-left: 10px;
}

.datatabalan .dataTables_wrapper .dataTables_filter, .datatabalan .dataTables_wrapper .dataTables_paginate {
    padding-right: 10px;
}

.dark .datatablealan thead tr{
    background: #34475b;
}

.datatablealan thead tr th{
    border-top: 2px solid #36cc80;
}

.dark .datatablealan tbody tr{
    background: #212630;
}

.dark .datatabalan .dataTables_filter input {
     border: 1px solid #20252f;
    background-color: #20252f;
    color: white;
	}
	body.dark .datatabalan select:valid {
    background: #171a21;
    border-color: #171a21;
}
.datatabalan table tbody td {
    padding: 15px 10px !important;
}


/*siparisler mobil*/
/* Mobil görünüm düzenlemeleri */
@media (max-width: 768px) {
    .datatablealan {
        display: block;
        overflow-x: auto;
        border-radius: 10px;
        padding: 0;
    }

    /* Thead başlıklarını gizle */
    .datatablealan thead {
        display: none;
    }

    /* Satırları dikey olarak göstermek */
    .datatablealan tbody tr {
        display: flex;
        border: 1px solid #2d3238;
        margin-bottom: 10px;
        background: #212630;
        border-radius: 10px;
        overflow: hidden;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .datatablealan tbody td {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        font-size: 14px;
      
    }

    /* Mobil için sütun başlıklarını göstermek */
    .datatablealan tbody td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #36cc80;
        margin-right: 10px;
    }
    .text-success {
    color: #42c87e !important;
    }

    /* Filtre, sayfalama ve giriş alanlarının boyutlarını optimize et */
    .dark .datatabalan .dataTables_wrapper .dataTables_filter input,
    .dark .datatabalan select {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }

    /* Sayfalama butonlarının düzenlenmesi */
    .dark .dataTables_paginate {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 10px 0;
    }

    .dark .dataTables_paginate .paginate_button {
        padding: 8px 12px;
        background: #171a21;
        color: #fff;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
    }

    .dark .dataTables_paginate .paginate_button.current {
        background: #36cc80;
        color: #000;
    }

    /* Filtre ve uzunluk seçim menüsü hizalamaları */
    .datatabalan .dataTables_wrapper .dataTables_length,
    .datatabalan .dataTables_wrapper .dataTables_filter {
        display: flex;
        justify-content: center;
        padding: 10px;
    }
}



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;
}



.dark .breadcrumb li:last-child{
    color: #fff!important;
	}

.breadcrumb li:first-child {
    margin-left: 0;
    padding: 5px 10px;
    border-radius: 4px
}

.breadcrumb li {
    margin-left: 20px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #4f5567;
    transition: background-color .2s;
    font-family: Inter,-apple-system,Helvetica Neue,sans-serif
}

.breadcrumb li:hover {
    background-color: #4f5567;
}

.breadcrumb li:last-child {
    margin-left: 20px;
    border:1px solid #36cc80;
	background-color:transparent;
    padding: 6px 9px;
    border-radius: 4px;
    font-weight: 100 !important;
    font-size: 12px;
    color: #000	!important;
}

.breadcrumb li a {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 12px;
}


.breadcrumb li a {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 12px;
}


.breadcrumb li:last-child a {
    color: #fff!important
}

.breadcrumb li:first-child:before {
    display: none
}

.breadcrumb li:before {
    position: absolute;
    float: left;
    padding-right: .5rem;
    color: #858585!important;
    font-family: 'Font Awesome 5 Pro';
    content: "\f054"!important;
    font-size: 11px;
    margin-left: -23px;
    margin-top: 1px
}


.btn-secondary {
    color: #fff;
    background-color: #36cc80;
    border-color: #36cc80;
}

.page__inner3{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 96px);
    padding: 10px;
}




.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
    margin-top: 20px;
    padding: 0; 
}


.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 */
  }
}

/* Ana Grid */
.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Kategori Kartı */
.category-card {
    flex: 1 1 calc(16.66% - 12px); /* Masaüstü için 6 sütun */
    max-width: calc(16.66% - 12px);
    min-width: 150px; /* Minimum geniÅŸlik */
    cursor: pointer;
    position: relative;
}

/* Kart İçeriği */
body.dark .game-card {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background: linear-gradient(16deg, #202023 0, #444651 100%);
    aspect-ratio: 1 / 1; /* Kare oranında kalmasını sağlar */
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1), 
                0.4s box-shadow cubic-bezier(0.15, 0.67, 0.58, 1);
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.9);
}


.game-card {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 1 / 1; /* Kare oranında kalmasını sağlar */
    transition: 0.4s transform cubic-bezier(0.06, 0.92, 1, 1), 
                0.4s box-shadow cubic-bezier(0.15, 0.67, 0.58, 1);
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.9);
}

.game-card: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;
}

/* Hover Efekti */
.game-card:hover {
    transform: perspective(80em) rotateX(10deg) scale(1.05);
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 80%);
    z-index: 1;
}

.game-card:hover:before {
    background-position: 50%;
}

/* Resim Ayarları */
.cat-img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Görseller orantılı olacak */
    border-radius: 6px;
    transition: opacity 0.3s ease-in-out;
}

/* Kategori Ä°smi */
.cat-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(47, 47, 47, 0.8);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* 📱 Tablet ve iPad İçin Özel CSS */
@media (max-width: 1024px) { 
    .category-card {
        flex: 1 1 calc(25% - 12px); /* 4 sütun */
        max-width: calc(25% - 12px);
    }
}

@media (max-width: 768px) { 
    .category-card {
        flex: 1 1 calc(33.33% - 12px); /* 3 sütun */
        max-width: calc(33.33% - 12px);
    }
}

@media (max-width: 480px) { 
    .category-card {
        flex: 1 1 calc(50% - 12px); /* 2 sütun */
        max-width: calc(50% - 12px);
    }
}


    
    
    
    
    
    
    
    
    
    
        
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;
}




.dark .breadcrumb li:last-child{
    color: #fff!important;
	}

.breadcrumb li:first-child {
    margin-left: 0;
    padding: 5px 10px;
    border-radius: 4px
}

.breadcrumb li {
    margin-left: 20px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #4f5567;
    transition: background-color .2s;
    font-family: Inter,-apple-system,Helvetica Neue,sans-serif
}

.breadcrumb li:hover {
    background-color: #4f5567;
}

.breadcrumb li:last-child {
    margin-left: 20px;
    border:1px solid #36cc80;
	background-color:transparent;
    padding: 6px 9px;
    border-radius: 4px;
    font-weight: 100 !important;
    font-size: 12px;
    color: #000	!important;
}

.breadcrumb li a {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 12px;
}


.breadcrumb li a {
    color: #ffffff !important;
    font-weight: 100 !important;
    font-size: 12px;
}


.breadcrumb li:last-child a {
    color: #fff!important
}

.breadcrumb li:first-child:before {
    display: none
}

.breadcrumb li:before {
    position: absolute;
    float: left;
    padding-right: .5rem;
    color: #858585!important;
    font-family: 'Font Awesome 5 Pro';
    content: "\f054"!important;
    font-size: 11px;
    margin-left: -23px;
    margin-top: 1px
}


.btn-secondary {
    color: #fff;
    background-color: #36cc80;
    border-color: #36cc80;
}

.page__inner3{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 96px);
    padding: 10px;
}




.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 */
    }

 
   
}
  .game_info .info h1 {
    font-size: 1.5em !important;
    font-weight: bold !important;
    color: #fff !important;
    margin: 0 !important;
}

.game_info {
    width: 100%;
    height: 200px; /* Yüksekliği artırarak daha belirgin hale getirdim */
    margin: 0 auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    position: relative;
    transition: .3s;
}

.game_info .inner {
    flex: auto;
    width: 100%;
    height: 8em;
    display: flex;
    padding: 1.5em;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .2));
    color: #fff;
    transition: .3s;
}

.game_info .game_cover {
    align-self: flex-end;
    perspective: 7em;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 99;
}

.game_info .game_cover .cover {
position: relative;
    width: 120px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset rgba(0, 0, 0, .2) 0 0 0 0, rgba(0, 0, 0, .4) 0 0 0 6px;
    transform-origin: center left;
    transform: rotateY(10deg);
    transition: .3s;
    aspect-ratio: 3 / 4;
}

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

.game_info .info {
    flex: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 130px; /* Görselin yanında yer bırakır */
    color: #fff;
}

.game_info .info h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.game_info .info .publisher {
    font-size: 0.9em;
    font-weight: 500;
    opacity: 0.8;
    color: #fff;
}

.game_info .info .property {
    font-size: 0.9em;
    display: flex;
    gap: 10px;
}



.shop__background .breadcrumb {
    background: none;
    padding: 0;
    margin-bottom: 1em;
}


.game_info .inner .game_cover .cover img {
    border-radius: 8px;
    width: 100%;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
    .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 - 96px);
    padding: 5px;
}
		

@media only screen and (max-width: 767px) {
    .page__inner {
        padding: 5px 20px;
    }
}

.page__inner {

    padding: 20px;
}

body.dark .card {
  
   background: #21263000;

}







/*Login*/

        


.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: 1px solid #212121;
    border-radius: 8px;
    width: 472px;
    margin: 0 auto;
    color: #ededed;
    background-color: #212630 !important;
    box-shadow: 0 7px 15px -5px #0000005c !important;
    
}


.auth-box {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    width: 472px;
    margin: 0 auto;
    color: #484848;
}
.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: #313338;
    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: #36cc80;
    border-color: #36cc80;
        color: white;
}

body.dark.modern .entry__fieldset .entry__button {
    width: 100%;
    background-color: #36cc8000;
    border-color: #36cc80;
}

body.dark.modern .entry__fieldset .entry__button:hover {
    width: 100%;
    background-color: #36cc80;
    border-color: #36cc80;
}


.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: rgb(37 173 61);
}
body.dark.modern .login-button.selected,.register-button.selected {
    color: #ededed;
    background-color: #171a21
}

.login-button.selected,.register-button.selected {
    color: #484848;
    background-color: #ffffff;
}


.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 {
    max-width: 470px;
    width: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 24px auto 0;
    padding: 32px;
    border-radius: 8px;
    border: 1px solid #212121;
    background-color: #212630;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
}

.social-auth {
    max-width: 470px;
    width: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 24px auto 0;
    padding: 32px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    background-repeat: no-repeat;
        margin-bottom: 10px;
         margin-top: 10px;
}


            .social-auth h4 {
                font-size: 20px;
                font-weight: 600;
                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;
}  


.auth-box {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    width: 472px;
    margin: 0 auto;
    color: #484848;
    margin-bottom: 10px;
}




.register-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
}


.login-button {
    height: 45px;
    color: #484848;
    font-size: 16px;
    font-weight: 500;
    line-height: 45px;
    border-radius: 8px;
}
.login-button:hover {
   color: rgb(37 173 61);
}





.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: #36cc80;
    border-color: #36cc80;
        color: white;
}

.entry__fieldset .entry__button:hover {
    width: 100%;
    background-color: #36cc80;
    border-color: #36cc80;
        color: white;
}

body.dark .button {
    color: white;
    width: 75%;
    border-color: #36cc80;
}

body.dark .button-yeni{
    color: white;
    width: 45px;
    border-color: #36cc80;
    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: #36cc80 none repeat scroll 0 0;
    border-radius: 0;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    border: 3px solid #36cc80;
}

@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: #171a21;
    border: 2px solid #212630;
}


body.dark.modern .header-menu {
    background: #212630 !important;
    border-color: #171a21 !important;
     width: 100%;
    margin: auto;
    box-shadow: 0 5px 15px rgb(0 0 0 / 12%) !important;
    border-bottom: 2px solid #ebebeb;
    background: #fff;
}

.header-menu {
    width: 100%;
    margin: auto;
    background: #f9f9f9;
    border-top: 0px solid #e8e8e8;
    box-shadow: 0 5px 15px rgb(0 0 0 / 12%) !important;
    border-bottom: 1px solid #e8e8e8;
}

.header-menu ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    overflow: hidden;
    overflow-x: auto
}

body.dark.modern .header-menu ul li {
    width: 100%;
    display: flex;
    text-align: center;
    position: initial;
    border-color: #171a21!important;
    border-top: unset;
    border-bottom: unset;
    padding: 4px 9px
}

.header-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;
}

.header-menu ul li:hover {
    background-color: #d3d3d3
}


body.dark.modern .header-menu ul li:hover {
    background-color: #2b323e
}



.header-menu ul li a {
    text-decoration: none;
    display: block;
    outline: 0;
    width: 100%;
    line-height: 36px;
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

body.dark.modern .header-menu ul li a {
    color: #ffffff;
   
}

.header-menu ul li:not(:last-child)::after {
    content: ""
}


.header-menu ul li a:hover::after {
    transform: scaleX(1);
    transform-origin: left
}

.container-fluid {
    width: 90vw;
    max-width: 1400px
}


@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: #1aad64;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    border-radius: 10px;
}

.butonyeni:hover {

background: #1f86f3;
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: inherit;
    cursor: pointer;
}

button.users__button {
   
    font-weight: bold;
}


		 .sidebar__link{
				 padding:0px;
			 }
			 
body.dark.modern .footeryeni .baryeni2 h3 {
    color: #c8c9d8;
    
}			 

body.dark.modern .footeryeni {
   
    background: #212630;
    border-top: 1px solid #15161c;
   
}
body.dark.modern .footeryeni .baryeni2 .iconyeni {
        background: linear-gradient(16deg, #202023 0, #444651 100%);
    /*background: #181820;*/
    box-shadow: 0 0 0 6px #20212b;
 
}


.footeryeni {
    width: 100%;
    position: relative;
    padding: 30px 0;
    z-index: 2;
    border-top: 2px solid #e8e8e8;
    box-shadow: 0 5px 15px rgb(0 0 0 / 12%) !important;
}

.footeryeni .baryeni2 {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}



.footeryeni .baryeni2 .iconyeni {
    width: 65px;
    height: 65px;
    position: relative;
    border-radius: 50%;
    font-size: 45px;
    color: #36cc80;
    display: flex;
    align-items: center;
    justify-content: center;
     
}

.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;
}

.mobile-nav {
    display: none; /* Masaüstü için gizli */
   
    /*border-bottom-left-radius: 0px;*/
    /*border-bottom-right-radius: 0px;*/
    border-radius: 12px;
    position: sticky;
    width: 100%;
    justify-content: space-around;
    padding: 10px 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    bottom: 1px !important;
    background-color: #171a21ed !important;
    border: 1px solid #36cc80;
}
.nav-item {
    text-align: center;
    color: white;
    text-decoration: none;
    font-size: 12px;
}

.nav-item i {
    font-size: 20px;
    margin-bottom: 5px;
}

.nav-item span {
    display: block;
}




.nav-item {
    color: #fff;
    text-align: center;
    flex: 1;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.nav-item .septadet {
    position: absolute;
    top: -11px;
    right: -10px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 0px 5px;
    font-size: 12px;
}

.nav-item i {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
}

.nav-item:hover {
    background-color: transparent;
    color: white;
}

.nav-item:hover i, 
.nav-item:hover span {
    color: white;
}


/* Mobilde menüyü göster */
@media (max-width: 768px) {
    .mobile-nav {
        display: flex; /* Mobilde göster */
    }
}


/*usermanublade*/

	.card{
				    border: 0px solid #60606526 !important;
			}
			.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;
			}
	/*		.yanlistt a:hover, .yanlistt a.active{*/
 /*  background: #25ad3d70 !important;*/
 /*   color: #fff !important;*/
    
 /*}*/
 
 




	
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;

}
body.dark.modern .yeniusermenu {
    width: 100%;
    position: relative;
    max-width: 350px;
    min-width: 250px;
    padding-left: 5px;
    border-radius: 6px;
    padding-right: 5px;
    padding-top: 5px;
    background-color: #212630;
}

.yeniusermenu {
    width: 100%;
    position: relative;
    max-width: 350px;
    min-width: 250px;
    padding-left: 5px;
    border-radius: 6px;
    padding-right: 5px;
    padding-top: 5px;
    background-color: #ffffff;
}


/* Genel ayarlar (hem beyaz hem koyu tema için) */
.yanlistt .listyeni a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 45px;
    background: #ecedee;
    border-radius: 6px;
    gap: 12px;
    padding: 0 16px;
    color: inherit;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.15s ease, box-shadow 0.15s ease;
    margin-bottom: 0px;
}

.yanlistt .listyeni a img {
    width: 25px;
    height: 25px;
    background: transparent;
    border-radius: 6px;
}

/* Hover efekti */
.yanlistt .listyeni a:hover {
    background: #d6d6d6; /* Hafif bir hover efekti */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Dark tema özel */
body.dark.modern .yanlistt .listyeni a {
    background: linear-gradient(-135deg, rgba(200, 230, 250, .356) 0, transparent 50%);
    background-size: 110%;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 6px;
    gap: 12px;
    padding: 0 16px;
    color: inherit;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.15s ease, box-shadow 0.15s ease;
    margin-bottom: 0px;
}

body.dark.modern .yanlistt .listyeni a:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	    background: linear-gradient(-135deg, rgba(200, 230, 250, .356) 0, transparent 50%);
    background-size: 200%;
}

/* İkonlar aynı kalmalı */
.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: 68px;
    height: 28px;
    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__box {
       width: 30px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555;
}

.theme__input:checked ~ .theme__inner {
       background-color: #f9f9f900;
}

.theme__input:checked ~ .theme__inner .theme__box {
    color: #f0f0f0;
}


body.dark .theme__box:nth-child(2) .icon {
    fill: #ffffff !important;
    background-color: #8631ff;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 4px 8px -5px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25) !important;
}

@media only screen and (max-width: 1259px) {
    .theme.wide .theme__box {
        display: flex;
        height: 20px;
        border-radius: 16px;
        font-size: 15px;
    }
}

/* Menü elemanları için stil */
.menu-item {
    display: flex;
    align-items: center;
    gap: 10px;           /* İkon ile metin arasındaki boşluk */
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    background: #212630;
    text-decoration: none;
}

/* İkonlar için stil */
.menu-item i {
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 20px;
    color: #36cc80;
}

.theme__input:checked + .theme__inner .theme__box:first-child .icon {
    fill: #36cc80;
}


.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: #36cc80; 
    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: #36cc80; 
    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: 5px;
    padding: 0px 20px;
    transition: background 500ms ease-in-out, transform 300ms ease-in-out;
}

/* GiriÅŸ Butonu */
.sign-part a:first-child {
    background: #1aad64;
    color: white;
}

.sign-part a:first-child:hover {
    background: #1aad64;
    animation: headShake 1s ease-in-out;
}

/* Qeydiyyat Butonu */
.sign-part a:last-child {
    background: #23b8f8;
    color: white;
}

.sign-part a:last-child:hover {
    background: #23b8f8;
    animation: headShake 1s ease-in-out;
}





body.dark.modern .login-button2 {
    height: 40px;
    color: #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px
}


.login-button2 {
    height: 40px;
    color: #484848;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
}
.login-button:hover {
   color: rgb(37 173 61);
}





body.dark.modern .register-button2 {
    height: 40px;
    color: #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px
}

.register-button2 {
    height: 40px;
    color: #484848;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
   
}



.header_cart_open {
    display: none !important; /* Açılır menüyü tamamen devre dışı bırak */
}


@keyframes headShake {
     0% {
        transform: rotate(0);
    }
    5% {
        transform: rotate(3deg);
    }
    15% {
        transform: rotate(-2.5deg);
    }
    25% {
        transform: rotate(2deg);
    }
    35% {
        transform: rotate(-1.5deg);
    }
    45% {
        transform: rotate(1deg);
    }
    55% {
        transform: rotate(-1.5deg);
    }
    65% {
        transform: rotate(2deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    85% {
        transform: rotate(2.5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0);
    }
}













/* Genel Buton Stili */
.cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    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;
}

.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: 1px solid #1b8e4a;
}

.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: 600;
    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;
}
.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: flex;
    padding: 8px 0;
    background: linear-gradient(16deg,#292a2d 13%,rgba(56,63,82,0.96) 36%,rgba(43,43,43,0.95) 50%);
    box-shadow: 0 5px 21px 3px rgba(5,5,5,0.4);
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.sticky-header.isSticky {
    transform: translateY(0%);
}


.sticky-header .container-fluid {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sticky-header .mini-logo {
    height: 45px;
}

.sticky-header .top-navigation {
    display: flex;
    gap: 15px;
}

.sticky-header .top-link a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

.sticky-header .top-link a:hover {
    color: #77de51;
}
/* Sticky header sadece 991px altı (mobil ve tablet) için görünsün */
@media (min-width: 992px) {
    .sticky-header {
        display: none !important;
    }
}
.sticky-header .sign-part a {
    display: inline-block;
    margin-left: 8px;
    background-color: #4CAF50;
    color: #fff;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
}

.sticky-header .sign-part a.register-button2 {
    background-color: #2196F3;
}

.sticky-header .sign-part a:hover {
    opacity: 0.85;
}