/* ============================
   TABLET RESPONSIVE (768px–1199.98px)
   ============================ */
@media (min-width: 768px) and (max-width: 1199.98px) {
  /* Navbar Logo */
  .navbar-brand {
    left: 0 !important;
    transform: none !important;
    position: relative !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  .navbar-brand img {
    height: 100px;
    margin-top: 1rem;
  }

  /* Sol & Sağ Nav Margin Reset */
  .left-nav,
  .right-nav {
    margin: 0 !important;
  }
  /* === Lokum Tabağını tablette gizleyen kod === */
  #lokumAnimation {
    display: none;
  }
  /* === Tablet Lokum Tabağı Kodu === */
 .lokum-wrapper-mobile {
    position: absolute;
    top: 150px;
    left: 47%;
    transform: translateX(-50%);
    width: 250px;
    max-width: 90%;
    z-index: 5;
    pointer-events: none;
    display: block;
    text-align: center;
  }

  .lokum-mobile-rotating {
    display: block;
    margin: 0 auto;
    width: 100%;
    opacity: 0;
    animation: spinFadeInMobile 1.2s ease-out forwards,
               infiniteSpinMobile 8s linear infinite;
    animation-delay: 0.1s, 1.2s; /* İlk fade-in biter bitmez dönmeye başlasın */
    transform-origin: center center;
  }

  @keyframes spinFadeInMobile {
    0% {
      opacity: 0;
      transform: scale(0.8) rotate(-45deg);
    }
    100% {
      opacity: 1;
      transform: scale(1) rotate(0deg);
    }
  }

  @keyframes infiniteSpinMobile {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* === Tablet Lokum Tabağı Kodu Sonu === */

  /* Carousel Caption */
  .carousel-caption {
    top: 60%;
    font-size: 90%;
  }

  .carousel-caption h1 {
    font-size: 2.2rem;
  }

  .carousel-caption p {
    font-size: 1rem;
  }

  /* Feature Icons */
  .feature-icon {
    width: 50px;
    height: 50px;
  }
  /* About Section */
  .about-images-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .experience-ribbon {
    font-size: 15px;
    padding: 0.5rem 1rem;
  }

  .section-title {
    font-size: 1.8rem;
  }

  .feature-icon-box {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }
  /* About Section End */
  /* Product Category Section */
  .product-category-menu {
    gap: 0.5rem;
    padding: 0 1rem;
  }

  .product-category-menu .category-btn {
    padding: 0.4rem 0.9rem;
    font-size: 0.95rem;
  }
  /* Product Category Section End */
  /* Store Section */
  .store-hours-section {
    height: auto;
    padding: 3rem 0;
  }

  .store-bg-image {
    height: 350px;
  }

  .hours-card {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
    margin: 2rem auto 0 auto;
    width: 90%;
    height: auto;
  }

  .store-content-box {
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
  }
  /* Store Section End */
  .contact-logo-box-en {
  position: absolute;
  bottom: 1rem;
  left: 30rem;
  width: 600px;
  max-width: 15vw;
  z-index: 2;
  animation: float-logo 7s ease-in-out infinite;
}
}

/* === GLOBAL MOBILE RESET === */
@media (max-width: 767.98px) {
  body,
  html {
    overflow-x: hidden;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .section-subtitle {
    font-size: 1rem;
  }

  /* === NAVBAR === */
  .navbar-brand img {
    height: 100px;
    margin-top: 2rem;
  }

  .left-nav,
  .right-nav {
    margin: 0 !important;
  }
  /* === Mobil 3D Objeler === */
  .floating-scroll-container {
    max-width: 60px;
    top: auto;
    pointer-events: none;
    will-change: transform;
    z-index: 5;
  }

  /* Ortak animasyon (aynı kalabilir) */
  .floating-free {
    animation: floatUpDown 6s ease-in-out infinite;
  }

  /* Yaprak */
  .floating-leaf {
    width: 50px;
    height: auto;
  }
  .floating-leaf-location{
    top: 700px;
  }

  /* Nar 1 */
  .floating-pomegranate {
    top: 600px !important;
    left: 65% !important;
    transform: translateX(-50%);
  }

  .floating-nar {
    width: 90px;
    height: auto;
  }

  /* Nar 2 */
  .floating-pomegranate-2 {
    top: 320px !important;
    left: 75% !important;
    transform: translateX(-50%);
  }

  .floating-nar-2 {
    width: 90px;
    height: auto;
  }

  /* Nar 3 */
  .floating-pomegranate-3 {
    top: 240px !important;
    left: 7% !important;
    transform: translateX(-50%);
  }

  .floating-nar-3 {
    width: 90px;
    height: auto;
  }

  /* Nar 4 */
  .floating-pomegranate-4 {
    top: 120px !important;
    left: 75% !important;
    transform: translateX(-50%);
  }

  .floating-nar-4 {
    width: 50px;
    height: auto;
  }
  /* === Lokum Tabağını mobilde gizleyen kod === */
  #lokumAnimation {
    display: none;
  }
  /* === Mobil Lokum Tabağı Kodu === */
 .lokum-wrapper-mobile {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    max-width: 90%;
    z-index: 5;
    pointer-events: none;
    display: block;
    text-align: center;
  }

  .lokum-mobile-rotating {
    display: block;
    margin: 0 auto;
    width: 100%;
    opacity: 0;
    animation: spinFadeInMobile 1.2s ease-out forwards,
               infiniteSpinMobile 8s linear infinite;
    animation-delay: 0.1s, 1.2s; /* İlk fade-in biter bitmez dönmeye başlasın */
    transform-origin: center center;
  }

  @keyframes spinFadeInMobile {
    0% {
      opacity: 0;
      transform: scale(0.8) rotate(-45deg);
    }
    100% {
      opacity: 1;
      transform: scale(1) rotate(0deg);
    }
  }

  @keyframes infiniteSpinMobile {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* === Mobil Lokum Tabağı Kodu Sonu === */
  /* === HERO (CAROUSEL) === */
  .carousel-caption {
    top: 62%;
    text-align: center;
    padding: 0 1rem;
  }

  .carousel-caption h1 {
    font-size: 2rem;
  }

  .carousel-caption p {
    font-size: 1rem;
  }

  /* === CATEGORY BUTTONS === */
  .product-category-menu {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.5rem;
    padding: 0 1rem;
    scroll-snap-type: x mandatory;
  }

  .product-category-menu .category-btn {
    flex: 0 0 auto;
    font-size: 0.85rem;
    padding: 0.4rem 0.8rem;
    white-space: nowrap;
    scroll-snap-align: start;
  }

  /* === FEATURES === */
  .feature-box {
    padding: 1rem;
  }

  /* === ABOUT === */
  .about-feature {
    flex-direction: column;
    text-align: center;
  }

  .feature-icon-box {
    margin-bottom: 0.5rem;
  }

  .experience-ribbon {
    font-size: 14px;
    padding: 0.4rem 0.8rem;
  }

  /* === CONTACT FORM === */
  .contact-cta-form {
    margin: 0 auto;
    transform: none;
  }

  /* === STORE HOURS === */
  .hours-card {
    position: static;
    transform: none !important;
    width: 100%;
    height: auto;
    margin-top: 2rem;
  }

  .store-content-box {
    margin: 1rem auto;
    text-align: center;
  }
  .store-hours-section {
    height: auto !important;
    padding-bottom: 2rem; /* opsiyonel: kutu ile zemin arası boşluk */
  }
  /* === BLOG === */
  .blog-card img {
    max-height: 300px;
  }

  /* === FOOTER === */
  .footer-logo {
    max-width: 70px;
  }
  .contact-logo-box-en {
  position: absolute;
  bottom: 2rem;
  left: 12rem;
  width: 600px;
  max-width: 15vw;
  z-index: 2;
  animation: float-logo 7s ease-in-out infinite;
}
  /* === Lang Switcher === */
  .lang-switcher-global {
    position: fixed;
    top: 1rem;
    right: 1rem;
    left: auto;
    z-index: 1060;
    display: flex;
  }

  .lang-switcher-global .flag-icon {
    width: 30px;
  }
}

/* Mobil Lokum Tabak sadece masaüstünde gizlensin */
@media (min-width: 1200px) {
  .lokum-wrapper-mobile {
    display: none !important;
  }
}