@import url("/assets/tema.php");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap");

.indirimorani {
  margin-bottom: 0.9rem;
  color:rgba(0, 0, 0, 0.4);
}
.indirimorani .oran {
  font-weight: bold;
  font-size: 1.2rem;
  color:red;
}

.m0 {
  margin: 0 !important;
  padding: 0 !important;
}

#sozlesmeframe {
  min-width: 800px;
  min-height: 500px;
}

.hesapac_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 800px) {
  .hesapac_wrapper {
    padding: 0 1em !important;
  }
}
.hesapac_wrapper .hesaperror {
  color: rgb(141, 47, 47);
  margin-bottom: 1em;
  font-size: 1.1rem;
}
.hesapac_wrapper small {
  display: block;
  margin-bottom: 1em;
}
.hesapac_wrapper .buttons {
  margin-top: 1em;
  text-align: right;
}
.hesapac_wrapper h1 {
  margin-bottom: 0em !important;
  padding-bottom: 0;
}
@media (max-width: 800px) {
  .hesapac_wrapper .hesapac {
    width: 90% !important;
  }
}
.hesapac_wrapper .hesapac .field {
  margin-bottom: 1em;
}
.hesapac_wrapper .hesapac .field .title {
  font-weight: 600;
}
.hesapac_wrapper .hesapac .field input {
  min-width: 350px;
}
@media (max-width: 800px) {
  .hesapac_wrapper .hesapac .field input {
    min-width: unset !important;
    width: 100% !important;
  }
}
.hesapac_wrapper .hesapac .sozlesmeler {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  border-radius: 0.3em;
  margin-bottom: 1em;
  display: inline-block;
  min-width: 350px;
}
@media (max-width: 800px) {
  .hesapac_wrapper .hesapac .sozlesmeler {
    min-width: unset !important;
  }
}

.nolarge {
  display: none;
}
@media (max-width: 800px) {
  .nolarge {
    display: block;
  }
}
.nolarge .main-menu-item {
  display: flex !important;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.3em;
}
.nolarge .main-menu-item img {
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 20px;
  border-radius: 0.3em;
}

.glider {
  scrollbar-width: none;
}

* {
  box-sizing: border-box;
}

.hidden {
  display: none !important;
}

.outer {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 800;
}

body,
html {
  margin: 0px;
  padding: 0px;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400;
  font-size: 1em;
  background-color: #ffffff;
  min-width: 100% !important;
}

.nolarge {
  display: none;
}

@media (max-width: 800px) {
  .nolarge {
    display: block !important;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .nomobile {
    display: none !important;
  }
}
body {
  color: var(--neatural-400);
}
body .btn-danger {
  background-color: rgb(209, 49, 44);
}
body .popup h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.5em;
}
body .popup .field {
  margin: 1em 0;
}
body .popup .field label {
  width: 100px;
  display: inline-block;
}
body .grid3 {
  display: grid;
  grid-template-columns: 50% 25% 25%;
}
body .border-bottom {
  border-bottom: 1px solid #dedede;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
body .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body section {
  margin: 1rem 0;
  padding: 2rem 5vw;
  border-radius: 0.5rem;
  background-color: #f8f8f8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media (max-width: 800px) {
  body section {
    margin: 1rem 10px !important;
    padding: 2rem 2vw !important;
  }
}
body section h6 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0.7rem;
}
body section li {
  margin-top: 0.5rem;
}
body section h2 {
  color: #2b2a2a;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
body section .adres-buttons {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
body section .kampanya {
  background-color: white;
  border-radius: 0.3em;
  padding: 1em;
  margin-bottom: 1em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
}
body section .kampanya i {
  margin-right: 15px;
}
body section .aktifkampanya {
  background-color: green !important;
  color: white !important;
}
body .dropdown {
  position: relative;
}
body .dropdown .dropdown-content {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  color: #3f3f3f;
  padding: 0.5rem 2rem;
  border-radius: 0.5rem;
  z-index: 999;
  position: absolute;
  top: 100%;
  right: 0;
}
@media (max-width: 800px) {
  body .dropdown .dropdown-content {
    position: static;
  }
}
body .dropdown .dropdown-content a {
  color: var(--renk_topBg);
}
body .dropdown .dropdown-content > * {
  margin: 0.5rem 0;
  display: block;
}
body .dropdown .dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #ffffff;
}
body .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
body .mt-1 {
  margin-top: 3em;
}
body .text-right {
  text-align: right;
}
body textarea {
  width: 100%;
  height: 200px;
  margin-top: 1em;
}
@media (max-width: 800px) {
  body textarea {
    height: 100px;
  }
}
body button {
  background-color: var(--renk_topBg);
  border: 1px solid var(--renk_topBg);
  border-radius: 0.3em;
  color: var(--renk_sepetOver);
  padding: 1em 3em;
}
body .autospace > * {
  padding-bottom: 0.5em;
}
body .autospace label {
  width: 20vw;
  max-width: 200px;
  display: inline-block;
}
@media (max-width: 800px) {
  body .autospace label {
    width: 100%;
  }
}
body .autospace input {
  width: 100%;
}
body .autospace > * {
  margin-bottom: 1rem;
}
body .autospace .text-right {
  border-bottom: 0 !important;
}
body .autospace button {
  padding: 1em;
}
body input,
body textarea,
body select {
  border: 1px solid #dedede;
  padding: 1em;
  border-radius: 0.3em;
}
body .frame {
  border: 1px solid #dedede;
  border-radius: 0.4em;
  padding: 1em;
}
body .frame .bolgeler {
  display: flex;
  flex-wrap: wrap;
}
body .frame .bolgeler li {
  margin-left: 1em;
  border: 1px solid #dedede;
  border-radius: 0.3em;
  padding: 0.5em;
  margin-bottom: 1em;
}
body .frame .iletisim-info {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  body .frame .iletisim-info {
    flex-direction: column;
  }
}
body .frame .iletisim-info > * {
  display: grid;
  grid-template-columns: 120px auto;
  margin-bottom: 0.5rem;
}
body .frame p {
  margin: 1em 0;
}
body .frame h1 {
  margin-bottom: 1em;
}
body .frame h3 {
  margin-bottom: 0.7em;
  font-size: 1.5em;
}
body .frame h5 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
  color: #545454;
}
body .frame li {
  font-size: 1em;
  margin-bottom: 0.3em;
  color: #545454;
}
body .container {
  margin: 1em 15vw;
}
@media (max-width: 800px) {
  body .container {
    margin: 1em 3vw;
  }
}
body .container h1 {
  font-size: 2em;
}
body .container h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.2em;
}
body .pads {
  padding: 3em 5em !important;
}
@media (max-width: 800px) {
  body .pads {
    padding: 1em !important;
  }
}
body #sepetlist {
  transform: scale(0, 1);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1999;
  background-color: white;
  padding: 1em;
  width: 400px;
  min-height: 100vh;
  box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
}
@media (max-width: 800px) {
  body #sepetlist {
    width: 100%;
  }
}
body #sepetlist button {
  padding: 1em !important;
  margin-top: 1em;
}
body #sepetlist .sepetisim .fiyat {
  color: var(--renk_topBg);
  font-weight: 800;
  margin-top: 0.5em;
}
body #sepetlist .uyari {
  text-align: center;
  font-weight: 400;
  margin-bottom: 1em;
}
body #sepetlist .sepetegit {
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  border: 1px solid var(--renk_topBg);
  border-radius: 0.3em;
  width: 100%;
  padding: 0.6em 0;
  cursor: pointer;
}
body #sepetlist .sepetheader {
  display: flex;
  justify-content: space-between;
}
body #sepetlist .sepetheader h4 {
  margin-bottom: 1em;
  font-size: 1.2em;
  color: var(--neatural-400);
}
body #sepetlist .sepetheader .sepetclose::after {
  content: "x";
  display: block;
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  border-radius: 0.3em;
  font-weight: bold;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body #sepetlist .sepetheader {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
}
body #sepetlist .sepetitems {
  max-height: 90vh;
  overflow-y: hidden;
}
body #sepetlist .sepetitems img {
  max-width: 35px;
  border: 1px solid var(--neatural-200);
  border-radius: 0.3em;
}
body #sepetlist .sepetitems .sepetitem {
  display: grid;
  grid-template-columns: 35px auto 120px;
  gap: 10px;
  border-bottom: 1px solid var(--neatural-200);
  padding-bottom: 0.8em;
  margin-bottom: 0.8em;
}
body #sepetlist .sepetitems .sepetitem .isim {
  font-size: 0.8em;
}
body #sepetlist .sepetitems .sepetitem .fiyat {
  font-size: 1em;
  color: #545454;
}
body #sepetlist .sepetitems .sepetitem .eklepanel {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.3em;
  border: 1px solid var(--renk_topBg);
  border-radius: 0.3em;
}
body #sepetlist .sepetitems .sepetitem .eklepanel i {
  font-size: 1.5em;
  color: var(--renk_topBg);
}
body .popup,
body .popup-force {
  transform: scale(0);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  justify-content: center;
  align-items: center;
  z-index: 9998;
  max-height: 100vh;
  overflow-y: auto;
  transition: 250ms ease;
}
body .popup .content,
body .popup-force .content {
  background-color: #fff;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  max-height: 90vh;
  max-width: 90vw;
  overflow-y: auto;
  position: relative;
}
body .popup .content .close,
body .popup-force .content .close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: red;
  font-size: 1.5em;
}
body .popup .content-primary,
body .popup-force .content-primary {
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
}
body .popup .content-primary .btn,
body .popup-force .content-primary .btn {
  color: var(--renk_topOver);
  background-color: rgba(0, 0, 0, 0.2);
}
body .popup .content-primary a,
body .popup-force .content-primary a {
  color: var(--renk_topOver);
}
body .popup .content-primary input,
body .popup-force .content-primary input {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(255, 255, 255, 0.3);
}
body .popup .content-primary input::-moz-placeholder, body .popup-force .content-primary input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body .popup .content-primary input::placeholder,
body .popup-force .content-primary input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
body .popup .content-primary .border-bottom,
body .popup-force .content-primary .border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body .popup h2,
body .popup-force h2 {
  font-size: 1.2em;
  margin-bottom: 0.5rem;
  display: block;
  text-align: center;
}
body .popup img,
body .popup-force img {
  max-width: 350px;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5rem;
  width: 100%;
  height: auto;
}
body .popup #o-urun-adi,
body .popup-force #o-urun-adi {
  text-align: center;
  font-weight: 400;
  margin-bottom: 0.8rem;
  max-width: 350px;
}
body .popup #o-urun-fiyat,
body .popup-force #o-urun-fiyat {
  font-weight: 800;
  text-align: center;
  margin-bottom: 0.5em;
}
body .popup .opsiyonlar,
body .popup-force .opsiyonlar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: #dedede;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  max-width: 350px;
}
body .popup .opsiyonlar select,
body .popup-force .opsiyonlar select {
  margin: 0.5rem 0;
  padding: 0.2rem;
  border-radius: 0.5rem;
  border: 1px solid #3f3f3f;
  text-transform: uppercase;
}
body .popup .opsiyonlar select + select,
body .popup-force .opsiyonlar select + select {
  margin-left: 0.5rem;
}
body .popup .btn,
body .popup-force .btn {
  width: 100%;
}
body .popup .eklepanel,
body .popup-force .eklepanel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5em;
  margin-bottom: 10px;
  padding: 0.5rem;
  border: 1px solid var(--renk_topBg);
  border-radius: 0.5rem;
  color: var(--renk_topBg);
}
body .popup .eklepanel a,
body .popup-force .eklepanel a {
  color: var(--renk_topBg) !important;
}
body .popup #oaciklama,
body .popup-force #oaciklama {
  max-width: 350px;
  margin-top: 10px;
  border-radius: 0.5rem;
  border: 1px solid #dedede;
  padding: 1rem;
}
body .hidden {
  display: none;
}
body #loadingbg {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}
body .gotop {
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100;
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
body ul {
  list-style: none;
}

.header {
  background-color: var(--renk_topBg);
  padding: 0 15vw;
  height: 70px;
  display: grid;
  grid-template-columns: 250px auto;
  position: relative;
  font-weight: 400;
}
@media (max-width: 800px) {
  .header {
    padding: 0 3vw;
  }
}
.header .hamburger {
  display: none;
  position: absolute;
  right: 20px;
  top: 10px;
  color: var(--renk_topOver);
  font-size: 2.5em;
  z-index: 999;
}
@media (max-width: 800px) {
  .header .hamburger {
    display: block;
  }
}
.header a {
  color: white;
}
.header .logolink {
  position: relative;
}
.header .logo {
  background-color: white;
  position: absolute;
  bottom: 0;
  border-radius: 0.3em 0.3em 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 60px;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.25);
}
.header .logo img {
  padding-top: 10px;
  max-width: 90%;
  height: auto;
}
.header .main-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header .main-menu .lokasyon-banner {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0.8em;
}
.header .main-menu .lokasyon-banner .title {
  font-weight: bold;
}
.header .main-menu .lokasyon-banner i {
  font-size: 1.5em;
}
@media (max-width: 800px) {
  .header .main-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 80px;
    background-color: white;
    z-index: 999;
    flex-direction: column;
  }
  .header .main-menu a {
    color: var(--renk_topOver);
  }
}
.header .main-menu #login-link {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 0.4em 0em;
  border-radius: 0.3em;
  margin-left: 1em;
}
@media (max-width: 800px) {
  .header .main-menu #login-link {
    background-color: black;
    color: white;
    padding: 1em;
  }
}
.header .main-menu #login-link i {
  padding: 0em 0.5em;
}
.header .main-menu ul {
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .header .main-menu ul {
    flex-direction: column;
    width: 100%;
    padding: 1em;
    padding-bottom: 3em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    display: none;
  }
}
.header .main-menu ul li + li {
  margin-left: 0.5em;
}
@media (max-width: 800px) {
  .header .main-menu ul li + li {
    margin: 0 3vw;
  }
}
.header .main-menu ul li {
  padding: 0.4em 0.5em;
}
@media (max-width: 800px) {
  .header .main-menu ul li {
    padding: 1em 3vw;
    width: 100%;
    margin: 0.3em 0 !important;
    text-align: left;
    background-color: var(--renk_topBg);
    border-radius: 0.3em;
  }
}
.header .main-menu ul li:hover {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0.3em;
}

.topbar-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 1em 0;
}
@media (max-width: 800px) {
  .topbar-container {
    padding: 0;
    padding-bottom: 0;
  }
}
.topbar-container .topbar {
  margin: 0 15vw;
  display: grid;
  grid-template-columns: auto 250px;
  align-items: center;
  height: 4em;
}
@media (max-width: 800px) {
  .topbar-container .topbar {
    gap: 0.2em;
    display: flex;
    height: auto;
    margin: 0;
    padding: 0.3em;
  }
}
.topbar-container .topbar form {
  height: 100%;
}
.topbar-container .topbar .ara-container {
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
@media (max-width: 800px) {
  .topbar-container .topbar .ara-container {
    height: 60px;
  }
}
.topbar-container .topbar .ara-container .ara {
  border: 1px solid var(--neatural-200);
  width: 90%;
  display: grid;
  grid-template-columns: auto 90px;
  border-radius: 0.4em;
}
@media (max-width: 800px) {
  .topbar-container .topbar .ara-container .ara {
    display: flex;
    width: 100%;
    margin: 0 1em;
    padding: 0;
  }
}
.topbar-container .topbar .ara-container .ara input {
  border: 0;
  height: 100%;
  width: 100%;
  padding-left: 1em;
}
@media (max-width: 800px) {
  .topbar-container .topbar .ara-container .ara input {
    display: none;
  }
}
.topbar-container .topbar .ara-container .ara button {
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  border: 0;
  border-radius: 0.3em;
}
@media (max-width: 800px) {
  .topbar-container .topbar .ara-container .ara button {
    padding: 1em;
    right: 0;
  }
}
.topbar-container .topbar .stores {
  display: grid;
  grid-template-columns: 49% 49%;
  gap: 2%;
}
@media (max-width: 800px) {
  .topbar-container .topbar .stores {
    display: none;
  }
}
.topbar-container .topbar .stores img {
  width: 100%;
}
.topbar-container .topbar .container-sepet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--neatural-200);
  border-radius: 0.5em;
  padding: 0 0.6em;
  cursor: pointer;
  height: 100%;
}
@media (max-width: 800px) {
  .topbar-container .topbar .container-sepet {
    gap: 1em;
    padding: 0.3em;
    width: 100%;
    height: 60px;
    margin-left: 1em;
  }
}
.topbar-container .topbar .container-sepet i {
  font-size: 1.5em;
}
.topbar-container .topbar .container-sepet .sepet-fiyat {
  color: var(--renk_topBg);
  font-weight: 800;
}
.topbar-container .items {
  position: relative;
  padding-right: 10px;
}
.topbar-container .items .circle-adet {
  position: absolute;
  bottom: 15px;
  right: 0;
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  padding: 0 0.3em;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.glider-slide {
  min-width: 0 !important;
}

.slidelar {
  padding: 1em 15vw;
  scrollbar-width: none;
}
@media (max-width: 800px) {
  .slidelar {
    padding: 1em 3vw;
  }
}
.slidelar::-webkit-scrollbar {
  display: none;
}
.slidelar .glider {
  scrollbar-width: none;
}
.slidelar .glider::-webkit-scrollbar {
  display: none;
}
.slidelar img {
  width: 100%;
  border-radius: 1em;
}
@media (max-width: 800px) {
  .slidelar img {
    width: auto;
    min-height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.slidelar .glider-prev {
  background-color: white;
  left: 0px;
  opacity: 1;
  height: 50px;
  width: 50px;
  border-radius: 0 25px 25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  padding-bottom: 8px;
  top: 40%;
}
.slidelar .glider-next {
  background-color: white;
  right: 0px;
  top: 40%;
  opacity: 1;
  height: 50px;
  width: 50px;
  border-radius: 25px 0 0 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-bottom: 8px;
}

.devami {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}

.kats {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  font-size: 0.8em;
  font-weight: 600;
}
@media (max-width: 800px) {
  .kats {
    justify-content: space-evenly;
    gap: 0.5em;
  }
}
.kats a {
  color: var(--neatural-400);
}
.kats .kat {
  text-align: center;
  max-width: 130px;
  transition: 0.2s ease-in;
}
@media (max-width: 800px) {
  .kats .kat {
    max-width: 100px;
  }
}
.kats .kat:hover {
  transform: scale(1.1);
}
.kats .kat img {
  max-width: 120px;
  border-radius: 0.3em;
  border: 1px solid;
  border-color: #dedede;
  margin-bottom: 0.5em;
  padding: 0.5em;
}
@media (max-width: 800px) {
  .kats .kat img {
    max-width: 90px !important;
  }
}
.kats .kat .isim {
  text-align: center;
}

.firsatlar {
  margin-top: 3em !important;
}
.firsatlar .banner {
  flex-wrap: nowrap;
  width: 300px;
  height: 300px;
}
.firsatlar .firsats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.firsatlar .firsats .urunitem {
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.urunitem {
  border: 1px solid #efefef;
  border-radius: 0.5rem;
  position: relative;
  background-color: #ffffff;
  max-width: 12rem;
  padding: 1rem 0.3rem 0.3rem 0.3rem;
  flex: auto;
}
@media (max-width: 800px) {
  .urunitem {
    width: 45%;
  }
}
.urunitem img {
  border-radius: 0.5rem;
  max-width: 10rem;
  width: 100%;
  height: auto;
  transition: 0.3s ease;
}
.urunitem:hover img {
  transform: scale(1.1);
}
.urunitem .resim-container {
  display: flex;
  justify-content: center;
}
.urunitem .favs {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--renk_ekleArti);
  padding: 0.2rem 0.5rem;
  z-index: 10;
  font-size: 1.2em;
}
.urunitem .indirim {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--renk_topBg);
  color: var(--renk_katlistOver);
  padding: 0.2rem 0.5rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.urunitem .indirim .fas {
  margin-left: 5px;
  font-size: 1.2em;
}
.urunitem .uisim {
  color: #545454;
  font-size: 0.8em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  line-height: 1.3em;
  min-height: 3rem;
}
.urunitem .fiyat-container {
  text-align: center;
  margin-bottom: 0.5rem;
  color: #545454;
  font-size: 1em;
  display: flex;
  justify-content: space-around;
}
.urunitem .uindirimsiz {
  text-decoration: line-through;
  margin-right: 0.5rem;
  font-weight: 600;
}
.urunitem .pr {
  padding-right: 15px;
}
.urunitem .ufiyat {
  font-weight: 800;
  position: relative;
}
@media (max-width: 800px) {
  .urunitem .ufiyat {
    font-size: 1rem;
  }
}
.urunitem .ufiyat .birim {
  font-size: 10pt;
  position: absolute;
  top: 0;
  right: -20px;
}
.urunitem .ekle {
  text-align: center;
}
.urunitem .ekle a {
  cursor: hand;
}
.urunitem .eklepanel {
  font-size: 1.2em;
  display: none;
  justify-content: space-between;
  background-color: var(--renk_topBg);
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: var(--renk_topOver);
}
.urunitem .eklepanel a {
  color: var(--renk_topOver);
}
.urunitem .firmaisim {
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.urunitem #cart {
  fill: white;
}
.urunitem .sepetspan {
  background: url("/imgs/addcart.php");
  padding: 5px 0px 5px 30px;
  background-repeat: no-repeat;
  background-position: left center;
}
.urunitem .sepeteeklecontainer {
  text-align: right;
  margin-top: 1em;
}
.urunitem .sepeteekle {
  position: relative;
  background-color: var(--renk_sepetTus);
  color: var(--renk_sepetOver);
  border: 1px solid var(--renk_sepetTus);
  padding: 0.8em;
  border-radius: 0.3em;
  transition: 0.1s ease-in;
  cursor: pointer;
}
.urunitem .sepeteekle i {
  transition: 0.3s ease-in;
}
.urunitem .sepeteekle:hover {
  transform: scale(1.3);
}
.urunitem .sepeteekle:hover i {
  transform: rotate(180deg);
}
.urunitem .sepeteekle:hover .box {
  animation: sepeteDus 2s ease infinite;
}
.urunitem .box {
  width: 7px;
  height: 7px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 30px;
  opacity: 0;
}
.urunitem .sepeteekle:hover .sepetspan {
  background-position: left 8px;
}

.showcase {
  margin-top: 3em !important;
}
.showcase h2 {
  margin-bottom: 1.5em !important;
}
.showcase .tabs {
  display: flex;
  padding-left: 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.showcase .tabs .tab {
  border: 1px solid #c8c8c8;
  border-bottom: none;
  padding: 0.5em 1.3em;
  margin-left: 1em;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.25);
}
.showcase .tabs .aktif {
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
}
.showcase .cases {
  border: 1px solid #c8c8c8;
  border-radius: 0.3em;
  padding: 1em;
}
.showcase .cases .case {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: flex-start;
  transition: all 0.3s ease;
}
.showcase .cases .case .urunitem {
  margin-bottom: 1em;
}
.showcase .flash {
  animation-name: flashy;
  animation-duration: 1s;
}

@keyframes flashy {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.urunler {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1em;
}
@media (max-width: 800px) {
  .urunler {
    padding: 0 2vw !important;
  }
}
.urunler .urun {
  max-width: 25vw;
  margin-bottom: 2rem;
  margin-right: 1.5vw;
}
@media (max-width: 800px) {
  .urunler .urun {
    max-width: 45vw !important;
  }
  .urunler .urun .btn {
    font-size: 0.5em;
    padding: 10px 5px;
  }
}

.kategori-content {
  display: grid;
  grid-template-columns: 250px auto;
  gap: 1em;
}
@media (max-width: 800px) {
  .kategori-content {
    display: block;
  }
}
.kategori-content .mobile-ic-kats {
  display: none;
  border: 1px solid #dedede;
  padding: 1em;
  border-radius: 0.3em;
  margin-bottom: 1em;
  cursor: pointer;
  position: relative;
}
@media (max-width: 800px) {
  .kategori-content .mobile-ic-kats {
    display: block;
  }
}
.kategori-content .mobile-ic-kats i {
  position: absolute;
  right: 20px;
  font-size: 1.2em;
}
.kategori-content .ic-kategori-content {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 9999;
  padding: 1em;
}
.kategori-content .ic-kategori-content h3 {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 0.2em;
  padding-bottom: 0.5em;
}
.kategori-content .ic-kategori-content i {
  font-size: 1.3em;
  position: absolute;
  right: 2em;
  top: 1em;
  cursor: pointer;
}
.kategori-content .ic-kategori-content ul {
  display: block;
}
.kategori-content .ic-kategori-content ul a {
  color: #545454 !important;
}
.kategori-content .ic-kategori-content ul a i {
  position: static;
  font-size: 0.5em;
  padding-right: 0.3em;
}
.kategori-content .ic-kategori-content ul li {
  padding: 0.3em;
}
.kategori-content .ic-kategori-content ul li + li {
  border-top: 1px solid #dedede;
}
@media (max-width: 800px) {
  .kategori-content .menu {
    display: none;
  }
}
.kategori-content .menu .kategoriler {
  border: 1px solid #dedede;
  padding: 1em;
  border-radius: 0.3em;
}
.kategori-content .menu .kategoriler a {
  display: flex;
  align-items: center;
}
.kategori-content .menu .kategoriler .filteritem {
  border-bottom: 1px solid #c8c8c8;
  padding: 1em 0;
  margin-bottom: 0.5em;
}
.kategori-content .menu .kategoriler .filteritem select {
  width: 100%;
  background-color: #dedede;
  border: 1px solid #c8c8c8;
  padding: 1em;
  border-radius: 0.3em;
}
.kategori-content .menu .kategoriler li {
  margin-bottom: 15px;
}
.kategori-content .menu .kategoriler li img {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  border-radius: 0.5em;
  border: 1px solid #dedede;
}
.kategori-content .menu .kategoriler .mainkats a {
  font-weight: 600;
  color: #3f3f3f;
  margin-bottom: 5px;
}
.kategori-content .menu .kategoriler .mainkats .aktif {
  color: var(--renk_topBg);
  font-weight: 800;
}
.kategori-content .menu .ickategoriler {
  margin-left: 50px;
}
.kategori-content .menu .ickategoriler a {
  font-weight: 400 !important;
  color: #545454 !important;
  font-size: 0.9em;
}
.kategori-content .menu .ickategoriler a::before {
  content: "-";
  margin-right: 10px;
}

.status {
  background-color: rgba(0, 0, 0, 0.01);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
  color: #2b2a2a;
  margin-top: 4em;
}
.status ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 15vw;
  list-style: none;
  font-size: 0.6rem;
  font-weight: 400;
}
@media (max-width: 800px) {
  .status ul {
    padding: 1em 3vw;
  }
}
.status ul li {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.status ul i {
  background: var(--renk_topBg);
  color: var(--renk_topOver);
  width: 55px;
  height: 55px;
  font-size: 1.5rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
  display: flex;
}

footer {
  padding: 1em 15vw;
  font-size: 0.8em;
  margin-bottom: 0 !important;
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
}
@media (max-width: 800px) {
  footer {
    padding: 1em 0;
    position: relative;
  }
}
footer .iyzico {
  margin-top: 2em;
}
@media (max-width: 800px) {
  footer .iyzico {
    display: none;
  }
}
footer .iyzico img {
  max-width: 90%;
}
@media (max-width: 800px) {
  footer .altindir {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
    flex-basis: 100%;
  }
}
footer a {
  color: var(--renk_topOver);
}
footer .linkler li {
  margin-bottom: 0.6em;
}
footer .linkler a {
  color: rgba(var(--renk_topOver), 0.7) !important;
  letter-spacing: 0.2em;
  font-weight: 300;
}
footer .contacts {
  margin-top: 1em;
}
footer .contacts i {
  font-size: 2em;
  margin-right: 0.3em;
}
footer .contacts a {
  display: flex;
  align-items: center;
  background-color: var(--renk_topOver) !important;
  padding: 0.3em;
  border-radius: 0.3em;
  color: var(--renk_topBg) !important;
}
footer hr {
  border: 0.5px solid var(--renk_topBg);
}
footer h5 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
footer .bottom {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .bottom .logo span {
  font-size: 1.2em;
  font-weight: 800;
}
footer .bottom a {
  color: white;
  margin-bottom: 0.5em;
}
footer .bottom .sosyal {
  text-align: center;
}
footer .bottom .sosyal a {
  color: var(--renk_topOver);
  font-size: 1.2em;
}
footer .bottom .sosyal a + a {
  margin-left: 0.5em;
}
footer .bottom .sosyal .bm {
  margin-top: 1em;
}
footer .bottom .sosyal .bm a {
  font-size: 1em;
  color: var(--renk_topOver);
}

#kullan {
  margin-right: 30px;
}

.toplam-container {
  display: flex;
  justify-content: space-between !important;
  margin-top: 1rem;
  align-items: center;
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  border-radius: 0.5rem;
  padding: 0.5rem;
  align-items: center;
  font-size: 0.8em;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  font-weight: 600;
  margin-bottom: 1em;
}

.sepet-container .urunitem {
  margin-bottom: 20px;
  max-width: 12rem !important;
}
@media (max-width: 800px) {
  .sepet-container .urunitem {
    max-width: 43% !important;
  }
  .sepet-container .urunitem img {
    max-height: 50px;
    width: auto;
  }
}
.sepet-container #toplam {
  font-weight: 800;
  font-size: 1.2em;
}
.sepet-container #sepeturunler {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sepet-container #sepeturunler > * + * {
  margin-left: 20px;
}
.sepet-container .eklepanel {
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
}

.urundetay .urunresimler {
  border: 1px solid #dedede;
  border-radius: 0.3em;
  padding: 10px;
  text-align: left;
  grid-area: resimler;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.urundetay .urunresimler img {
  max-width: 50px;
  max-height: 50px;
  margin-bottom: 1em;
  border: 1px solid #dedede;
  border-radius: 0.3em;
}
.urundetay .detay .favs {
  top: 10px;
  right: 20px;
}
.urundetay .detay .favs i {
  font-size: 2em;
}
.urundetay .detay .eklepanel {
  background-color: white !important;
  border: 1px solid var(--renk_topBg);
  border-radius: 0.3em;
  color: var(--renk_topBg);
  width: 200px;
  height: 60px;
  align-items: center;
  font-size: 2em;
}
@media (max-width: 800px) {
  .urundetay .detay .eklepanel {
    margin-top: 1em;
    justify-self: center;
    text-align: center;
    align-self: center;
    min-width: 100%;
  }
}
.urundetay .detay .eklepanel i {
  color: var(--renk_topBg);
}
.urundetay .detay .urunitem {
  min-width: 100%;
  display: grid;
  gap: 1em;
  grid-column-gap: 3em;
  grid-template-columns: 320px auto;
  grid-template-rows: 15px auto auto auto auto;
  grid-template-areas: "resim  title  title" "resim  restoran  restoran" "resim  aciklama  aciklama" "resim  fiyat  fiyat" "resim  tuslar  goback";
  padding: 1em;
}
@media (max-width: 800px) {
  .urundetay .detay .urunitem {
    display: block;
  }
}
.urundetay .detay .urunitem .devam {
  color: white;
  font-weight: 600;
  grid-area: goback;
  justify-self: flex-end;
  cursor: pointer;
}
.urundetay .detay .urunitem .devam button {
  cursor: pointer;
  background-color: #3f3f3f;
  border: 0px;
  padding: 1.3em 1em;
}
.urundetay .detay .urunitem .devam button i {
  margin-right: 1em;
}
@media (max-width: 800px) {
  .urundetay .detay .urunitem .devam {
    margin-top: 2em;
    justify-self: center;
    text-align: center;
    align-self: center;
  }
}
.urundetay .detay .urunitem .glidebtn {
  margin-top: 1em;
}
.urundetay .detay .urunitem:hover img {
  transform: scale(1);
}
.urundetay .detay .urunitem h1 {
  padding-right: 80px;
  font-size: 1.5em;
  grid-area: title;
  color: #545454 !important;
}
@media (max-width: 800px) {
  .urundetay .detay .urunitem h1 {
    width: 100%;
    font-size: 1.1em;
    margin-bottom: 1.5em;
  }
}
.urundetay .detay .urunitem .firmadi {
  grid-area: restoran;
}
.urundetay .detay .urunitem .aciklama {
  text-align: center;
  grid-area: aciklama;
  text-align: left;
}
@media (max-width: 800px) {
  .urundetay .detay .urunitem .aciklama {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.urundetay .detay .urunitem .sepeteeklecontainer {
  text-align: left !important;
  grid-area: tuslar;
  margin-top: 0;
}
.urundetay .detay .urunitem .sepeteeklecontainer button {
  font-size: 1em;
}
@media (max-width: 800px) {
  .urundetay .detay .urunitem .sepeteeklecontainer button {
    min-width: 100%;
  }
}
.urundetay .detay .urunitem .fiyat-container {
  font-size: 1.5em;
  grid-area: fiyat;
  border-top: 1px solid var(--neatural-200);
  border-bottom: 1px solid var(--neatural-200);
  padding: 1em 0;
  text-align: left;
  justify-content: flex-start;
  gap: 2em;
  align-items: center;
  font-size: 1em;
}
.urundetay .detay .urunitem .fiyat-container h2 {
  margin: 0;
}
.urundetay .detay .urunitem .fiyat-container .ufiyat {
  font-size: 1.5em;
}
.urundetay .detay .urunitem .fiyat-container .uindirimsiz {
  font-size: 1.5em;
}
.urundetay .detay .resim-container {
  grid-area: resim;
  justify-self: left;
  margin-left: 1em;
}
.urundetay .detay .resim-container .detayshow {
  max-width: 300px;
}
.urundetay .detay .resim-container img {
  width: 300px !important;
  height: 300px !important;
  min-width: 300px !important;
  min-height: 300px !important;
  max-width: 300px !important;
  max-height: 300px !important;
  border: 1px solid #dedede;
  border-radius: 0.3em;
}
@media (max-width: 800px) {
  .urundetay .detay .resim-container img {
    margin-bottom: 1.5em;
  }
}

.benzer {
  margin-top: 2em;
}

.buyu {
  animation: buyu 0.5s ease;
  transform-origin: top;
}

@keyframes buyu {
  0% {
    opacity: 0.5;
    transform: scale(1, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
body {
  /* Rounded sliders */
}
body .dm {
  display: flex;
  align-items: center;
}
body .dm .switch {
  margin-left: 0.5em;
}
body .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
body .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
body .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(39, 39, 39);
  transition: 0.4s;
}
body .slider-in {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
body input:checked + .slider {
  /*background-color: var(--renk_topBg);*/
}
body input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
body .move {
  transform: translateX(26px);
}
body .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: white;
}
body .slider.round {
  border-radius: 34px;
}
body .slider-in {
  border-radius: 50%;
  background-position: 0px 0px;
  background-size: contain;
}

.sehir a {
  color: var(--renk_topBg);
}

.sepet-main #btntoplam {
  font-weight: 800 !important;
}
@media (max-width: 800px) {
  .sepet-main .space {
    padding-top: 1em;
  }
  .sepet-main button {
    padding: 0.5em 2em !important;
  }
  .sepet-main section {
    padding: 1em 0 !important;
    margin: 0 !important;
    box-shadow: unset;
    background-color: unset;
    border-radius: unset !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .sepet-main section h2 {
    font-weight: 800;
    font-size: 1em;
  }
}

#reservationdetail .buttons button {
  width: 100%;
}

.text-center {
  text-align: center;
}

#calendar {
  margin-top: 2em;
  max-width: 800px;
}
#calendar h2 {
  font-size: 1em;
  margin-bottom: 0;
}
#calendar .fc-today-button {
  display: none !important;
}

.firmalar {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3em;
}
.firmalar .firma-container {
  margin-bottom: 1em;
}
.firmalar .firma-container .isim {
  display: flex;
  justify-content: space-between;
}
.firmalar .firma-container .isim .i {
  font-weight: 800;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.7);
}
.firmalar .firma-container .isim .puan {
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.7);
}
.firmalar .firma-container .isim .puan i {
  margin-right: 0.3em;
}
.firmalar .firma-container .kategoriler {
  margin: 0.5em 0;
  color: rgba(0, 0, 0, 0.5);
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  gap: 0.3em;
  flex-wrap: nowrap;
}
.firmalar .firma-container .kategoriler .kategori {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.3em;
  padding: 0.3em 0.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.firmalar .firma-container .minimum {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 100;
}
.firmalar .firma-container .minimum .miktar {
  font-weight: 600;
}
.firmalar .firma-container .gonderim {
  color: rgb(52, 117, 52);
  font-weight: 800;
  font-size: 0.9em;
}
.firmalar .firma-container img {
  max-width: 400px;
  border-radius: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 800px) {
  .firmalar .firma-container img {
    max-width: 90vw !important;
  }
}

.section {
  margin-bottom: 2em;
}

.main-slider {
  position: relative;
}
.main-slider .glider-prev {
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  background-color: black;
  color: white;
  border-radius: 0.3em;
  width: 30px;
  height: 30px;
  max-height: 30px;
  max-width: 30px;
  min-width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  font-size: 0.8em !important;
}
.main-slider .glider-next {
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 0;
  background-color: black;
  color: white;
  border-radius: 0.3em;
  width: 30px;
  height: 30px;
  max-height: 30px;
  max-width: 30px;
  min-width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  font-size: 0.8em !important;
}

.kategoriler-container {
  position: relative;
  max-width: 100%;
}
.kategoriler-container .kategori {
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.5);
}
.kategoriler-container .kategori:hover img {
  transform: scale(1.05);
  border-radius: 1em;
}
.kategoriler-container .kategori img {
  border-radius: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 150px;
  transition: all 300ms ease;
}
@media (max-width: 800px) {
  .kategoriler-container .kategori img {
    max-width: 75px;
  }
}

.firsatlar-container {
  position: relative;
  max-width: 100%;
}
.firsatlar-container .firsat {
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.3em;
  padding: 0.2em;
}
.firsatlar-container .firsat:hover img {
  transform: scale(1.05);
}
.firsatlar-container .firsat img {
  border-radius: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 250px;
  position: relative;
  transition: all 500ms ease;
  transform-origin: center;
}
@media (max-width: 800px) {
  .firsatlar-container .firsat img {
    max-width: 100%;
  }
}
.firsatlar-container .firsat .fiyat-container {
  display: flex;
  justify-content: space-between;
}
.firsatlar-container .firsat .isim {
  top: 5px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}
.firsatlar-container .firsat .indirimsiz {
  top: 38px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
  text-decoration: line-through;
}
.firsatlar-container .firsat .fiyat {
  top: 50px;
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.3em;
  font-weight: bold;
}
.firsatlar-container .firsat .restoran {
  bottom: 5px;
}

.regular {
  color: rgba(0, 0, 0, 0.8);
}

.filter {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3em;
  padding: 0.5em 1em;
  display: inline-block;
  margin-bottom: 1em;
  cursor: pointer;
}
.filter i {
  margin-right: 0.5em;
}

#selectlocation .baslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#selectlocation .baslik .yeniekle {
  font-size: 0.7em;
  margin-left: 3em;
  background-color: var(--renk_topBg);
  color: var(--renk_topOver);
  padding: 0.3em 0.5em;
  border-radius: 0.3em;
  cursor: pointer;
}
#selectlocation .content {
  padding-bottom: 1em !important;
}
#selectlocation .detail {
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 0.5em;
}
#selectlocation .autospace {
  margin-bottom: 0.5em;
  padding-bottom: 0;
}
#selectlocation .autospace > * {
  margin-bottom: 0.5rem;
}
#selectlocation .adressec {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3em;
  padding: 0.5em 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-width: 350px;
  position: relative;
}
#selectlocation .adressec .fa-trash {
  background-color: red;
  justify-self: flex-end;
  color: white;
  padding: 0.3em;
  border-radius: 0.2em;
  right: 5px;
  position: absolute;
}
#selectlocation .adressec i {
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
  margin-right: 0.5em;
}

.firmayok {
  padding: 15vw;
  position: relative;
  min-height: 70vh;
  color: rgba(0, 0, 0, 0.8);
}
.firmayok .icerik {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.3em;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 15vw;
}
.firmayok .mapbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0.3;
  background-image: url("/assets/map.png");
  background-repeat: no-repeat;
  background-size: 30%;
  background-size: cover;
}
.firmayok i {
  display: block;
  font-size: 3em;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0.5em;
}
.firmayok button {
  margin-top: 1em;
}

.fa-star {
  color: gold;
}

.firmainfo {
  margin-bottom: 2em !important;
}
.firmainfo button {
  margin-left: 1em;
  padding: 0.5em;
  cursor: pointer;
}

.yorumlar .yorum {
  margin-bottom: 1em;
  min-width: 300px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.3em;
}
.yorumlar .yorum .text {
  padding: 1em;
}
.yorumlar .yorum .puanlar {
  display: flex;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  padding: 0.3em 0.6em;
  border-radius: 0.3em;
  font-size: 0.9em;
}
.yorumlar .yorum .puanlar .title {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1em;
}
.yorumlar .yorum .puanlar i {
  margin-left: 0.3em;
  margin-right: 0.1em;
}

#degerlendir {
  background-color: rgba(0, 0, 0, 0.8) !important;
  padding: 1em;
  border-radius: 0.3em;
  padding-bottom: 1.5em;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 0;
  border-right: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
}
#degerlendir #degerlendirrestoran {
  font-weight: 600;
  margin-right: 0.5em;
}
#degerlendir h2 {
  color: rgba(255, 255, 255, 0.9);
}
#degerlendir .info {
  font-size: 0.8em;
}
#degerlendir .info #restpuan {
  margin-left: 0.3em;
}
#degerlendir #degerlendirurunler {
  margin-top: 0.6em;
}
#degerlendir #degerlendirurunler .urun {
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.7);
  padding: 0.5em;
  border-radius: 0.3em;
  font-size: 0.8em;
}
#degerlendir #degerlendirurunler .urun + .urun {
  margin-left: 1em;
}/*# sourceMappingURL=tema.css.map */