html,body {
    overflow-x: hidden;
    box-sizing: content-box;
    outline: none;
    box-shadow: none;
    height: 100%;
}

@font-face {
    font-family: 'gezgah-pro';
    src: url('/assets/fonts/Medium/UberMove-Medium.eot');
    src: url('/assets/fonts/Medium/UberMove-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Medium/UberMove-Medium.woff2') format('woff2'),
        url('/assets/fonts/Medium/UberMove-Medium.woff') format('woff'),
        url('/assets/fonts/Medium/UberMove-Medium.ttf') format('truetype'),
        url('/assets/fonts/Medium/UberMove-Medium.svg#UberMove-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gezgah-pro';
    src: url('/assets/fonts/Bold/UberMove-Bold.eot');
    src: url('/assets/fonts/Bold/UberMove-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Bold/UberMove-Bold.woff2') format('woff2'),
        url('/assets/fonts/Bold/UberMove-Bold.woff') format('woff'),
        url('/assets/fonts/Bold/UberMove-Bold.ttf') format('truetype'),
        url('/assets/fonts/Bold/UberMove-Bold.svg#UberMove-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html.single {
    overflow: hidden;
}

body.single {
    overflow: hidden;
}

html.search {
    overflow: hidden;
}

body.open_single {
}

body.open_single .rez_button {
    display: block;
}

html.open_single {
}

html.tooltip_open {
    overflow: hidden;
}

:root {
    touch-action: pan-x pan-y;
    height: 100% 
  }

* {
    box-sizing: content-box;
    outline: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    outline: none;
    border: none;
}

a {
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 1100px) {
    body {
      background-color: black;
      display: none;
    }

  }


  
  @media only screen and (max-width: 1000px) {

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: transparent;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }


    ::-webkit-scrollbar {
        width: 0px;
    }

    ::-webkit-scrollbar {
        display: none;
    }

body::-webkit-scrollbar {
    display: none;
    }

    body::-webkit-scrollbar {
    width: 0.1em;
    display: none;
    }

    body{
        scrollbar-width: 0; 
        -ms-overflow-style: none; 
    }


    a {
        background-color: transparent !important;
    }


      a:active, a:focus {
        background-color: transparent !important;
        outline: none !important;
    }
  
      body {
        font-weight: normal;
        font-size: 16px;
        font-family: 'gez_gah';
        margin:0;
        touch-action: manipulation;
      }

       body.dark {
           background-color:#333;
       }

    body.search_start {
    }
      
  body.mini_box_area .map_box {
    bottom: 102px;
  }

      .dark .account_page_area {
    background-color: #333;
}

      body.profile_fix .account_page_area {
        left: 0;
    }
      .account_page_area {
    position: fixed;
    left: -100vw;
    z-index: 99999;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc( 100dvh - 115px );
    top: 58px;
    overflow-y: auto;
    overflow-x: hidden;
    display: inline-block;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

      
    .exit {
    }
    .exit a {  
        display: inline-block;
        text-decoration: none;
        background-color: #007aff !important;
        width: 100%;
        color: #fff;
        padding: 12px 0;
        border-radius: 4px;
        font-size: 13px;
        text-transform: uppercase;
}
    .account_page {
        width: 100%;
        display: inline-block;
    }

    .account_page {
        padding-top: 20px;
    }

    .dark .account_page .top h2 {
        color:#999;
    }
      
      .account_page .top {}
      .account_page .top h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    color: #333;
    padding-bottom: 25px;
    font-family: "Fira Sans", sans-serif;
}
      .account_page .top small {
        font-size: 13px;
        font-weight: 300;
        color: #555;
        padding-bottom: 5px;
        display: inline-block;
    }

      .dark .account_page .top small {
    color: #999;
}

    .account_page h4{
    margin: 20px 0 0 0;
    padding: 0 20px;
    letter-spacing: -1px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #555;
    }

    .account_page h3 span{
        float: right;
        margin-right: 50px;
        color: #007aff;
        font-weight: 300;
        font-size: 15px;
        position: relative;
        top: -1px;
    }

    .account_page h3{
        margin: 0;
        font-size: 17px;
        padding: 14px 20px;
        line-height: 20px;
        letter-spacing: -0.5px;
        display: inline-block;
        width: 100%;
        color: #007aff;
        border-left: 3px solid #007aff;
        background-color: #E8F3FF;
    }
    
    .account_page .input_area {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}


      .dark .account_page .input_area label {
    color: #fff;
}
      

      .dark .account_page .input_area input {
    background-color: transparent;
    color: #fff;
}


      .account_page .input_area label {
              font-size: 12px;
    font-weight: 400;
    display: block;
    width: 100%;
      }
      
    .account_page .input_area input {
    display: inline-block;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 0;
    font-size: 14px;
    letter-spacing: -0.5px;
    width: 100%;
}
        .account_page p {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 14px 10px;
    background-color: #b7e2b9;
    border-left: 3px solid #136f17;
    color: #136f17;
    display: none;
}
    .account_page .input_area select {
    display: inline-block;
    border: 1px solid #e6e6e6;
    padding: 12px 15px;
    font-size: 14px;
    letter-spacing: -0.5px;
    -webkit-appearance: none;
    width: calc( 100% - 30px );
    border-radius: 5px;
    color: #333;
    font-family: 'gez_gah';
}

        .dark .detay_sayfasi {
    background-color: #222;
}
      
      .detay_sayfasi {
        width: 100%;
        margin-top: 0;
        background-color: #eef7ff;
        padding-bottom: 15px;
        display: block;
        min-height: 277px;
        z-index: 9999999;
        position: relative;
      }

      .detay_sayfasi .image {
            display: inline-block;
            width: 100%;
        }
      .detay_sayfasi .text {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 0;
    position: relative;
    }

    .swiper {
        width: 100%;
        height: 100%;
      }

      .dark .swiper-slide {
          background-color:#333;
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex !important;
        justify-content: center;
        align-items: center;
      }

      .dark .swiper-slide a {
    background-color: #333 !important;
}

      .swiper-slide a{
    width: 100%;
    display: flex;
    height: 100%;
    background-color: #e5e5e5 !important;
    height: 220px;
    align-items: center;
    justify-content: center;
    }

        .image .no_image {
            width: 100%;
            height: 150px;
            background-color: #e8f3ff;
            align-items: center;
            display: flex;
            justify-content: center;
            color: #2196f3ab;
            border-radius: 4px;
        }
        .img .no_image {
            width: 100%;
            height: 66px;
            background-color: #e8f3ff;
            align-items: center;
            display: flex;
            justify-content: center;
            color: #2196f3ab;
            border-radius: 4px;
        }

      .dark .swiper-slide img {
          background-color:#333;
      }
  
      .swiper-slide img {
        display: block;
        object-fit: contain;
        max-width: 100%;
      }

      .detay_sayfasi .locations {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 20px;
}

    .dark .detay_sayfasi .locations .location {
        color:#999;
    }

        .dark .detay_sayfasi .locations .location path {
        fill:#999;
    }
      
      .detay_sayfasi .locations .location {
    margin-bottom: 5px;
    font-size: 14px;
    width: unset;
    margin-top: 0;
    color: #0056b4;
    letter-spacing: -0.5px;
}

      .detay_sayfasi .locations .location svg {
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 5px;
}

       .detay_sayfasi .locations .location svg path {
    fill: #004897;
}
      .detay_sayfasi .text p {}

      .detay_sayfasi .text h2 font {
    display: flex;
    font-size: 14px;
    align-items: center;
    gap: 3px;
    padding-bottom: 5px;
    color: #0056b4;
    font-weight: 500;
}


      
      .detay_sayfasi .text h2 font svg{
    width: 14px;
    height: 14px;
}
      .detay_sayfasi .text h2 font svg path{
    fill: #0056b4;
}

      .etkinlik_detaylari .detay_sayfasi .text h2{
          
      }

      .detay_sayfasi .text h2 {
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -0.5px;
        color: #007aff;
        padding-bottom: 5px;
    }

    .etkinlik_page_order .detay_sayfasi .text h2 span {
        display:none;
    }
      
      .detay_sayfasi .text h2 span {
        float: right;
        position: absolute;
        top: 11px;
        right: 0;
    }

    .content_p {
        display:none;
    }

      .dark .etkinlik_page_order .content_p h2 {}

      .dark.etkinlik_page_order  .content_p {
            background-color: #222;
        }

      .dark.etkinlik_page_order .content_p h2 {
          color: #999;
      }

         .dark.etkinlik_page_order .content_p p {
          color: #999;
      }

    .etkinlik_page_order .content_p {
        display:inline-block;
        padding: 14px 18px;
        border-radius: 0;
        background-color: #e4fffa;
    }   

      .etkinlik_page_order .content_p h2 {
    margin: 0;
    font-size: 15px;
    padding: 5px 0;
    font-weight: 500;
}
      
      .etkinlik_page_order .content_p p {
        display:inline-block;
        margin: 0;
        padding: 0;
        font-size: 13px;
        margin-bottom: 7px;
        font-weight: 400;
        color: #555;
        line-height: 20px;
    }
      
      
      .detay_sayfasi .text h2 span svg {width: 30px;height: 30px;}
      .detay_sayfasi .text h2 span svg path {
    fill: #007aff;
}
      .detay_sayfasi .image img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: top;
      }

      body.mobile_menu {
          overflow:hidden;
          width: 100%;
          position: fixed;
      }
  
      input {
          font-family: 'gez_gah';
      }
  
      button {
          font-family: 'gez_gah';
      }

      .dark .header {
          background-color:#222;
      }
  
      .header {
          padding: 0 0;
          display: inline-block;
          width: 100%;
          background-color: #ffffff;
          margin-bottom: 35px;
          position: fixed;
          top: 0;
          z-index: 990;
      }

      .dark #content {
    background: #333;
}
  
      #content {
        height: 100%;
        position: relative;
        transition: all 0.2s ease;
        left: 0;
      }
  
      .container {
        margin:0 auto;
        width: calc( 100% - 40px );
        height: 100%;
        padding: 0 20px;
        transition: all 0.2s ease;
        position: relative;
        /* left: -100vw; */
      }
  
      .logo {
          text-align: center;
          position: relative;
          top: -1px;
      }

      .logo svg {
    width: 90px;
}
      .logo svg path {
    
      }

      .logo a {
          display: inline-block;
      }

      body.bildirim .avatar a:after {
        display: none;
      }

      .avatar a:after{
          content:'';
          position: absolute;
          background-color: #f44336;
          width: 7px;
          height: 7px;
          display: inline-block;
          border-radius: 40px;
          text-align: 20px;
          right: 20px;
      }
  
      .avatar {
          display: flex;
          position: relative;
          -webkit-animation: ring 4s .7s ease-in-out infinite;
          -webkit-transform-origin: 50% 4px;
          -moz-animation: ring 4s .7s ease-in-out infinite;
          -moz-transform-origin: 50% 4px;
          animation: ring 4s .7s ease-in-out infinite;
          transform-origin: 50% 4px;
          padding: 0 20px;
          height: 50px;
          align-items: center;
          top: 3px;
        }
      }

      .avatar svg {
        width: 21px !important;
        height: 21px !important;
      }

      .avatar svg path {
    fill: #007aff;
}

      .logo svg path {
          fill: #007aff;
      }
  
      .avatar img {
          width: 100%;
          border-radius: 50%;
      }
  
      .hamburger{
          position: relative;
          display: flex;
          width: 24px;
          height: 50px;
          gap: 6px;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 0 20px;
      }

      body.mobile_menu .hamburger {
    position: relative;
    top: -5px;
}
      body.mobile_menu .hamburger span:nth-child(1) {
    transform: rotate(45deg);
    top: 10px;
    position: relative;
}
      body.mobile_menu .hamburger span:nth-child(2) {
    background: transparent;
}
      body.mobile_menu .hamburger span:nth-child(3) {
    transform: rotate(-45deg);
    position: relative;
    top: -4px;
}
  
      .hamburger span {
          background-color: #007aff;
          width: 22px;
          height: 1px;
          float: left;
          transition: all 0.2s ease;
          overflow: hidden;
          display: inline-block;
      }
  
      .hamburger span:last-child {
      margin-bottom: 0;
      }
  
      .search {
          display: inline-block;
          width: 100%;
          margin-bottom: 10px;
      }
      .search .form_area {
          display: inline-block;
          width: 100%;
          position: relative;
      }

        .dark  .search .form_area input {
            background-color: #222222;
            border-color: #222222;
            color: #fff;
        }

      .search .form_area input {
          width: calc( 100% - 24px );
          border: 1px solid #e6e6e6;
          padding: 14px 12px;
          border-radius: 35px;
          text-indent: 36px;
          outline: none;
          font-size: 15px;
      }
      .search .form_area .icon {
          position: absolute;
          top: 8px;
          left: 7px;
      }

      .search .form_area .go_search {
        display: none;
        position: absolute;
        top: 9px;
        right: 10px;
        background-color: #007aff;
        padding: 6px 18px;
        font-size: 13px;
        border-radius: 28px;
        letter-spacing: -0.5px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
      }
      .search .form_area .mic {
          position: absolute;
          top: 13px;
          right: 12px;
      }
      .search .form_area .mic svg {
        width: 30px;
      }

      .search .form_area .mic svg path {
    fill: #848484;
}
    
      .search .form_area .icon svg {
          width: 32px;
      }
   .search .form_area .icon svg path{
      stroke: #333;
     }

.dark .search .form_area .icon svg path{
    stroke: #848484;
}
  
      .icon_area {
          display: flex;
          width: 100%;
          padding-top: 0;
          flex-direction: row;
          gap: 12px;
          margin-bottom: 10px;
          overflow-x: auto;
          white-space: nowrap;
          margin-bottom: 25px;
          -webkit-overflow-scrolling: touch;
      }

    

      .info_alani::-webkit-scrollbar {
        display: none;
      }

      .icon_area::-webkit-scrollbar {
        display: none;
      }

    .search_menu .search_items::-webkit-scrollbar {
        display:none;
    }
.price_filter .icon_area .icon_item {
    color:red;
}
.price_filter .icon_area .icon_item svg {}
.price_filter .icon_area .icon_item svg path {
    fill: #555;
}
.price_filter .icon_area .icon_item {
    background-color: #f7f7f7;
}
.price_filter .icon_area .icon_item a{
    white-space: unset;
    padding: 0 0;
    border: none;
    font-size: 15px;
}

.dark .icon_area .icon_item {
    background-color: #222;
}

      .icon_area .icon_item {
          border-radius: 10px;
          text-align: center;
          background-color: #fff;
          min-width: 75px;
          display: inline-block;
          padding: 12px 0;
      }
      .icon_area .icon_item .icon {
        text-align: center;
    }
      .icon_area .icon_item .icon svg {width: 22px;height: 22px;}
      .icon_area .icon_item .text {
    font-size: 13px;
    font-weight: 300;
}

    .dark .icon_area .icon_item .icon svg path {
        fill: #999;
    }

    .red.icon_item .text {color: #fff;}
    .blue.icon_item .text {color: #fff;}


      .icon_area .icon_item a {
          text-decoration: none;
          color: #333;
          display: flex;
          flex-direction: column;
          gap: 5px;
      }

        .dark .icon_area .icon_item .text span {
    color: #999;
}

      .icon_area .icon_item .text span {
      }
  
      .icon_area .icon_item.custom {
          background-color: #3F51B5;
      }
      .icon_area .icon_item.custom .icon {}
      .icon_area .icon_item.custom .icon svg{}
      .icon_area .icon_item.custom .icon svg path{
          fill: #fff;
      }
      .icon_area .icon_item.custom .text{}
      .icon_area .icon_item.custom .text span{
          color: #fff;
      }

      .icon_item.muze .text {
        color: #fff;
    }
      .icon_item.muze {
        background-color: #673AB7;
        border: 1px solid #673AB7;
    }
      .icon_item.muze svg path {
        fill: #fff;
    }

#yakindakiler .list {
    padding-top:5px;
}
    
      .list {
          display: inline-block;
          width: 100%;
          margin: 0;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          white-space: nowrap;
          padding-top: 15px;
      }

      .list::-webkit-scrollbar {
        display: none;
      }
  
      h2.title svg {float: left;margin-right: 5px;height: 20px;width: 20px;position: relative;top: 2px;}  
      #yakindakiler.cevre h2.title svg path {
        fill: #007aff;
    } 

    .dark  h2.title {
    color: #999;
}

      h2.title {
      margin: 10px 0;
      padding: 0;
      font-size: 16px;
      display: inline-block;
      width: 100%;
      font-weight: 600;
      letter-spacing: -1px;
      }

h2.title span {
    float: right;
    font-size: 13px;
    color: #999;
    font-weight: 300;
    margin-top: 5px;
    margin-right: 5px;
}

#yakindakiler {padding: 0;margin: 0;}

.dark #yakindakiler .list .item {
    background-color: #222;
}

#yakindakiler .list .item {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #f2f2f2;
    padding: 0 0;
    border-radius: 4px;
}
  
      .list .item {
          width: 100%;
          display: inline-block;
          position: relative;
          margin-bottom: 35px;
          max-width: 225px;
          margin-right: 10px;
          padding-bottom: 13px !important;
      }

      .list .item .image {
    display: inline-block;
    width: 100%;
    position: relative;
}
     .list .item .image img {
    border-radius: 4px;
}
  
      .list .item .tag {
          display: inline-block;
          z-index: 2;
          position: relative;
      }
      .list .item .tag span {
          display: inline-block;
          background: #EFF150;
          color: #333;
          font-size: 13px;
          padding: 6px 8px;
          border-radius: 6px;
          font-weight: 400;
          position: relative;
          left: 20px;
          top: 20px;
      }
    .list .item .fav.yes {
    background-color: #E91E63;
}
  .list .item .fav.yes svg {}
  .list .item .fav.yes svg path {
    fill: white;
}
      .list .item .fav{
          float: right;
          background: #fff;
          padding: 4px;
          border-radius: 100px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 14px;
          height: 14px;
          margin: 15px;
          z-index: 2;
          position: absolute;
          top: 0;
          right: 0;
      }
      .list .item .fav svg {
          width: 14px;
      }
      .list .item .fav.kalp svg path {
            fill: #333;
        }

.list .item .fav.kalp.yes svg path {
    fill: #fff;
}
      .list .item .fav svg path {}
      .list .item .title {
          z-index: 2;
          position: relative;
          margin: 7px 0 0 0;
          float: left;
          padding-left: 11px;
      }
      .list .item .title h2 {
          margin: 0;
          padding: 0;
          color: #fff;
          font-weight: 500;
      }
      .list .item .title p {
          margin: 10px 0;
          padding: 0;
          color: #fff;
          font-weight: 300;
          float: left;
          font-size: 15px;
      }
      .list .item .title p svg {
          float: left;
          width: 15px;
          margin-right: 5px;
          position: relative;
          top: -3px;
      }
      .list .item .title p svg path {
          fill: #fff;
      }
      .list .item .price {
          display: inline-block;
          z-index: 2;
          position: relative;
          float: right;
          margin: 10px 0 0 0;
      }
      .list .item .price span {
          color: #fff;
          font-size: 12px;
          font-weight: normal;
          background-color: #007aff;
          padding: 3px 10px;
          border-radius: 3px;
      }
  
      .list .item_fixed {
          display: flex;
          width: 100%;
          height: 65%;
          flex-direction: column;
          justify-content: flex-end;
          padding: 0 18px;
      }
  
      body.open_single .single_area_item {
          left: 0;
          z-index: 3;
      }

        .dark .single_area_item {
            background-color:#222;
        }
  
      .single_area_item {
        z-index:-1;
        transition: all 0.2s ease;
        left: -100vw;
        position: fixed;
        width: 100%;
        background-color: #fff;
        height: calc(100dvh - 135px );
        top: 59px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
      }
  
      body.active_search_menu .search_menu {
          left: 0;
          z-index: 3;
      }
  
      .search_menu {
        z-index:-1;
        transition: all 0.2s ease;
        left: -100vw;
        position: fixed;
        width: 100%;
        background-color: #fff;
        height: calc(100dvh - 116px );
        top: 59px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
      }

      .search_menu_content {
    display: inline-block;
    width: 100%;
    padding-top: 50px;
}

      .search_menu .search_items{
          background-color: #fff;
          width: 100%;
          height: 100%;
          z-index: 3;
          left: 0;
          padding: 0;
          position: relative;
          overflow-y: auto;
          display: inline-block;
      }
      .search_menu .search_items .search_item{
          display: inline-block;
          margin-right: 16px;
          float: left;
      }
      .search_menu .search_items .search_item .image{
          display: inline-block;
          margin-bottom: 5px;
          float: left;
      }
      .search_menu .search_items .search_item .image img{
          float: left;
          border-radius: 5px;
          height: 70px;
          object-fit: cover;
          width: 70px;
      }
      .search_menu .search_items .search_item .text{
          font-weight: normal;
          font-size: 14px;
      }
  
      .filters {
      display: inline-block;
      width: 100%;
      margin-top: 25px;
  }
      .filters .filter {
          display: inline-block;
          width: 100%;
      }
      .filters .filter a {
          display: inline-block;
          border: 1px solid #333;
          padding: 5px 5px;
          border-radius: 5px;
          text-decoration: none;
          color: #333;
          margin-bottom: 10px;
          margin-right: 10px;
      }

    .dark .header_area {
        background-color: #222;
    }

    .header_area{
        display: flex;
        width: 100%;
        justify-content: space-between;
        position: relative;
        height: 60px;
        align-items: center;
        transition: all 0.2s ease;
        transform: translateY(-50px);
        will-change: transform;
    }

.dark .item h3 {
    color: #007aff;
}

    .item h3 {
    margin: 0;
    padding: 0 0 1px 0;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 20px;
}
    .detay .info_alani .item .text span {
        float: right;
    }
    .detay .info_alani .item .text span svg {
    width: 20px;
    height: 20px;
}
    .detay .info_alani .item .text span svg path {
    fill: #007aff;
}
    .item p {}
    .item li {}
    .item a {
    display: inline-block;
    width: 100%;
}

body.payment_page .success_page {
    left:0;
}

.success_page {
    display: inline-block;
    width:100%;
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 99999;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 116px );
    top: 58px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.success_page {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 15px;
    border-top: 1px solid #ededed;
    background: #f6fbff;
}
.success_page .icon {}
.success_page .icon svg {
    width: 50px;
    height: 50px;
}
.success_page .icon svg path {
    fill: #007aff;
}
.success_page .text {
    max-width: 350px;
    margin: 0 auto;
}
.success_page .text h2 {
    font-size: 20px;
    margin: 0;
    letter-spacing: -1px;
    color: #007aff;
    margin-bottom: 10px;
}
.success_page .text p {
    font-weight: 300;
    margin: 0;
    line-height: 23px;
    font-size: 15px;
}

.dark .monu {
    background-color: #222;
}

.dark .monu h3 {
    background-color: #333;
}

.monu {
    display: inline-block;
    width:100%;
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 99999;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 136px );
    top: 59px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.monu h3 {
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    letter-spacing: -0.5px;
    display: inline-block;
    width: calc( 100% - 43px );
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
    position: fixed;
    z-index: 9999999999999;
    }


      .monu li {
        display: inline-block;
        width: 100%;
        list-style: none;
    }

    .monu li span {
        float:right;
    }

.dark .monu li a {
    border-color: #2f2f2f;
    color: #999;
}

       .monu li a {
    display: inline-block;
    width: calc( 100% - 32px);
    border-bottom: 1px solid #f1f1f1;
    padding: 16px 16px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.monu li font {
    font-size: 12px;
    background-color: #007aff29;
    color: #007aff;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 20px;
    float: left;
    margin-right: 10px;
}

   .monu li svg {
        display: inline-block;
        float: left;
        position: relative;
        top: 1px;
        margin-right: 0;
        width: 18px;
        height: 18px;
    }

.monu li svg:nth-child(1) {
    margin-right:10px;
}

 .dark .monu li span svg path {fill: #007aff;}

body.mobile_menu .monu {
    left: 0;
}

.price_filter .icon_area {
    margin: 0;
    padding: 0;
}

.dark .icon_area {
    margin-bottom: 0;
}

.icon_area {
    scrollbar-width: thin;
    scrollbar-color: #FFFFFF;
  }

  .icon_area::-webkit-scrollbar {
    height: 0px;
    width: 0px;
  }


  .icon_area::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #FFFFFF;
  }

    .content_area {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        padding: 18px 0 50px 0;
        min-height: 270px;
    }
.search_menu h3 span {
        float: right;
        margin-right: 0;
        color: #007aff;
}
    .search_menu h3 {
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    letter-spacing: -1px;
    display: inline-block;
    width: calc(100% - 43px);
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
    position: fixed;
    z-index: 9999999999999;
    }

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

.dark .search_result .list_item:nth-child(even) {
    background-color: #333;
}

.search_result .list_item:nth-child(even) {
    background-color: #eef7ff96;
}
.search_menu_content .list_item:nth-child(even) {
    background-color: #f7f7f7;
}

.dark .search_menu_content .list_item:nth-child(even) {
    background-color: #333;
}

.search_menu li:nth-child(odd) {
    background-color: #fcfcfc;
}
  .search_menu li a {
        display: inline-block;
        width: calc( 100% - 32px);
        list-style: none;
        border-bottom: 1px solid #ebebeb;
        padding: 13px 16px;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: -0.5px;
        color:#333;
        text-decoration:none;
    }

.search_menu li svg:nth-child(2) {
    margin-right:0;
}


.search_menu li svg {
        display: inline-block;
    float: left;
    position: relative;
    top: 1px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

    .search_menu li span {
        float: right;
        font-weight: 300;
        font-size: 13px;
    }

.search_menu li span font {
        font-size: 12px;
    background-color: #007aff29;
    color: #007aff;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 20px;
    float: left;
    margin-right: 10px;
}
    
    .icon_area::-webkit-scrollbar-track:hover {
        background-color: #FFFFFF;
    }
    
    .icon_area::-webkit-scrollbar-track:active {
        background-color: #FFFFFF;
    }

    .gmnoprint {
        display: none !important;
    }
    
    .icon_area::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #FFFFFF;
    }
    
    .icon_area::-webkit-scrollbar-thumb:hover {
        background-color: #FFFFFF;
    }
    
    .icon_area::-webkit-scrollbar-thumb:active {
        background-color: #FFFFFF;
    }

    .dark .footer {
        background-color:#222;
        border-color: #222;
    }

    .footer {
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: 0;
        background-color: #fff;
        border-top: 1px solid #ededed;
        padding: 0 0;
        z-index: 22;
    }
    .footer .footer_menu {
        display: flex;
        width: 90%;
        justify-content: space-between;
        gap: 10px;
        padding: 0 0 15px 0;
        margin: 0 auto;
    }
    .footer .footer_menu .footer_menu_item.active .text a {
        font-weight: bold;
        color: #007aff !important;
    }
    .footer .footer_menu .footer_menu_item.active svg path {
        fill: #007aff !important;
    }
    .footer .footer_menu .footer_menu_item {
        text-align: center;
        width: 25%;
        position: relative;
        padding: 5px 0;
    }
.footer .footer_menu .footer_menu_item.active:before{
    border-color:#007aff;
    width: 100%;
}

.footer .footer_menu .footer_menu_item:before {
        content:'';
        position: absolute;
        border-top: 2px solid transparent;
        top: -1px;
        width: 0;
        left: 0;
        z-index: 99;
        transition: all 0.2s ease;
}

    .footer .footer_menu .footer_menu_item .icon {
        display: inline-block;
        padding-top: 7px;
    }
    .footer .footer_menu .footer_menu_item .icon a {
        display: inline-block;
        padding: 0 0;
    }
    .footer .footer_menu .footer_menu_item .icon a svg {
        width: 20px !important;
        height: 20px !important;
    }
    font.eczane {
        font-size: 22px;
        font-weight: bold;
        color: #F44336;
    }
    font.otopark {
        font-size: 22px;
        font-weight: bold;
        color: #3F51B5;
    }

    .harf_kapsar {}
    .harf_kapsar .harf {}

    .icon_item.red {
        background-color: #F44336;
        border: 1px solid #F44336;
    }
    .icon_item.blue {
        background-color: #3F51B5;
        border: 1px solid #3F51B5;
    }
    
    .icon_item.blue svg path {fill: #fff;}

    .dark .footer .footer_menu .footer_menu_item .icon a svg path {
        fill: #777;
    }

    .footer .footer_menu .footer_menu_item .icon a svg path {
        fill: #4b4b4b;
    }

    .header_kapsar{
        display: inline-block;
        width: 100%;
        padding-top: 105px;
    }

    .header_kapsar.map {
        padding-top: 95px;
    }
    .header_kapsar.listing {
        padding-top: 86px;
    }
    .header_kapsar.listing .form_area {
        margin-bottom: 10px;
    }
    .header_kapsar.map::before {height: 305px;}
    .header_kapsar.listing::before {height: 185px;}
    .dark .header_kapsar:before {
        background-color: #333;
    }
      .header_kapsar:before {
          content:'';
          position: absolute;
          left: 0;
          width: 100%;
          background-color: #f1f1f1;
          height: 335px;
          top: 0;
          z-index: -1;
      }

        .dark .hello {
            color: #999;
        }

      .hello {
        font-weight: bold;
        font-size: 17px;
        position: relative;
        top: -13px;
        letter-spacing: -1px;
        margin-bottom: 0;
        display: block;
        color: #333;
    }

    .hello.cat_title {
    display: inline-block;
}
    .hello.cat_title svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}
    .hello.cat_title svg path {}

    .footer .footer_menu .footer_menu_item .text {
        display: inline-block;
        width: 100%;
        text-align: center;
        position: relative;
        top: -7px;
    }

    .dark .footer .footer_menu .footer_menu_item .text a {
    color: #999;
}

    .footer .footer_menu .footer_menu_item .text a {
        display: inline-block;
        color: #333;
        text-decoration: none;
        font-size: 12px;
        letter-spacing: -0.5px;
    }

    .trend {
    width: 100%;
    padding: 20px 0 13px 0;
    display: flex;
}
    .trend li {
    display: inline-block;
    list-style: none;
}

.dark .trend li a {
    background-color: #222222 !important;
    color: #999;
}

  .trend li a {
      outline:none;
      text-decoration:none;
      color: #007aff;
      font-size: 14px;
      padding: 5px 10px;
      border-radius: 6px;
      margin-right: 10px;
      background-color: #007aff29 !important;
  }

.location {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: 15px;
    color: #777;
    margin-top: 0;
    position: relative;
    font-weight: 300;
    padding: 0 0;
}

.km {
    position: absolute;
    bottom: 79px;
    left: 10px;
    background: #007aff;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 2;
    color: #fff;
}

.icon_item.yat svg path {fill:#007aff}
.icon_item.yat .text {color:#007aff}

.location svg {
    width: 13px;
    height: 13px;
    position: relative;
    top: 2px;
}

.item_list {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 25px 0;
}

.location svg path {
    fill:#999;
}

.location svg path {}

    .footer .footer_menu .footer_menu_item .text.maping a {
    }
        
   .maping svg path {
   } 

body.list_item_area .list_items {
    left:0;
}

#content.gone {
    left:-100vw;
}

#content.come {
    left:0;
}

.list_items{
    width: 100%;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: -100vw;
    transition: all 0.2s ease;
    top: 54px;
    background-color: #fff;
    background-color: #fff;
    height: calc(100dvh - 131px );
    z-index: 999;
}
.list_items h3 span {
    float: right;
    margin-right: 50px;
    color: #007aff;
}

.dark .hizli_arama .list_item {
    background-color: #222;
}

.list_items h3 {
    margin: 0;
    font-size: 16px;
    padding: 13px 20px;
    line-height: 19px;
    letter-spacing: -1px;
    display: inline-block;
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
}

.hizli_arama .list_item {
    padding: 20px 30px;
    width: calc(100% - 60px );
}

.dark .list_item {
    background-color: #222;
}

.dark .favoriler_menu .list_item {
    background-color: #222;
}

.sabit.list_item {
    background-color:#e4fffa;
}

.list_item{
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 6px 0;
}
.list_item .img {
    float: left;
    width: 120px;
    margin-right: 0;
    height: 100%;
    padding: 10px 15px;
}

.dark .list_item .location {
    color: #999;
}

.search_result .list_item .location {
    padding-left:0;
}

.list_item .location {
    font-size: 13px;
    color: #333;
    padding-left: 10px;
    padding-bottom: 0px;
}
.list_item .location svg {
    width: 15px;
    height: 16px;
    top: 3px;
}

.w100 {
    width: 150px !important;
}
 .list_item .img img{
    float: left;
    border-radius: 4px;
}
.w100 svg path {
    fill:#007aff;
}
.list_item .text_area{display: flex;flex-direction: column;justify-content: center;height: 100%;gap: 2px;width: 50%;}
 .list_item .text_area .title{
    display: inline-block;
}

.info_alani {
    display: inline-block;
    margin-top: 3px;
    width: 100%;
}

.info_alani p {
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 300;
}

.dark .detay .info_alani .item .text{
    color: #999;
}

.info_alani .item .text {font-size: 14px;color: #666;text-transform: uppercase;font-weight: normal;}
.detay .info_alani .item .text {
    color: #333;
    font-size: 15px;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    font-weight: 300;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detay .info_alani .item .text small {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
    position: absolute;
    right: 62px;
    letter-spacing: -1px;
    color: #007aff;
}
.detay .info_alani .item .text small.check {
    text-align: center;
    top: 11px;
    right: 65px;
}
.detay .info_alani .item .text small.check svg {
    width: 22px;
    height: 22px;
}
.detay .info_alani .item .text small.check svg path {
    fill: #007aff;
}
.detay .info_alani .item .text small.error {
    top: 14px;
    right: 65px;
    border-radius: 50%;
}
.detay .info_alani .item .text small.error svg {
    width: 20px;
    height: 20px;
}
.detay .info_alani .item .text small.error svg path {
    fill: #d0d0d0;
}

.detay .info_alani .item.false {
    text-decoration: line-through;
    color: #d0d0d0;
}

.detay .info_alani .item.false .text {
    color: #d0d0d0;
}


.detay .info_alani .item.false svg path {
    fill: #d0d0d0;
}

.dark .detay .info_alani .item {
    background-color: #222 !important;
    border-color: #323232;
}

.info_alani .item.text_area2 {width: unset;padding-left: 0;}
.detay .info_alani .item {
    width: calc( 100% - 40px );
    background: none;
    display: flex;
    height: unset;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 13px 20px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.detay .info_alani .item:nth-child(even){
    background-color: #f9f9f9;
}
.detay .info_alani .item .icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.info_alani .item {
    display: flex;
    background: #dfdfdf;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    float: left;
    margin-right: 8px;
}

.dark .map_box {
    background-color: #222;
}

.map_box {
    position: fixed;
    bottom: -100vw;
    background-color: #fff;
    width: calc( 100% - 40px );
    margin: 0 20px;
    display: flex;
    gap: 15px;
    overflow: hidden;
    align-items: center;
    border-radius: 6px;
    padding: 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    height: 110px;
}
.map_box .image {
    width: 100px;
    position: relative;
}

.map_box .image span {
    background-color: #181818;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    position: absolute;
    left: 10px;
    top: 18px;
    align-items: center;
    justify-content: center;
}
.map_box .image span svg{
    width: 16px;
    height: 16px;
}
.map_box .image span svg path {
    fill:#fff;
}

.map_box .text {
    position: relative;
    left: 35px;
}

.dark .map_box .text h2 {
    color:#999;
}

.map_box .text h2 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: -0.5px;
}
.map_box .text p {}

.map_box .image img {
    float: left;
    width: 125px;
    height: 125px;
    object-fit: cover;
}

.swiper .kalp path {
}

.etkinlik_page_order .swiper .kalp {
    display:none;
}

.dark .swiper .kalp.yes {
    background-color: #E91E63;
}
.dark .swiper .kalp {
    background-color: #333;
}

.dark .swiper .kalp path {
    fill:#fff;
}

.swiper .kalp {
    border-radius: 50%;
    padding: 6px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 9999;
    right: unset;
    position: relative;
    top: unset;
}

.dark .swiper .geri {
    background-color: #333;
}

.dark .swiper .geri path {
    fill: #fff;
}

.swiper .geri_area {left: -6px;top: 0;position: absolute;width: 75px;height: 65px;display: flex;align-items: center;justify-content: center;z-index: 9999999;}

.swiper .geri {
    border-radius: 50%;
    padding: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 9999;
    position: relative;
    text-align: center;
}

.fixed_product .kalp {
    display:none;
}

.kalp {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 20px;
}
.kalp svg{
    width: 17px;
    height: 17px;
}

.kalp.yes svg.no_click {
    display:none;
}

.kalp.yes svg.no_click2 {
    display:inline-block;
}

.geri svg{
    width: 15px;
    height: 15px;
    position: relative;
    left: 3px;
}

.geri svg path {
    fill: #555;
}
.discount {
    background-color: #007aff29 !important;
    float: right !important;
}
.discount .text{
    color: #007aff !important;
    font-size: 11px !important;
}
.discount svg {
    position: relative;
    top: 3px;
}
.discount svg path {
    fill: #007aff !important;
}
.kalp svg path{
    fill: #007aff;
}
.discount_arrow {}
.hello font {}
.hello font svg {}
.detay .fr {
    background-color: #007aff !important;
}
.detay .fr .text {
    display: inline-block;
    letter-spacing: 0;
}
.fr {
    float: right !important;
    background: none !important;
    margin-right: 0 !important;
}

 #category .list_item{
     height: auto;
 }

#category .list_item.fixed_product{
    background-color: #E8F3FF !important;
}

.dark #category .list_item {
    background-color: #333 !important;
}

 #category .list_item:nth-child(odd) {
    background: #fff;
}

.dark #category .list_item {
    background-color: #333 !important;
}

.dark #category .list_item:nth-child(odd) {
    background-color: #222 !important;
}

.list_item:nth-child(odd) .info_alani .item {
    background-color: #96c8ff6b;
}
.list_item:nth-child(odd) .info_alani .item svg path{
    fill:#007aff;
}
.mobile_container {
    padding: 0 20px;
}
.fr .text{
    color: #007aff !important;
    font-weight: 500!important;
    font-size: 15px !important;
}
.f-button[data-panzoom-action] {
    display: none;
}
.f-button[data-fancybox-toggle-fullscreen] {
    display: none;
}
.f-button[data-fancybox-toggle-slideshow] {
    display: none;
}
.f-button[data-fancybox-toggle-thumbs] {
    display: none;
}

.detay {
  height:calc( 100dvh - 341px );
  -webkit-overflow-scrolling: touch;
}

.detay .info_alani {
    margin-top: 0;
    padding: 0 0;
    position: relative;
    height: 100%;
}
.info_alani .item svg {
    width: 15px;
    height: 15px;
}
.detay .info_alani .item svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
}
.container_full {}
.dark .info_alani .item svg path {fill: #007aff;}

.dark .list_item .text_area .title h2 {
    color:#999;
}

.list_item .text_area .title h2{
    margin: 0;
    letter-spacing: -0.5px;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.favoriler_menu .list_item .text_area .location {
    padding: 0;
}

.list_item .text_area .location{
    width: unset;
}
.list_item .text_area .location svg{}
.list_item .text_area .location svg path{
    fill: #007aff;
}

.list_item.sabit .text_area .location svg path {
    fill: #279782;
}

.fixed_product.list_item .text_area .location svg path{
    fill: #007aff;
}

.dark .preload {
    background-color:#222;
}

.preload {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    background-color: #ffffff;
    transition: all 0.5s ease;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change:bottom;
}
.preload .center{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
body.preload_on .preload{
    opacity: 1;
}
.preload .logo a {
    font-size: 26px;
}

.waves {
    animation-name: float_up_down; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    
    -webkit-animation-name: float_up_down; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    
    -moz-animation-name: float_up_down; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
    
    -ms-animation-name: float_up_down; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease;
    
    -o-animation-name: float_left_right; 
    -o-animation-duration: 2s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease;
}

/* Keys Start */

@-webkit-keyframes float_up_down {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes float_up_down {
    0% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes float_left_right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0.40;
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1;
    }
}

@keyframes float_left_right {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0.40;
    }

    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 1;
    }
}

.login_page {
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 20px;
}

.login_page .inputlar{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

.login_page .inputlar .success_text {
    color: #007aff;
    font-size: 16px;
    margin-bottom: 22px;
    display: none;
}

body.success_register .success_text {
    display: inline-block !important;
}

.login_page .logo {
    position: relative;
    top: -40px;
}

.login_page .logo a {
    font-size: 28px;
}

body.search_start .hizli_arama {
    display: inline-block;
}

.hizli_arama {
    position: absolute;
    top: 193px;
    width: 100%;
    height: calc( 100dvh - 270px );
    background-color: #fff;
    z-index: 99999;
    display: none;
    overflow-y: auto;
}

.dark .login_page .inputlar h2 {
    color:#999;
}

.login_page .inputlar h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    color: #333;
    padding-bottom: 8px;
    font-family: "Fira Sans", sans-serif;
}

.dark .login_page .inputlar small {
    color:#999;
}

.dark .login_page .inputlar p {
    color:#999;
}


.login_page .inputlar small {
    font-size: 13px;
    font-weight: 300;
    color: #555;
    padding-bottom: 5px;
    display: inline-block;
}

.login_page .inputlar h2 svg {
    position: relative;
    top: 5px;
    left: 3px;
}

.login_page .inputlar .top p {
    margin: 0;
    padding: 0;
    max-width: 100%;
    padding-bottom: 20px;
    font-size: 14px;
}

.login_page .inputlar .top p a {
    text-decoration: none;
    color: #007aff;
}

.login_page .inputlar label {
    font-size: 12px;
    font-weight: 400;
    display: block;
    width: 100%;
}

.dark .login_page .inputlar label {
    color:#999;
}

.login_page .inputlar p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.3px;
    padding: 10px 0;
    max-width: 80%;
    margin: 0 auto;
    line-height: 22px;
    margin-bottom: 15px;
    color: #555;
}

.login_page .inputlar .input{
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
}

.login_page .inputlar .input span {
    position: absolute;
    left: 11px;
    top: 16px;
}
.login_page .inputlar .input span svg {
    width: 18px;
    height: 18px;
}
.login_page .inputlar .input span svg path {}

.login_page .inputlar .button {display: inline-block;text-align: right;}

.login_page .inputlar .input .register-p {
    display: inline-block;
    width: 100%;
    margin-top: 35px;
}
.login_page .inputlar .input .register-p span {position: relative;top: 0;left: 0;width: 100%;text-align: center;display: inline-block;font-size: 14px;font-weight: 300;}
.login_page .inputlar .input .register-p span a {
    color: #333;
}

.login_page .inputlar .button button {
    padding: 8px 12px;
    display: inline-block;
    background-color: #007aff;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 50px;
    margin-top: 10px;
}

.dark .bildirim_menu {
    border-color:#333;
    background-color: #222;
}

.bildirim_menu{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    z-index: 9999999999999999999;
    transition: all 0.2s ease;
    border-top: 1px solid #f0f0f0;
    will-change: left, visibility;
    background-color: #fff;
    height: calc(100dvh - 135px );
    top: 57px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    left: -100vw;
}
body.bildirim .bildirim_menu{
    visibility: visible;
    left: 0;
}

.bildirim_menu h3 span {
    float: right;
    margin-right: 50px;
    color: #007aff;
}

.dark .bildirim_menu h3 {
    background-color: #333;
    border-color: #333;
}

.bildirim_menu h3 {
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    letter-spacing: -0.5px;
    display: inline-block;
    width: 100%;
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
    position: fixed;
}

.bildirim_item a span {
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}

.dark .bildirim_item a {
    color: #999;
}

.bildirim_item a{
    display: inline-block;
    width: calc( 100% - 32px );
    padding: 15px 16px;
    text-decoration: none;
    color: #555;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    max-width: 85%;
}

.dark .bildirim_item {
    background-color: #222 !important;
    border-color: #2f2f2f;
}

.bildirim_item{
    list-style: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.bildirim_item:nth-child(even){
    background-color: whitesmoke;
}

.dark .etkinlik_menu {
    border-color: #333;
    background-color: #333;
}

.etkinlik_menu{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    z-index: 9999999999999999999;
    transition: all 0.2s ease;
    border-top: 1px solid #f0f0f0;
    will-change: height, visibility;
    background-color: #fff;
    height: calc(100dvh - 135px );
    top: 57px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    left: -100vw;
}
body.open_event_page .etkinlik_menu{
    visibility: visible;
    left: 0;
}

.dark .etkinlik_menu h3{
    background-color: #333;
}

.etkinlik_menu h3 span {
    float: right;
    margin-right: 50px;
    color: #007aff;
}
.etkinlik_menu h3 {
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    letter-spacing: -0.5px;
    display: inline-block;
    width: 100%;
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #f1f1f1;
    position: fixed;
}

.etkinlik_item a span {
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}

.etkinlik_item a{
    display: inline-block;
    width: calc( 100% - 32px );
    padding: 15px 16px;
    text-decoration: none;
    color: #555;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.5px;
    max-width: 85%;
}

.etkinlik_item{
    list-style: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.etkinlik_item:nth-child(even){
    background-color: whitesmoke;
}

body.open_account .profile_menu{
    left:0;
}

.dark .profile_menu {
    background-color: #222;
    border-color: #222;
}

.profile_menu{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    transition: all 0.2s ease;
    border-top: 1px solid #f0f0f0;
    will-change: left;
    background-color: #fff;
    height: calc(100dvh - 136px );
    top: 58px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    left: -100vw;
}

.profile_menu h3 span {
    float: right;
    margin-right: 50px;
    color: #007aff;
}

.dark .profile_menu h3 {
    background-color: #333;
}

.profile_menu h3 {
    margin: 0;
    font-size: 16px;
    padding: 16px 20px;
    line-height: 20px;
    letter-spacing: -0.5px;
    display: inline-block;
    width: 100%;
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
    position: fixed;
    width: calc( 100% - 43px );
}

.profile_item a span {
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    float: right;
}

.dark .profile_item a span path {
    fill:#007aff;
}

.profile_item a{
    display: flex;
    width: calc( 100% - 32px );
    border-bottom: 1px solid #f1f1f1;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.dark .profile_item a {
    border-color: #2f2f2f;
}

.dark .profile_item h2 svg path {
    fill:#007aff;
}

.profile_item h2 svg path {
    fill: #444;
}

.profile_item h2 svg {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.dark .profile_item h2 {
    color: #999;
}

.profile_item h2 {
    text-decoration: none;
    color: #555;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.profile_item{
    list-style: none;
    display: inline-block;
    width: 100%;
    user-select: none;
}

.dark .login_page .inputlar .input input {
    background: none;
    border-color: #969696;
    color:#fff;
}

.login_page .inputlar .input input {
    display: inline-block;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 0;
    font-size: 14px;
    letter-spacing: -0.5px;
    width: 100%;
}

.login_page .inputlar .input input.error {
    border-color: #F44336;
}

.register_page .inputlar .input input.error {
    border-color: #F44336;
}

/* Keys End */

.register_page {
    width: 100%;
    height: 100%;
    display: flex;
    padding-top: 20px;
}

.dark .register_page .inputlar .top p {
    color:#999;
}

.register_page .inputlar .top {}
.register_page .inputlar .top p {
    margin: 0;
    padding: 0;
    max-width: 100%;
    padding-bottom: 20px;
    font-size: 14px;
}

.register_page .inputlar .top p a {
    text-decoration: none;
    color: #007aff;
}

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

.register_page .logo {
    position: relative;
    top: 0;
}

.register_page .logo a {
    font-size: 28px;
}

.dark .register_page .inputlar small {
    color: #999;
}

.register_page .inputlar small {
    font-size: 13px;
    font-weight: 300;
    color: #555;
    padding-bottom: 5px;
    display: inline-block;
}

.dark .register_page .inputlar h2 {
    color:#999;
}


.register_page .inputlar h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    color: #333;
    padding-bottom: 8px;
    font-family: "Fira Sans", sans-serif;
}

.register_page .inputlar h2 svg {
    position: relative;
    top: 5px;
    left: 3px;
}

.register_page .inputlar p {
    font-size: 15px;
    font-weight: 300;
    padding: 0 0;
    max-width: 80%;
    margin: 0 auto;
    line-height: 22px;
    margin-bottom: 15px;
    color: #333;
}

.register_page .inputlar .input{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

.register_page .inputlar .input span {
    position: absolute;
    left: 10px;
    top: 12px;
}
.register_page .inputlar .input span svg {
    width: 18px;
    height: 18px;
}
.register_page .inputlar .input span svg path {}

.blue-bg {
    background-color: aliceblue !important;
}

.register_page .inputlar .button {
    display: inline-block;
    text-align: center;
}

.register_page .inputlar .input .register-p {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.register_page .inputlar .input .register-p span {position: relative;top: 0;left: 0;width: 100%;text-align: center;display: inline-block;font-size: 14px;font-weight: 300;}
.register_page .inputlar .input .register-p span a {
    color: #333;
}

.kalp.yes path {
    fill: #007aff;
}

.fixed_product .kalp.yes path {
    fill: #FF5722;
}

.register_page .inputlar .button button {
    padding: 8px 12px;
    display: inline-block;
    background-color: #007aff;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 50px;
    margin-top: 10px;
}

.dark .register_page .inputlar label {
    color:#999;
}

.dark .register_page .inputlar .input input {
    background-color: transparent;
}

.register_page .inputlar label {
    font-size: 12px;
    font-weight: 400;
    display: block;
    width: 100%;
}

.register_page .inputlar .input input {
    display: inline-block;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 0;
    font-size: 14px;
    letter-spacing: -0.5px;
    width: 100%;
}

.register_page .inputlar .input input:active,:focus,:target {
    border-color: #007aff !important;
}

body.favori_open .favoriler_menu {
    left: 0;
}

.favoriler_menu {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 58px;
    height: 100vh;
    left: -100vw;
    transition: all 0.2s ease;
}

.dark .map_area {
    background-color:#222;
}

.map_area{
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 120px;
    height: calc( 100vh - 175px );
    left: -100vw;
    transition: all 0.2s ease;
    background-color: #fff;
}

body.open_map {position: absolute;width: 100%;overflow: hidden;}

body.open_map .map_area{
    left:0;
}

#map {
    height: calc( 100vh - 60px );
    background-color: #fff;
}

.dark #map {
    background-color:#222;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
  
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }
  
  @-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
  
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
  }
  
  @keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
  
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
  }

  .load-wraper{
    position: relative;
    width: 100%;
    background-color: #e9e9e9;
    overflow: hidden;
    height: 200px;
  }
  .activity{
    position: absolute;
    left: 0;
    height: 100%;
    width: 50px;
    background-color: #e7e7e7;
    animation: loading 1s infinite;
    z-index: 0;
    border-radius: 10px;
  }
  .activity + img{
    position: relative;
    z-index: 1;
  }
  @keyframes loading {
    0%{
      left: -45%;
    }
    100%{
      left: 100%;
    }
  }
  
  .favoriler_menu{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    z-index: 99999;
    transition: all 0.2s ease;
    border-top: 1px solid #f0f0f0;
    will-change: left,visibility;
    background-color: #fff;
    height: calc(100dvh - 136px );
    top: 58px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    left: -100vw;
}

body.favori_open .favoriler_menu{
    visibility: visible;
    left: 0;
}

.favoriler_menu h3 span {
    float: right;
    color: #007aff;
    padding-right: 8px;
}

.dark .favoriler_menu {border-color: #333;background-color: #333;}

.dark .favoriler_menu h3 {
    background-color: #333;
}

.favoriler_menu h3 {
    margin: 0;
    font-size: 16px;
    padding: 17px 20px;
    line-height: 19px;
    letter-spacing: -1px;
    display: inline-block;
    width: 100%;
    color: #007aff;
    border-left: 3px solid #007aff;
    background-color: #f1f1f1;
    position: fixed;
}

.favori_menu_item a span {
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}

.favori_menu_item a{
    display: inline-block;
    width: calc( 100% - 32px );
    border-bottom: 1px solid #f1f1f1;
    padding: 13px 16px;
    text-decoration: none;
    color: #555;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.favori_menu_item{
    list-style: none;
    display: inline-block;
    width: 100%;
}

.empty_directory {
    text-align: center;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.empty_directory h2 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    letter-spacing: -0.5px;
    color: #007aff;
    max-width: 50%;
    line-height: 28px;
    font-weight: 800;
    margin-bottom: 20px;
}
.empty_directory p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #007aff;
    max-width: 75%;
    font-weight: 400;
    margin-bottom: unset;
    line-height: 23px;
}

.dark .empty_directory h2 { color:#999; }
.dark .empty_directory p {  color:#999; }

.empty_directory .image {
    max-width: 100%;
    width: 300px;
    text-align: center;
    display: inline-block;
}
.empty_directory .image img {}
.empty_directory .image svg {}

.etkinlik_page_order .item_one_cikanlar{
    display: none;
}

.etkinlik_page_order .detay{
    display: none;
}

.etkinlik_page_order .locations{
    display: none;
}

.etkinlik_owner{
    display: none;
}

.etkinlik_page_order .etkinlik_owner{
    display: inline-block;
    padding-left: 18px;
}

.item_one_cikanlar{display: flex;align-items: center;justify-content: center;}

.dark .item_one_cikanlar .tax_areas {
    background-color: #007aff;
}

.item_one_cikanlar .tax_areas {
        display: flex;
        width: 100%;
        gap: 25px;
        justify-content: center;
        background-color: #e4fffa;
        padding: 16px 0;
        min-height: 49px;
}

.item_one_cikanlar .tax_areas a {
    color:#333;
    text-decoration:none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.item_one_cikanlar .item {display: flex;align-items: center;gap: 2px;flex-direction: column;border-radius: 3px;}
.item_one_cikanlar .item .text {
    display: inline-block;
    line-height: 18px;
    letter-spacing: -0.5px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}
.item_one_cikanlar .item .icon {
    display: inline-block;
    position: relative;
    top: 1px;
}
.item_one_cikanlar .item .icon svg {width: 22px;height: 22px;}
.item_one_cikanlar .item .icon svg path {}

body.open_map #content{
    display: none;
}

.dark #category h3 {
    background-color: #333;
}

.filter_svg svg {}
.filter_svg svg path {
    fill:#007aff;
}
.dark .filter_svg svg path {
    fill:#007aff;
}

#category h3  {
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
    background-color: #f7f7f7;
    min-height: 54px;
}
#category h3 span.filter_svg {justify-content: center;color: #007aff;border: 1px solid #007aff;padding: 4px 13px;border-radius: 25px;font-size: 14px;font-weight: normal;letter-spacing: 0;display: flex;align-items: center;gap: 5px;}
#category h3 span.filter_svg svg {
    width: 17px;
    height: 17px;
    position: relative;
    top: 0;
}
#category h3 span.filter_svg path {
    fill: #007aff;
}

body.filter_open:after {
    /* content:''; */
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100vh;
    background: #000000b3;
    top: 0;
    left: 0;
    z-index: 99999;
}

body.filter_open .list_filter_area {
    left: 0;
}

.dark .list_filter_area .bottom {
    background-color: #333;
    border-color: #333;
}

.list_filter_area .bottom {
    position: absolute;
    bottom: 0;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    z-index: 99999999;
    background: #fff;
}
.list_filter_area .bottom a.uygula {margin-right: 20px;background: #007aff !important;color: #fff !important;border: none;font-size: 12px;padding: 6px 17px;border-radius: 27px;}

.dark .list_filter_area .bottom a {
    color: #999;
}

.list_filter_area .bottom a {
    text-decoration: none;
    display: inline-block;
    color: #333;
    margin-left: 20px;
    border-radius: 0;
    border-bottom: 1px solid #333;
    font-weight: 300;
    font-size: 14px;
}

.dark .list_filter_area .content {
    border-color: #333;
}

.list_filter_area .content {
    display: inline-block;
    width: calc( 100% - 40px );
    padding: 0 20px;
    border-top: 1px solid #eaeaea;
}

.list_filter_area .top{
    display: flex;
    align-items: center;
}

.list_filter_area .top {
    padding: 15px 0;
}
.list_filter_area .top .close {
    z-index: 99;
    position: relative;
}
.list_filter_area .top .close svg {
    width: 22px;
    height: 22px;
}
.list_filter_area .top .close svg path {
    fill: #555;
}

html.filter_open {
    overflow: hidden;
}

.dark .list_filter_area .top h2 {
    color:#999;
}

.dark .list_filter_area .close path {
    fill: #999 !important;
}

.list_filter_area .top h2 {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 17px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #555;
}

.dark .list_filter_area {
    background-color: #333;
}

.list_filter_area {
    display: inline-block;
    width: 100%;
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 999999;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 131px );
    top: 54px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

body.menu_open .qr_menu {
    left:0;
}

.qr_menu {
    display: inline-block;
    width: 100%;
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 99;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 116px );
    top: 59px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#qr_menu.list_items {
    left:0;
    padding-top: 0;
}

.dark #qr_menu.list_items .list_item {
    background-color: #333;
    border-color: #333;
}

.dark #qr_menu.list_items .list_item:nth-child(even) {background-color: #222;}

#qr_menu.list_items .list_item {
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 10px;
    padding-top: 10px;
}

#qr_menu.list_items .list_item .img {
    width: 85px;
    padding: 0 10px;
}
#qr_menu.list_items .list_item .img img {}

#qr_menu .section_qr {
    padding: 10px 0;
    display: inline-block;
    width: 1090%;
}

#qr_menu h2 {
    font-size: 15px;
    letter-spacing: -0.5px;
    padding: 0 20px;
    margin: 0 0 5px 0;
}

.dark #qr_menu h2 {
    color: #999;
}

.dark #qr_menu .section_qr {
}

.qr_menu .search_menu_content {
    display: inline-block;
    width: 100%;
    padding-top: 0;
}

.dark .qr_menu h3 a {
    background-color: #333 !important;
}

.qr_menu h3 a {
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    color: #007aff;
    letter-spacing: -0.5px;
    display: inline-block;
    width: calc( 100% - 43px );
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qr_menu h3 {
    width: 100%;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
    margin: 0;
}

.qr_menu h3 a svg {
    float: left;
}
.qr_menu h3 a svg path {
    fill: #007aff;
}

.top_filter_area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px;
}

.top_filter {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px;
}

.dark #filters {
    background-color: #333;
}

#filters {
    max-height: calc( 100dvh - 320px );
    overflow-y: scroll;
    background-color: #ffff;
    overflow-x: hidden;
    padding: 0 15px;
    width: calc( 100% - 30px );
    margin-top: 0;
    padding-bottom: 100px;
    display: inline-block;
}

#filters li {
    display: inline-block;
    list-style: none;
    padding: 8px 0;
    width: calc( 50% - 10px );
}

#filters li a:before {
    width: 14px;
    height: 14px;
    border: 1px solid #d2d2d2;
    float: left;
    border-radius: 3px;
}

#filters li a.active svg path {
    fill: #007aff;
}

.dark #filters li a {
    border-color: #222 !important;
    background-color: #222 !important;
}

#filters li a {
    display: flex;
    text-decoration: none;
    color: #666;
    letter-spacing: -0.5px;
    font-size: 13px;
    border: 1px solid #d6d6d6;
    border-radius: 50px;
    align-items: center;
    gap: 2px;
    width: 100%;
    height: 35px;
    justify-content: center;
}

#filters li a svg {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 0;
}

.dark #filters li a svg path {
    fill: #007aff;
}

#filters li a.active {
    border-color: #007aff !important;
    color: #007aff;
}

#filters li a.active:before {border: solid #007aff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 7px;height: 12px;position: relative;top: -3px;margin-right: 6px;}

p.no_filter_text {
    text-align: center; width: 100%; display: inline-block; font-weight: 300;
}

.filter_about_text {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    display: none;
    margin: 0;
    padding: 0px 20px 15px 20px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 25px;
}

.backto {}

body.tooltip_open{}
body.tooltip_open .tooltip{
    left: 0;
}
.tooltip{
    padding: 20px 20px;
    display: inline-block;
    width: calc(100% - 40px );
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 99999;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 116px );
    top: 59px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #e3e3e3;
}
.tooltip h2{
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 20px;
}
.tooltip p{
    font-weight: 300;
    font-size: 16px;
}
.tooltip_close{
    position: absolute;
    right: 20px;
    top: 30px;
}
.tooltip_close svg{
    width: 24px;
    height: 24px;
}
.tooltip_close svg path{}

.single_price {
    transition: all 0.2s ease;
    position: absolute;
    bottom: 130px;
    left: 16px;
    background-color: #eef7ff;
    z-index: 999;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.single_price h2 {
    margin: 0;
    letter-spacing: -0.5px;
    color: #007aff;
    font-size: 15px;
    padding: 4px 8px;
    font-weight: bold;
}

.onayli {
    transition: all 0.2s ease;
    position: absolute;
    top: 30px;
    right: -119px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.onayli .icon {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
    background-color: #007aff;
    padding: 4px 8px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.onayli .icon svg {
    width: 22px;
    height: 22px;
    position: relative;
    top: 2px;
}
.onayli .icon svg path {
    fill: #fff;
}
.onayli .text {
    font-size: 13px;
    width: unset;
    max-width: unset;
    margin: 0 0 0 0;
    padding: 7px 10px;
    background-color: #eef7ff;
    color: #007aff;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-weight: bold;
}

body.rez_open .create_rez {
    left:0;
}

.dark .create_rez .rez_area {
    background-color:#222;
}

.create_rez .rez_area {
    padding: 20px 20px 0 20px;
}

body.open_history .history_area {
    left:0;
}

.history_area {
    display: inline-block;
    width: 100%;
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 999999;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 117px );
    top: 59px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.create_rez {
    display: inline-block;
    width: 100%;
    will-change: left;
    position: absolute;
    left: -100vw;
    z-index: 99;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 140px );
    top: 59px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.rez_button {
    position: fixed;
    bottom: 95px;
    z-index: 9;
    text-align: center;
    width: 100%;
    display: none;
}

.dark .rez_button a {
    background-color: #333 !important;
    color: #999;
}

.rez_button a{
    display: inline-block;
    background-color: #000000 !important;
    padding: 8px 16px;
    border-radius: 34px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.create_rez h3 a {
    margin: 0;
    font-size: 15px;
    padding: 15px 20px;
    line-height: 20px;
    color: #007aff;
    letter-spacing: -1px;
    display: inline-block;
    width: calc( 100% - 43px );
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.create_rez h3 svg path {
    fill:#007aff;
}

.dark .create_rez h3 {
    background-color: #333;
}

.create_rez h3{
    width: 100%;
    border-left: 3px solid #007aff;
    background-color: #f7f7f7;
    margin: 0;
}

.dark .create_rez label {
    color: #999;
}

.create_rez label{font-weight: 500;letter-spacing: -0.5px;font-size: 15px;margin-bottom: 13px;display: inline-block;color: #555;}

.create_rez .input {
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    /* max-width: 47%; */
    /* margin-right: 2%; */
}

.create_rez .input.rez_input_area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0 !important;
    width: 100%;
    margin: 0 !important;
    max-width: 100%;
}
.create_rez .input .rez_price {
    letter-spacing: -1px;
    color: #333;
    font-weight: 400;
    text-decoration: underline;
}
.create_rez .input .payment_button {
    display: inline-block;
    width: 100%;
}
.create_rez .input .payment_button a {
    background-color: #007aff!important;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 1px solid #007aff;
}

.create_rez .information {
    display: inline-block;
    width: 100%;
}
.create_rez .information p {
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #333;
    font-weight: 300;
}

.create_rez .kasa_detay{
    display: flex;
    width: 98%;
    margin-top: 20px;
    justify-content: space-between;
}
.create_rez .kasa_detay li{
    font-size: 14px;
    list-style: none;
    font-weight: 500;
    color: #333;
}
.create_rez .kasa_detay li span{
    float: right;
    font-weight: 300;
    margin-left: 10px;
}

.dark .create_rez select {
    background-color: #333;
    border-color: #333;
}

.create_rez select{
    display: inline-block;
    border: 1px solid #ebebeb;
    padding: 11px 15px;
    font-size: 14px;
    -webkit-appearance: none;
    width: calc( 100% - 31px );
    border-radius: 5px;
    font-weight: 500;
    color: #555;
    font-family: 'gez_gah';
    background-color: #fff;
}

.dark .create_rez input{
    background-color: #333;
    border-color: #333;
    font-weight: normal;
}

.create_rez input{
    display: inline-block;
    border: 1px solid #ebebeb;
    -webkit-appearance: none;
    width: calc( 100% - 31px );
    border-radius: 5px;
    font-weight: 500;
    color: #555;
    font-family: 'gez_gah';
    background-color: #fff;
    padding: 11px 15px;
    font-size: 14px;
}

.dark .history_area .history_item.success {
    background-color: #222;
}
.dark .history_area .history_item {
    border-color: #333;
    background-color: #222;
}

.history_area {}
.history_area .history_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7;
    padding: 25px 20px;
    width: calc( 100% - 40px );
    background-color: #fff;
}

.history_area .history_item.success {
    background-color: #f6faff;
}

.history_area .history_item .text {
    display: inline-block;
}

.dark .history_area .history_item .text h2 {
    color: #999;
}

.history_area .history_item .text h2 {
    font-size: 16px;
    letter-spacing: -0.5px;
    margin: 0;
    font-weight: 500;
    color: #444;
    margin-bottom: 4px;
}
.history_area .history_item .text p {
    font-size: 13px;
    letter-spacing: -0.5px;
    margin: 0;
    color: #8c8c8c;
    font-weight: 300;
}
.history_area .history_item .status {display: inline-block;}
.history_area .history_item .status a.pending {
    display: flex;
    align-items: center;
    gap: 5px;
    color: orange;
    text-decoration: none;
    letter-spacing: -0.5px;
    font-size: 14px;
}
.history_area .history_item .status a.pending:before {
    content:'';
    position: relative;
    width: 10px;
    height: 10px;
    display: block;
    background-color: orange;
    border-radius: 50%;
    float: left;
}

.dark .history_area h3 a {
    background-color: #333 !important;
}

.history_area h3 a svg {
    float: left;
}
.history_area h3 a svg path {
    fill: #007aff;
}

.history_area h3 a {
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    color: #007aff;
    letter-spacing: -0.5px;
    display: inline-block;
    width: calc( 100% - 43px );
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu_area_s svg path{
    fill:#111;
}

.menu_area_s svg{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.location_flex {
    display: flex;
    gap: 0;
    flex-direction: column;
}

.onayli_img svg path{
    fill:#fff;
}

.onayli_img svg{
    width: 16px;
    height: 16px;
    float: left;
}

.fixed_product .onayli_img{
    display:inline-block;
    background-color: #007aff !important;
}

.onayli_img {
    position: absolute;
    left: 20px;
    top: 16px;
    font-size: 11px;
    background-color: #007aff !important;
    padding: 4px 5px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    display: none;
}

.etkinlik_page_order .menu_area_s {
    /* border-bottom: 1px solid #d8d8d8; */
}
.etkinlik_page_order .menu_area_s div {}

.dark .menu_area_s {
    background-color: #333;
    color: #999;
    border-top: 1px solid #363636;
}

.dark .menu_area_s path {
    fill: #999;
}

.menu_area_s {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 22px 0;
    color: #111;
}

.fixed_product .price_flex .price_text {
    background-color: #009688;
    color: #fff;
    border-radius: 3px;
}

.price_flex .price_text{
    font-size: 13px;
    background-color: #e8f3ff;
    padding: 3px 6px;
    letter-spacing: -0.5px;
    color: #007aff;
}
.price_flex .price_discount{
    padding: 0 0;
}

.price_flex {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    gap: 10px;
    justify-content: flex-end;
    position: absolute;
    right: 18px;
    bottom: 18px;
}

.dark .price_filter {
    background-color: #222;
    border-color: #333;
}

.price_filter {
    display: flex;
    width: calc( 100% - 20px );
    padding: 18px 10px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    gap: 14px;
    overflow-x: auto;
}

.price_filter li {
    list-style:none;
}

.dark .price_filter a {
    border-color: #333;
    color: #999;
}

.price_filter a {
    text-decoration: none;
    font-size: 13px;
    color: #333;
    border: 1px solid #bebebe;
    border-radius: 25px;
    padding: 5px 12px;
    white-space: pre;
}

.etkinlik_kapat {
   position: absolute;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   bottom: 50px;
}

.bildirim_kapat {
   position: absolute;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   bottom: 50px;
}

body.ai_opened .ai_content {
    right:0;
}

body.ai_open .ai_helper_button {
    visibility:visible;
}

.ai_helper_button {
    position: fixed;
    right: 0;
    top: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    width: 48px;
    visibility: hidden;
    display: none;
}
.ai_helper_button a {
    display: flex;
    width: 100%;
    position: relative;
    right: 0;
    background-color: #007aff !important;
    color: #fff;
    text-decoration: none;
    align-items: center;
    padding: 10px 10px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.ai_helper_button a svg {
    float: left;
    position: relative;
    top: -2px;
    left: 4px;
}
.ai_helper_button a svg path {
    fill: #fff;
}

.etkinlik_kapat a {
    display: inline-block;
    background-color: #000000 !important;
    padding: 8px 16px;
    border-radius: 34px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.bildirim_kapat a {
    display: inline-block;
    background-color: #000000 !important;
    padding: 8px 16px;
    border-radius: 34px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.price_filter a.active {
    border-color:#007aff;
    color: #fff;
    background-color: #007aff !important;
}

.history_area h3 {
    width: 100%;
    border-left: 3px solid #007aff;
    background-color: #E8F3FF;
    margin: 0;
}

.history_area .history_item .status a.success {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #007aff;
    text-decoration: none;
    letter-spacing: -0.5px;
    font-size: 14px;
}
.history_area .history_item .status a.success:before {
    content:'';
    position: relative;
    width: 10px;
    height: 10px;
    display: block;
    background-color: #007aff;
    border-radius: 50%;
    float: left;
}

body.dark.open_map .map_cats {
    background-color: #333;
    border-color: #333;
}

body.open_map .map_cats {
    display: flex;
}

.ai_content {
    z-index: -1;
    transition: all 0.2s ease;
    right: -100vw;
    position: fixed;
    width: 100%;
    background-color: #fff;
    height: calc(100dvh - 116px );
    top: 57px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 99999;
    border-top: 1px solid #f0f0f0;
}

.map_cats {
    position: relative;
    top: 64px;
    z-index: 999;
    background-color: #fff;
    display: none;
    padding: 15px 0px 15px 20px;
    border-top: 1px solid #f0f0f0;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    touch-action: manipulation;
    scroll-behavior: smooth;
    padding-right: 10px;
}
.map_cats .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    touch-action: manipulation;
    webkit-overflow-scrolling: touch;
}
.ai_container{
    padding: 20px 20px;
    width: calc(100% - 40px);
    letter-spacing: -1px;
    color: #333;
    font-size: 14px;
}
.map_cats .item .icon {}
.map_cats .item .icon svg  {
    width: 24px;
    height: 24px;
}

.dark .map_cats .item .text {
    color: #999;
}


.map_cats .item .text {
    font-size: 12px;
    letter-spacing: -0.5px;
    font-weight: 300;
    color: #555;
    padding-top: 3px;
}

.map_cats .item.active .text {
    color: #007aff;
    font-weight:500;
}

.map_cats .item.active .icon svg path {fill: #007aff;}

.map_cats .item.active {
    border-color: #007aff;
    opacity: 1;
}

.ai_container .top {
    display: flex;
}

.ai_container .top .close {
    z-index: 99;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    top: 5px;
}
.ai_container .top .close svg {
    width: 25px;
    height: 25px;
}
.ai_container .top .close svg path {}

.ai_container .top h2 {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 19px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    letter-spacing: -1px;
}

.dark .arama_gecmisi {
    background-color: #222;
}

body.search_action .arama_gecmisi {
    left: 0;
    opacity: 1;
}

.arama_gecmisi {
    background-color: #fff;
    position: absolute;
    left: -100vw;
    width: 100%;
    height: calc( 100dvh - 288px );
    z-index: 999;
    padding: 20px 0px;
    margin-top: 15px;
    opacity: 0;
    transition: all 0.2s ease;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.dark .arama_gecmisi h2 {
    color: #999;
}

.arama_gecmisi h2 {
    margin: 0;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
    font-weight: 600;
}
.arama_gecmisi li {
    display: flex;
    width: calc( 100% - 40px);
    list-style: none;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 15px;
    color: #555;
    line-height: 20px;
}
.arama_gecmisi li:nth-child(odd) {
    background-color: whitesmoke;
}
.arama_gecmisi li span {
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.arama_gecmisi li span svg {
    width: 20px;
    height: 20px;
}
.arama_gecmisi li span svg path {
    fill: #999;
}

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

.dark .small_title {
    color:#999;
}

.small_title {font-size: 15px;font-weight: 300;color: #333;margin-bottom: 15px;width: 100%;display: inline-block;}

.bolge_title {
    margin: 35px 0 0px 0;
    padding: 0;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    letter-spacing: -1px;
    color: #555;
}

.bolge_ayrac{
    display: inline-block;
    width: 100%;
    padding-top: 25px;
}

body.dark .login_paged {
    background-color: #333;
}

body.open_login_page .login_paged {
    left:0;
}
.login_paged {
    width:100%;
    top: 58px;
    left: -100vw;
    z-index: 9999999;
    overflow-y: auto;
    overflow-x: hidden;
    will-change: left;
    position: absolute;
    display: inline-block;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 135px );
    -webkit-overflow-scrolling: touch;
}

body.dark .register_paged{
    background-color: #333;
}

body.open_register_page .register_paged {
    left:0;
}
.register_paged {
    width:100%;
    top: 58px;
    left: -100vw;
    z-index: 9999999;
    overflow-y: auto;
    overflow-x: hidden;
    will-change: left;
    position: absolute;
    display: inline-block;
    transition: all 0.2s ease;
    background-color: #fff;
    height: calc(100dvh - 135px );
    -webkit-overflow-scrolling: touch;
}

.no_image_item {
    padding-left: 20px; padding-top: 20px; padding-bottom: 20px;
}

.price_discount.bg-blue svg {
   width: 12px;
   height: 11px;
}
.price_discount.bg-blue svg path {
   fill:#fff;
}

.bg-blue {
   background-color: #007aff !important;
}

.loading_image {
    position: relative;
    background-color: #e2e2e2;
    height: 100px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.loading_image:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100px);
    background: ease-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: loading 0.8s infinite;
}
.fake_loader_xs:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100px);
    background: ease-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: loading 0.8s infinite;
}

.float-right {
    float: right;
}

.price_flex .price_discount.telefon_kutu a {display: flex;width: 24px;height: 24px;align-items: center;justify-content: center;background-color: #007aff !important;border-radius: 4px;}
.price_flex .price_discount.telefon_kutu a svg {width: 16px;height: 16px;}

.price_flex .price_discount.telefon_kutu a svg path {fill: #fff;}
.account_page .button{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.account_page .button a.save_acc{
    text-decoration: none;
    padding: 8px 12px;
    display: inline-block;
    background-color: #007aff !important;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 50px;
}

.success_bar_area {
    position: fixed;
    bottom: 0;
    font-family: "Fira Sans", sans-serif;
    transform: translateY(100px);
    transition: all 0.2s ease;
    will-change: transform;
    left: 0;
    width: 100%;
    font-size: 17px;
    background-color: #fff;
    z-index: 9999999999999999;
    padding: 0 24px;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 20px 0;
    gap: 10px;
    padding-left: 20px;
}
.success_bar_area .icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.success_bar_area .icon svg{
    width: 28px;
    height: 28px;
}
.success_bar_area .icon svg path{
 fill:#007aff;   
}
.success_bar_area .icon svg circle{
 fill:#007aff;   
 stroke:#007aff;   
}

.account_page .button a.exit {
    font-size: 15px;
    text-decoration: none;
    color: #F44336;
}

.swal2-popup {
    max-width: 300px;
    max-height: 300px;
}

.swal2-container {
    z-index: 9999999999;
}

.swal2-html-container  {
    margin-top: 5px;
    margin-bottom: 0;
}

.swal2-popup {     font-size: 14px; }

body.notice .success_bar_area {
    transform: translateY(0px);
}

body.notice .preload {
    bottom: 0
}

.no_click2 {
    display: none;
}

#category .list_item .location {
    padding-left: 0;
}

.anasayfa_list {
    display: flex;
    flex-direction: column;
    padding: 15px 0;
    overflow-y: auto;
    padding-bottom: 75px;
}

.loader_flex {
    display: flex;
    width: 2000px;
    margin-top: 25px;
    gap: 14px;
    padding: 0 15px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.etkinlik_owner .etkinlik_detaylari{flex-direction: row;gap: 7px;padding-top: 0;}

.etkinlik_detaylari {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0px;
    padding-top: 4px;
}

.dark .etkinlik_detaylari li {
    color:#999;
}

.etkinlik_detaylari li {
    list-style: none;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 3px;
    color: #333;
    margin: 0;
    padding: 2px 0;
}
.etkinlik_detaylari li span {
    font-weight: 500;
    position: relative;
    top: 1px;
}

.etkinlik_detaylari li svg {
    width: 16px;
    height: 16px;
}

.etkinlik_detaylari li svg path {
    fill: #007aff;
}

.km_off .km{
    display: none;
}

.fake_loader_xs {
    border-radius: 10px;
    width: 75px;
    margin-right: 0;
    height: 75px;
    position: relative;
    background-color: #e2e2e2;
    display: inline-block;
}

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}
 .themeToggle {
    color: #007aff;
    width: 3em;
    display: inline-block;
    height: 3em;
  }
  
  .st-sunMoonThemeToggleBtn {
    position: absolute;
    cursor: pointer;
    user-select: none;
    bottom: 20px;
    right: 24px;
  }
  
  .st-sunMoonThemeToggleBtn .themeToggleInput {
    opacity: 0;
    width: 100%;
    aspect-ratio: 1;
    display: none;
    user-select: none;
  }
  
  .st-sunMoonThemeToggleBtn svg {
    position: absolute;
    left: 14px;
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
    transform: rotate(40deg);
    user-select: none;
    top: 10px;
  }
  
  .st-sunMoonThemeToggleBtn svg .sunMoon {
    transform-origin: center center;
    transition: inherit;
    transform: scale(1);
  }
  
  .st-sunMoonThemeToggleBtn svg .sunRay {
    transform-origin: center center;
    transform: scale(0);
  }
  
  .st-sunMoonThemeToggleBtn svg mask > circle {
    transition: transform 0.64s cubic-bezier(0.41, 0.64, 0.32, 1.575);
    transform: translate(0px, 0px);
  }
  
  .st-sunMoonThemeToggleBtn svg .sunRay2 {
    animation-delay: 0.05s !important;
  }
  .st-sunMoonThemeToggleBtn svg .sunRay3 {
    animation-delay: 0.1s !important;
  }
  .st-sunMoonThemeToggleBtn svg .sunRay4 {
    animation-delay: 0.17s !important;
  }
  .st-sunMoonThemeToggleBtn svg .sunRay5 {
    animation-delay: 0.25s !important;
  }
  .st-sunMoonThemeToggleBtn svg .sunRay5 {
    animation-delay: 0.29s !important;
  }
  
  .st-sunMoonThemeToggleBtn .themeToggleInput:checked + svg {
    transform: rotate(90deg);
  }
  .st-sunMoonThemeToggleBtn .themeToggleInput:checked + svg mask > circle {
    transform: translate(16px, -3px);
  }
  .st-sunMoonThemeToggleBtn .themeToggleInput:checked + svg .sunMoon {
    transform: scale(0.55);
  }
  .st-sunMoonThemeToggleBtn .themeToggleInput:checked + svg .sunRay {
    animation: showRay1832 0.2s ease 0s 1 forwards;
  }
  
  @keyframes showRay1832 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  

.dark .list_items {
    background-color: #222;
}

.active_filters {
    display: none;
    padding: 15px 20px 5px 20px;
    gap: 10px;
    flex-wrap: wrap;
}

.active_filters li  {
    list-style: none;
    background-color: #007aff;
    border-radius: 15px;
    font-size: 12px;
    padding: 4px 10px;
    color: #fff;
    display: flex;
    gap: 2px;
}

.yes_kalp {
    display: none;
}

.for_kalp {
    width: 50px;
    height: 66px;
    display: flex;
    position: absolute;
    right: 0;
    align-items: center;
    justify-content: center;
    top: 0;
}

.yes .yes_kalp {
    display: inline-block;
}

.yes .yes_kalp path {
    fill: #E91E63;
}

.video_button {
    position: absolute;
    right: 12px;
    bottom: 0;
    z-index: 999;
    width: 100px;
    height: 50px;
    text-align: right;
}
.video_button svg {
    width: 32px;
    height: 32px;
}

.active_filters li:before {
    content:'';
    position: relative;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -960 960 960" width="16"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path></svg>');
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%23fff"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
}

.dark .active_filters li:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -960 960 960" width="16"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path></svg>');
}

.dark .active_filters li {
    color: #000;
}

.active_filters li a {}