@charset "UTF-8";

/* Tema çözünürlük düzeltmeleri */
html,
body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  touch-action: manipulation;
}

body {
  background-color: #fff !important;
  color: #000 !important;
  direction: ltr;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500;
  height: auto;
  margin: auto;
  outline: none !important;
  overflow: overlay;
  overflow-x: hidden !important;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ana tema kabuğu */
.main-bg,
.main-bg2 {
  background-position: center top;
  background-size: 100% !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 0 80px 0 !important;
  width: 100% !important;
}

.main-bg {
  background-repeat: repeat;
}

.main-bg2 {
  background-repeat: no-repeat;
}

/* Header alt boşluğu */
.qrmenu-header-bosluk {
  height: 32px;
}

.main-bg2 .qrmenu-header-bosluk {
  height: 92px;
}

@media only screen and (min-width: 321px) {
  /* Alt sayfa arka planı büyüdükçe içeriği aşağı taşıyoruz. */
  .main-bg2 .qrmenu-header-bosluk {
    height: calc(92px + ((100vw - 320px) * 0.35));
  }
}

/* Alt sabit menü */
.ucw-nav {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.8);
  border-radius: 80px;
  bottom: 0;
  box-shadow: 0px 0px 30px rgba(0,0,0,.1);
  height: 60px;
  left: 0;
  margin: auto;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0;
  position: fixed;
  right: 0;
  width: 90%;
  z-index: 9998;
  align-items: stretch;
  display: flex;
}

.ucw-nav-btn {
  border-radius: 80px;
  color: #1d1d1d;
  font-size: 9px;
  font-weight: 600;
  height: 60px;
  padding-top: 11px;
  text-align: center;
  cursor: pointer;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}

.ucw-nav-btn img {
  height: auto;
  max-height: 33px;
  max-width: 33px;
  object-fit: contain;
  width: 30%;
}

.ucw-nav-btn:active {
  background-color: #2f5a51;
  border: 1px solid rgba(0,0,0,.5);
  color: #fff !important;
  opacity: 0.7;
  transform: scale(0.93);
}

.ucw-nav-btn:active img {
  filter: brightness(132);
}

.cleardew {
  clear: both;
}

/* Başlık ve kart ölçüleri */
.main-title {
  color: #2f5a51;
  display: block;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 30px;
}

.main-subtitle {
  color: rgb(47, 90, 81,0.5);
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 15px;
}

.urun-frame,
.urun-frame2,
.urun-frame3 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  overflow: hidden;
  position: relative;
  transition: 0.1s ease-in-out;
  width: 100%;
}

.urun-frame {
  height: 450px;
}

.urun-frame2 {
  height: 300px;
}

.urun-frame3 {
  height: 200px;
}

.urun-title {
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.7px;
  line-height: 35px;
}

.urun-title-en {
  color: rgba(255,255,255,0.85);
  display: block;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 20px;
}

/* Ürün kartı üst ve alt metin alanları */
.show {
  background-color: rgba(0,0,0,.7) !important;
}

.urun-text-area {
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  border-radius: 20px 20px 0px 0px;
  height: auto;
  left: 0px;
  margin: auto;
  padding-bottom: 150px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}

.urun-subtitle {
  color: rgba(255,255,255,1);
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.main-cta {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(0,0,0,0.1);
  border-radius: 10px 10px 0px 0px;
  bottom: 0px;
  box-shadow: 0px -10px 20px rgba(0,0,0,.2);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 2px;
  margin: auto;
  padding: 10px;
  position: absolute;
  right: 0px;
  text-align: center;
  width: 80%;
}

.urun-frame:active,
.urun-frame2:active,
.urun-frame3:active {
  opacity: 0.96;
  transform: translateY(5px);
  transition: 0.1s ease-in-out;
}

/* QR menü resimsiz kayıt yedekleri */
.qrmenu-krem-gorsel {
  background-color: #f4eadc !important;
}

.qrmenu-detay-gorsel-yok,
.qrmenu-modal-gorsel-yok {
  background-color: #f4eadc;
  border-radius: 20px;
  width: 100%;
}

.qrmenu-detay-gorsel-yok {
  aspect-ratio: 1 / 1;
  min-height: 62px;
}

.qrmenu-modal-gorsel-yok {
  height: 280px;
}

.nt1 {
  margin-top: -2rem;
}

.nt2 {
  margin-top: -3rem;
}

.nt3 {
  margin-top: -4rem;
}

.nt4 {
  margin-top: -5rem;
}

.info-text {
  color: rgba(0,0,0,.4);
  font-size: 12px;
  font-weight: 600;
}

/* Footer yazılım bilgisi */
.qrmenu-yazilim,
.qrmenu-yazilim a {
  color: #4a4a4a;
}

/* Yatay ürün akışı */
.grid.mobile-carousel {
  grid-auto-columns: minmax(300px, 1fr);
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  overflow-x: auto;
}

.product-carousel {
  margin-bottom: 64px;
}

/* Alt sayfa ürün kartları */
.detay {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  margin-bottom: 15px;
  position: relative;
  transition: 0.05s ease-in-out;
}

.detay:active {
  background-color: #2f5a51;
}

.detay:active .detay-yemek-title,
.detay:active .detay-yemek-en-title,
.detay:active .detay-yemek-fiyat {
  color: #fff;
}

.detay img {
  border-radius: 20px;
}

.detay-yemek-title {
  color: #1d1d1d;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}

.detay-yemek-en-title {
  color: rgba(0,0,0,.6);
  display: block;
  font-size: 10px;
  font-style: italic;
  font-weight: 600;
  line-height: 20px;
  margin-top: -2px;
}

.detay-yemek-fiyat {
  color: #1d1d1d;
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 20px;
}

.detay-yemek-img-area {
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.2));
  margin-left: -30px;
}

/* Ürün detay modalı */
.modal {
  margin: 0 !important;
  padding: 0 !important;
}

.modal-dialog {
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  padding: 0 !important;
  width: 100%;
}

.modal-content {
  background-image: url(../../contentCorporate/themes/007QRmenu/ucwAssets/images-new/modal-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  height: 100vh;
  margin: auto !important;
  overflow: auto;
  padding: 0 !important;
  pointer-events: auto;
  position: relative;
  width: 100% !important;
}

.qrmenu-urun-modal .modal-dialog {
  height: 100vh;
  max-width: none !important;
  width: 100vw;
}

.qrmenu-urun-modal .modal-dialog-centered {
  align-items: stretch !important;
  min-height: 100vh !important;
}

.qrmenu-urun-modal .modal-content {
  min-height: 100vh;
  -webkit-overflow-scrolling: touch;
}

.qrmenu-urun-modal .container {
  max-width: 100%;
}

.modal-close {
  background-color: #e53935;
  background-image: url(../../contentCorporate/themes/007QRmenu/ucwAssets/images-new/close-01.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 85%;
  border-radius: 10px;
  cursor: pointer;
  height: 50px;
  opacity: 1 !important;
  overflow: hidden;
  position: fixed;
  right: 30px;
  top: 20px;
  transform: scale(1);
  transition: 0s;
  width: 50px;
  z-index: 9898989;
}

.modal-close:active {
  background-color: #000 !important;
  transform: scale(0.9) !important;
}

.urun-detay-title {
  color: #fff;
  display: block;
  font-size: 28px;
  font-weight: 800;
  line-height: 38px;
}

.urun-detay-comment {
  color: rgba(255,255,255,.8);
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  margin-top: 10px;
}

.urun-detay-price {
  color: #fff;
  display: block;
  font-size: 17px;
  font-weight: 800;
}

.detayimgarea {
  overflow: hidden;
}

.qrmenu-modal-carousel {
  margin-bottom: 0;
}

.qrmenu-modal-gallery {
  grid-auto-columns: minmax(280px, 450px) !important;
  grid-template-columns: none !important;
  justify-content: center;
  scroll-snap-type: x mandatory;
}

.qrmenu-modal-thumb {
  align-items: center;
  display: flex;
  justify-content: center;
  scroll-snap-align: center;
}

.swipe-content img {
  border-radius: 20px;
}

.qrmenu-modal-thumb img {
  cursor: zoom-in;
  display: block;
  height: auto !important;
  margin: 0 auto;
  max-height: 450px;
  max-width: 100%;
  max-width: min(100%, 450px);
  object-fit: contain;
  width: auto !important;
}

.qrmenu-photo-open {
  overflow: hidden !important;
}

.qrmenu-photo-viewer {
  background-color: rgba(0,0,0,.96);
  bottom: 0;
  display: none;
  height: 100vh;
  inset: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 9999999;
}

.qrmenu-photo-viewer-active {
  display: block;
}

.qrmenu-photo-track {
  display: grid;
  grid-auto-columns: 100%;
  grid-auto-flow: column;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.qrmenu-photo-track::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.qrmenu-photo-slide {
  align-items: center;
  cursor: zoom-out;
  display: flex;
  height: 100vh;
  justify-content: center;
  padding: 20px;
  scroll-snap-align: center;
  width: 100vw;
}

.qrmenu-photo-slide img {
  border-radius: 0;
  display: block;
  height: auto;
  max-height: calc(100vh - 40px);
  max-width: calc(100vw - 40px);
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.multimg {
  background-image: url(../../contentCorporate/themes/007QRmenu/ucwAssets/images-new/multimg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 20px;
  position: absolute;
  right: 15px !important;
  top: 15px !important;
  width: 20px;
}