body {
      font-family: 'Vazir', sans-serif;
      margin: 0;
      background-image: url(../../assets/img/bge1.jpg);
      color: white;
      /* padding: 40px; */
      position: relative;
      overflow-x: hidden;
      background-size: cover;
      background-position: center;
      direction: rtl;
      cursor: url('/assets/cursor/HaloMCC.cur'), auto;
    }

    body::before {
      content: "";
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(../../assets/img/bge1.jpg) center center / cover no-repeat;
      z-index: -1;
      filter: brightness(0.6);
      /* اگه بک‌گراند خیلی روشنه */
    }

    .selectable-text {
      cursor: url('/assets/cursor/TextEditor.cur'), text;
    }

    input,
    textarea {
      cursor: url('/assets/cursor/TextEditor.cur'), text;
    }

    a,
    button,
    .link-area {
      cursor: url('/assets/cursor/LinkSelect.cur'), pointer;
    }

    a,
    button,
    .clickable,
    [role="button"],
    [onclick] {
      cursor: url('/assets/cursor/LinkSelect.cur'), pointer;
    }

    a:hover {
      cursor: url('/assets/cursor/LinkSelect.cur'), pointer;
    }

    a:hover,
    button:hover,
    .clickable:hover,
    [role="button"]:hover,
    [onclick]:hover {
      cursor: url('/assets/cursor/LinkSelect.cur'), pointer;
    }

    *::before,
    *::after {
      cursor: url('/assets/cursor/LinkSelect.cur'), pointer;
    }

    a:disabled,
    button:disabled,
    .disabled-area {
      cursor: url('/assets/cursor/Unavailable.cur'), not-allowed;
      /* دکمه یا لینک غیرفعال */
    }


    ::-moz-selection {
      /* Code for Firefox */
      color: #b88c4a;
      background: #2a2a2a;
    }

    ::selection {
      color: #b88c4a;
      background: #2a2a2a;
    }

    html {
      scroll-behavior: smooth;
    }

    :root {
      --hex-loader-bg: #2a2a2a;
      --hex-loader-fg: #b88c4a;
      --hex-loader-text: #1f1f1f;
      --hex-loader-dur: 8s;
      --primary-color: #b88c4a;
      --secondary-color: rgba(255, 159, 67, 0.85);
      --glass-color: rgba(255, 255, 255, 0.15);
      --text-color: #fff;
      --shadow: 0 8px 32px 0 #b88c4a4e;
      --border: 1px solid rgba(255, 255, 255, 0.18);
    }

    /* استایل نوبار شیشه ای */
    .glass-navbar {
      background: var(--glass-color);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(10px);
      /* border-bottom: var(--border); */
      box-shadow: var(--shadow);
      padding: 15px 20px;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
      transition: all 0.3s ease;
    }

    .glass-navbar.scrolled {
      background: rgba(0, 0, 0, 0.7);
    }

    .navbar-brand {
      font-weight: 600;
      font-size: 1.5rem;
      color: var(--text-color);
      display: flex;
      align-items: center;
    }

    .navbar-brand i {
      margin-left: 10px;
      font-size: 1.8rem;
    }

    .category-dropdown .dropdown-toggle {
      /* background: transparent; */
      border: none;
      color: #fff;
      font-weight: bold;
      /* padding: 0; */
    }

    .category-dropdown .dropdown-menu {
      background: rgba(0, 0, 0, 0.9);
      border-radius: 15px;
      border: none;
      box-shadow: var(--shadow);
      padding: 10px;
      min-width: 180px;
    }

    .category-dropdown .dropdown-item {
      color: #fff;
      padding: 8px 15px;
      border-radius: 8px;
      transition: background 0.2s;
    }

    .category-dropdown .dropdown-item:hover {
      background: rgba(255, 255, 255, 0.1);
    }


    /* استایل منوی همبرگری */
    .hamburger-menu {
      display: none;
      flex-direction: column;
      justify-content: space-between;
      width: 30px;
      height: 21px;
      cursor: pointer;
      position: relative;
      z-index: 1100;

    }

    .hamburger-menu span {
      display: block;
      height: 3px;
      width: 100%;
      background: var(--text-color);
      border-radius: 3px;
      transition: all 0.3s ease;
    }

    .hamburger-menu.active span:nth-child(1) {
      transform: translateY(9px) rotate(45deg);
    }

    .hamburger-menu.active span:nth-child(2) {
      opacity: 0;
    }

    .hamburger-menu.active span:nth-child(3) {
      transform: translateY(-9px) rotate(-45deg);
    }

    /* استایل منوی کشویی */
    .mobile-menu {
      position: fixed;
      top: 0;
      right: -100%;
      width: 80%;
      max-width: 350px;
      height: 100vh;
      background: #2a2a2a;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
      padding: 80px 30px 30px;
      transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
      z-index: 1000;
      overflow-y: auto;
      /* برای نمایش اسکرول در صورت نیاز */
    }


    .mobile-menu.active {
      right: 0;
    }

    .mobile-menu .categories {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .mobile-menu .categories li {
      margin-bottom: 20px;
      position: relative;
    }

    .mobile-menu .categories li a {
      color: var(--text-color);
      text-decoration: none;
      font-size: 1.2rem;
      display: block;
      padding: 10px 15px;
      border-radius: 5px;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .mobile-menu .categories li a::before {
      content: '';
      position: absolute;
      top: 0;
      right: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: all 0.5s ease;
    }

    .mobile-menu .categories li a:hover::before {
      right: 100%;
    }

    .mobile-menu .categories li a:hover {
      background: rgba(255, 255, 255, 0.1);
      transform: translateX(10px);
    }

    .mobile-menu .categories li a i {
      margin-left: 10px;
      width: 25px;
      text-align: center;
    }


    /* اضافه کردن اسکرول به بخش زیرمجموعه دسته‌بندی‌ها */
    .mobile-menu .sub-categories {
      /* محدود کردن ارتفاع لیست دسته‌بندی‌ها */
      overflow-y: auto;
      /* ایجاد اسکرول عمودی */
      padding-right: 20px;
      /* فضای اضافی برای اسکرول */
    }

    /* استایل دکمه بستن */
    .close-menu {
      position: absolute;
      top: 20px;
      left: 20px;
      font-size: 1.5rem;
      color: var(--text-color);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .close-menu:hover {
      transform: rotate(90deg);
      color: var(--primary-color);
    }

    /* زیرمجموعه‌های دسته‌بندی */
    .menu-group .group-toggle {
      cursor: pointer;
      font-size: 1.2rem;
      color: var(--text-color, #fff);
      padding: 12px 20px;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.05);
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: background 0.3s ease;
    }

    .menu-group .group-toggle:hover {
      background: rgba(255, 255, 255, 0.1);
    }

    .menu-group .group-toggle i {
      margin-left: 10px;
      color: var(--text-color, #fff);
      text-shadow: 0 0 5px var(--primary-color, #ff4d4d);
      /* همیشه glow */
    }

    .glow_icon {
      margin-left: 10px;
      color: var(--text-color, #fff);
      text-shadow: 0 0 5px var(--primary-color, #ff4d4d);
      /* همیشه glow */

    }

    /* انیمیشن باز/بسته شدن */
    .sub-categories {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.5s ease, opacity 0.5s ease;
      opacity: 0;
      padding-left: 10px;
    }

    .menu-group.open .sub-categories {
      max-height: 500px;
      /* کافیه برای چند آیتم */
      opacity: 1;
    }

    .sub-categories li a {
      padding: 10px 15px;
      display: block;
      color: var(--text-color, #fff);
      font-size: 1rem;
      margin: 5px 0;
      border-radius: 6px;
      position: relative;
      transition: all 0.3s ease;
    }

    .sub-categories li a i {
      margin-left: 10px;
      text-shadow: 0 0 6px var(--primary-color, #ff4d4d);
      /* همیشه glow */
    }

    .sub-categories li a:hover {
      background: rgba(255, 255, 255, 0.08);
      transform: translateX(8px);
    }

    .arrow-icon {
      transition: transform 0.3s ease;
    }

    .menu-group.open .arrow-icon {
      transform: rotate(180deg);
    }

    /* استایل محتوا */
    .content {
      padding-top: 80px;
      padding-bottom: 50px;
    }

    /* استایل دسکتاپ منو */
    .desktop-menu {
      display: flex;
      align-items: center;
    }

    .desktop-menu .nav-link {
      color: var(--text-color);
      margin: 0 15px;
      font-weight: 500;
      position: relative;
      padding: 5px 0;
    }

    .desktop-menu .nav-link::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0;
      height: 2px;
      background: var(--primary-color);
      transition: width 0.3s ease;
    }

    .desktop-menu .nav-link:hover::after {
      width: 100%;
      left: 0;
      right: auto;
    }


    .desktop-dropdown .dropdown-menu {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
      border-radius: 15px;
      padding: 10px;
      min-width: 200px;
      transition: all 0.3s ease;
    }

    .desktop-dropdown .dropdown-item {
      color: var(--text-color, #fff);
      padding: 10px 15px;
      font-weight: 500;
      border-radius: 10px;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .desktop-dropdown .dropdown-item i {
      margin-left: 10px;
      width: 25px;
      text-align: center;
      text-shadow: 0 0 5px var(--primary-color, #ff4d4d);
    }

    .desktop-dropdown .dropdown-item:hover {
      background: rgba(255, 255, 255, 0.1);
      transform: translateX(6px);
    }

    .desktop-dropdown .dropdown-item::before {
      content: '';
      position: absolute;
      top: 0;
      right: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
      transition: all 0.4s ease;
    }

    .desktop-dropdown .dropdown-item:hover::before {
      right: 100%;
    }

    /* استایل دکمه لاکچری */
    .luxury-btn {
      background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
      border: none;
      color: white;
      padding: 10px 25px;
      border-radius: 50px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .luxury-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
      color: white;
    }

    .luxury-btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: all 0.5s ease;
    }

    .luxury-btn:hover::before {
      left: 100%;
    }

    /* رسپانسیو */
    @media (max-width: 992px) {
      .desktop-menu {
        display: none;
      }

      .hamburger-menu {
        display: flex;
      }

      .navbar-brand {
        font-size: 1.3rem;
      }
    }

    /* انیمیشن ها */
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .fade-in {
      animation: fadeIn 0.6s ease forwards;
    }

    .delay-1 {
      animation-delay: 0.1s;
    }

    .delay-2 {
      animation-delay: 0.2s;
    }

    .delay-3 {
      animation-delay: 0.3s;
    }

    .delay-4 {
      animation-delay: 0.4s;
    }

    .delay-5 {
      animation-delay: 0.5s;
    }

    .hex-loader__wrapper {
      position: fixed;
      inset: 0;
      background-color: var(--hex-loader-bg);
      display: grid;
      place-items: center;
      z-index: 9999;
      transition: opacity 0.6s ease;
    }

    .hex-loader__wrapper.fade-out {
      opacity: 0;
      pointer-events: none;
    }

    .hex-loader__hexagon {
      margin-bottom: 1.5em;
      position: relative;
      width: 15em;
      height: 15em;
    }

    .hex-loader__group,
    .hex-loader__sector,
    .hex-loader__sector::before,
    .hex-loader__sector::after {
      position: absolute;
    }

    .hex-loader__group {
      width: 100%;
      height: 100%;
    }

    .hex-loader__group:nth-child(odd) {
      transform: rotate(30deg);
    }

    .hex-loader__group:nth-child(2) .hex-loader__sector,
    .hex-loader__group:nth-child(2) .hex-loader__sector::before,
    .hex-loader__group:nth-child(2) .hex-loader__sector::after {
      animation-delay: calc(var(--hex-loader-dur) * -1/6);
    }

    .hex-loader__group:nth-child(3) .hex-loader__sector,
    .hex-loader__group:nth-child(3) .hex-loader__sector::before,
    .hex-loader__group:nth-child(3) .hex-loader__sector::after {
      animation-delay: calc(var(--hex-loader-dur) * -2/6);
    }

    .hex-loader__group:nth-child(4) .hex-loader__sector,
    .hex-loader__group:nth-child(4) .hex-loader__sector::before,
    .hex-loader__group:nth-child(4) .hex-loader__sector::after {
      animation-delay: calc(var(--hex-loader-dur) * -3/6);
    }

    .hex-loader__group:nth-child(5) .hex-loader__sector,
    .hex-loader__group:nth-child(5) .hex-loader__sector::before,
    .hex-loader__group:nth-child(5) .hex-loader__sector::after {
      animation-delay: calc(var(--hex-loader-dur) * -4/6);
    }

    .hex-loader__group:nth-child(6) .hex-loader__sector,
    .hex-loader__group:nth-child(6) .hex-loader__sector::before,
    .hex-loader__group:nth-child(6) .hex-loader__sector::after {
      animation-delay: calc(var(--hex-loader-dur) * -5/6);
    }

    .hex-loader__sector,
    .hex-loader__sector::before,
    .hex-loader__sector::after {
      animation-duration: var(--hex-loader-dur);
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      width: 0.2em;
      height: 0.2em;
    }

    .hex-loader__sector {
      top: calc(50% - 0.1em);
      left: calc(50% - 0.1em);
      animation-name: hex-moveOut1;
    }

    .hex-loader__sector:nth-child(2) {
      animation-name: hex-moveOut2;
    }

    .hex-loader__sector:nth-child(3) {
      animation-name: hex-moveOut3;
    }

    .hex-loader__sector:nth-child(4) {
      animation-name: hex-moveOut4;
    }

    .hex-loader__sector:nth-child(5) {
      animation-name: hex-moveOut5;
    }

    .hex-loader__sector:nth-child(6) {
      animation-name: hex-moveOut6;
    }

    .hex-loader__sector::before,
    .hex-loader__sector::after {
      content: "";
      display: block;
      background-color: var(--hex-loader-fg);
      border-radius: 0.1em;
      top: 0;
      left: 0;
      transform-origin: 0.1em 0.1em;
      animation-name: hex-ripple;
    }

    .hex-loader__sector::before {
      transform: rotate(-30deg);
    }

    .hex-loader__sector::after {
      transform: rotate(-150deg);
    }

    @keyframes hex-moveOut1 {
      from {
        transform: translateY(0) scale(0);
      }

      3% {
        transform: translateY(0.2em) scale(1);
      }

      97% {
        transform: translateY(7.3em) scale(1);
      }

      to {
        transform: translateY(7.5em) scale(0);
      }
    }

    @keyframes hex-moveOut2 {
      from {
        transform: rotate(60deg) translateY(0) scale(0);
      }

      3% {
        transform: rotate(60deg) translateY(0.2em) scale(1);
      }

      97% {
        transform: rotate(60deg) translateY(7.3em) scale(1);
      }

      to {
        transform: rotate(60deg) translateY(7.5em) scale(0);
      }
    }

    @keyframes hex-moveOut3 {
      from {
        transform: rotate(120deg) translateY(0) scale(0);
      }

      3% {
        transform: rotate(120deg) translateY(0.2em) scale(1);
      }

      97% {
        transform: rotate(120deg) translateY(7.3em) scale(1);
      }

      to {
        transform: rotate(120deg) translateY(7.5em) scale(0);
      }
    }

    @keyframes hex-moveOut4 {
      from {
        transform: rotate(180deg) translateY(0) scale(0);
      }

      3% {
        transform: rotate(180deg) translateY(0.2em) scale(1);
      }

      97% {
        transform: rotate(180deg) translateY(7.3em) scale(1);
      }

      to {
        transform: rotate(180deg) translateY(7.5em) scale(0);
      }
    }

    @keyframes hex-moveOut5 {
      from {
        transform: rotate(240deg) translateY(0) scale(0);
      }

      3% {
        transform: rotate(240deg) translateY(0.2em) scale(1);
      }

      97% {
        transform: rotate(240deg) translateY(7.3em) scale(1);
      }

      to {
        transform: rotate(240deg) translateY(7.5em) scale(0);
      }
    }

    @keyframes hex-moveOut6 {
      from {
        transform: rotate(300deg) translateY(0) scale(0);
      }

      3% {
        transform: rotate(300deg) translateY(0.2em) scale(1);
      }

      97% {
        transform: rotate(300deg) translateY(7.3em) scale(1);
      }

      to {
        transform: rotate(300deg) translateY(7.5em) scale(0);
      }
    }

    @keyframes hex-ripple {

      from,
      to {
        width: 0.2em;
      }

      33% {
        width: 2.4em;
      }
    }

    body.hex-loader--active {
      overflow: hidden;
      height: 100vh;
    }

    /* --- اشکال شناور پس‌زمینه با رنگ‌های داینامیک --- */
    .background-shapes {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      pointer-events: none;
    }

    .background-shapes .circle,
    .background-shapes .square {
      position: absolute;
      opacity: 0.15;
      animation: float 15s linear infinite;
      transition: transform 1s ease;
    }

    .circle {
      width: 180px;
      height: 180px;
      background: #b88c4a;
      border-radius: 50%;
      top: 20%;
      right: 10%;
    }

    .square {
      width: 120px;
      height: 120px;
      background: #ffffff;
      top: 70%;
      right: 80%;
    }

    @keyframes float {
      0% {
        transform: translateY(0) rotate(0deg) scale(1);
      }

      50% {
        transform: translateY(-500px) rotate(180deg) scale(1.1);
      }

      100% {
        transform: translateY(0) rotate(360deg) scale(1);
      }
    }

    /* --- استایل منو با انتقالات نرم --- */
    .menu {
      padding: 10px;
      max-width: 1000px;
      margin: auto;
      position: relative;
      z-index: 1;
    }

    h1 {
      text-align: center;
      font-size: 3rem;
      margin-bottom: 30px;
      margin-top: 60px;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 20px;
      padding: 20px;
    }

    /* --- انیمیشن کارت با انتقال نرم هنگام هاور --- */
    .card {
      background: #2a2a2a;
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      padding: 20px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card:hover {
      transform: translateY(-10px) scale(1.05);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

    .card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 15px;
      margin-bottom: 15px;
      transition: transform 0.3s ease;
    }

    .card:hover img {
      transform: scale(1.05);
    }

    .card h3 {
      margin: 0;
      font-size: 1.4rem;
      color: #f5f5f5;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    }

    .card p {
      font-size: 1rem;
      color: #ccc;
      margin: 10px 0;
    }

    .price {
      background: #b88c4a;
      display: inline-block;
      padding: 5px 15px;
      border-radius: 15px;
      font-weight: bold;
      color: #fff;
      animation: glow 2s ease-in-out infinite alternate;
    }

    .card p {
      min-height: 48px;
      /* یا یه عدد که مناسب طول متن‌هاته */
    }



    @keyframes glow {
      from {
        box-shadow: 0 0 10px #b88c4a;
      }

      to {
        box-shadow: 0 0 25px #b88c4a;
      }
    }

    .section-title {
      font-size: 2rem;
      margin-top: 60px;
      margin-bottom: 20px;
      text-align: center;
      text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    }

    .beverage-bar {
      background: linear-gradient(135deg, #1f1f1f, #2c2c2c);
      padding: 24px;
      border-radius: 20px;
    }

    .drink-item {
      /* background: #3a3a3a; */
      border-radius: 16px;
      padding: 20px 15px;
      text-align: center;
      color: #fff;
      /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer;
    }

    .drink-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);
    }

    .drink-item img {
      width: 70px;
      height: 70px;
      object-fit: contain;
      margin-bottom: 12px;
      transition: transform 0.3s ease;
    }

    .drink-item:hover img {
      transform: scale(1.1);
    }

    .drink-item h4 {
      margin: 6px 0;
      font-size: 1.1rem;
      font-weight: 600;
      color: #f5f5f5;
    }

    .price {
      font-size: 0.95rem;
      color: #fff0cc;
      font-weight: bold;
    }

    .footer {
      text-align: center;
      margin-top: 60px;
      font-size: 0.9rem;
      color: #bbb;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    }

    /* استایل‌های Owl Carousel 1-1*/
    .carousel-category .item {
      padding: 10px;
    }

    .carousel-category .owl-prev,
    .carousel-category .owl-next {
      background: rgba(255, 255, 255, 0.1) !important;
      backdrop-filter: blur(8px);
      border: 2px solid #b88c4a !important;
      color: #b88c4a !important;
      width: 50px;
      height: 50px;
      border-radius: 50% !important;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .carousel-category .owl-prev:hover,
    .carousel-category .owl-next:hover {
      background: #b88c4a !important;
      color: #fff !important;
      transform: scale(1.1);
      box-shadow: 0 6px 20px rgba(184, 140, 74, 0.6);
    }

    .carousel-category .owl-prev.disabled,
    .carousel-category .owl-next.disabled {
      background: rgba(180, 180, 180, 0.15) !important;
      border-color: #888 !important;
      color: #aaa !important;
      cursor: not-allowed !important;
      opacity: 0.5;
      box-shadow: none;
      pointer-events: none;
      transform: scale(1);
    }


    .carousel-category .owl-prev:hover,
    .carousel-category .owl-next:hover {
      background: #a67c40 !important;
    }

    .carousel-category .owl-theme .owl-nav [class*="owl-"]:hover {
      background: #b88c4a !important;
      border-radius: 50% !important;
    }

    .carousel-category .owl-theme .owl-nav [class*="owl-"] {
      background: none !important;
    }

    .carousel-category .owl-nav {
      display: flex;
      justify-content: space-between;
      position: relative;
      top: -450px;
      margin-left: -50px;
      margin-right: -50px;
    }

    .carousel-category .owl-nav button.owl-prev::before {
      content: "\f104";
      /* آیکون چپ از Font Awesome */
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 20px;
      color: #ffffff;
      transform: scaleX(-1);
    }

    .carousel-category .owl-nav button.owl-next::before {
      content: "\f105";
      /* آیکون راست از Font Awesome */
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 20px;
      color: #ffffff;
      transform: scaleX(-1);
    }

    .carousel-category .owl-nav button span {
      display: none;
    }




    /* استایل‌های Owl Carousel 2-1*/
    .beverage-carousel .item {
      padding: 10px;
    }

    .beverage-carousel .owl-prev,
    .beverage-carousel .owl-next {
      background: rgba(255, 255, 255, 0.1) !important;
      backdrop-filter: blur(8px);
      border: 2px solid #b88c4a !important;
      color: #b88c4a !important;
      width: 50px;
      height: 50px;
      border-radius: 50% !important;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .beverage-carousel .owl-prev:hover,
    .beverage-carousel .owl-next:hover {
      background: #b88c4a !important;
      color: #fff !important;
      transform: scale(1.1);
      box-shadow: 0 6px 20px rgba(184, 140, 74, 0.6);
    }

    .beverage-carousel .owl-prev.disabled,
    .beverage-carousel .owl-next.disabled {
      background: rgba(180, 180, 180, 0.15) !important;
      border-color: #888 !important;
      color: #aaa !important;
      cursor: not-allowed !important;
      opacity: 0.5;
      box-shadow: none;
      pointer-events: none;
      transform: scale(1);
    }

    .beverage-carousel .owl-prev:hover,
    .beverage-carousel .owl-next:hover {
      background: #a67c40 !important;
    }

    .beverage-carousel .owl-theme .owl-nav [class*="owl-"]:hover {
      background: #b88c4a !important;
      border-radius: 50% !important;
    }

    .beverage-carousel .owl-theme .owl-nav [class*="owl-"] {
      background: none !important;
    }

    .owl-theme .owl-nav [class*="owl-"]:hover {
      background: none;
    }

    .owl-theme .owl-nav [class*="owl-"] {
      background: none;
    }

    .beverage-carousel .owl-nav {
      display: flex;
      justify-content: space-between;
      position: relative;
      top: -72px;
      margin-left: -50px;
      margin-right: -50px;
    }

    .owl-item {
      display: flex;
      justify-content: center;
      text-align: center;
    }

    .beverage-carousel .owl-nav button.owl-prev::before {
      content: "\f104";
      /* آیکون چپ از Font Awesome */
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 20px;
      color: #ffffff;
      transform: scaleX(-1);
    }

    .beverage-carousel .owl-nav button.owl-next::before {
      content: "\f105";
      /* آیکون راست از Font Awesome */
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 20px;
      color: #ffffff;
      transform: scaleX(-1);
    }

    .beverage-carousel .owl-nav button span {
      display: none;
    }


    .owl-theme .owl-nav [class*="owl-"]:hover {
      background: none;
    }

    .owl-theme .owl-nav [class*="owl-"] {
      background: none;
      display: none;
    }


    /* پنهان کردن دکمه‌های ناوبری در موبایل و تبلت */
    @media (max-width: 850px) {

      .carousel-category .owl-nav,
      .beverage-carousel .owl-nav,
      .owl-nav {
        display: none !important;
      }
    }


    /* پیغام ها*/
    .toast {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
    }

    .toast.showing {
      opacity: 1;
      transform: translateY(0);
    }


    /* استایل اصلی برای container */
    .sharp-hr-container {
      display: flex;
      align-items: center;
      text-align: center;
      margin: 2rem 0;
    }

    /* استایل خط */
    .sharp-hr-container .sharp-hr {
      flex: 1;
      border: none;
      height: 3px;
      background-color: #b88c4a;
      /* رنگ طلایی */
      position: relative;
      margin: 0;
    }

    /* ایجاد انتهای تیز خط */
    .sharp-hr-container .sharp-hr::before,
    .sharp-hr-container .sharp-hr::after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #b88c4a;
      /* رنگ طلایی برای نوک خط */
    }

    .sharp-hr-container .sharp-hr::before {
      left: -10px;
      top: -3px;
    }

    .sharp-hr-container .sharp-hr::after {
      right: -10px;
      top: -3px;
    }

    /* انیمیشن درخشش خط */
    @keyframes glowEffect {
      0% {
        background-color: #b88c4a;
      }

      50% {
        background-color: #e8c200;
      }

      100% {
        background-color: #b88c4a;
      }
    }

    /* اعمال انیمیشن به خط */
    .sharp-hr-container .sharp-hr {
      animation: glowEffect 2s ease-in-out infinite;
    }

    /* استایل متن */
    .sharp-hr-container .highlight-text {
      padding: 0 1rem;
      font-size: 1.2rem;
      color: #ffffff;
      font-weight: bold;
    }

    /* ریسپانسیو کردن متن‌ها */
    .card h3,
    .card p,
    .card .price {
      text-align: center;
    }

    /* خط افقی و متن وسط آن */
    .sharp-hr-container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1rem;
      text-align: center;
    }

    /* اصلاح حاشیه‌ها در نمایش موبایل */
    @media (max-width: 576px) {
      .menu h1 {
        font-size: 1.5rem;
      }

      .card {
        padding: 0.5rem;
      }

      .drink-item h4 {
        font-size: 1rem;
      }

      .drink-item .price {
        font-size: 0.9rem;
      }

      .sharp-hr-container span.highlight-text {
        font-size: 1rem;
      }

      .footer {
        font-size: 0.9rem;
        text-align: center;
        padding: 1rem;
      }
    }

    @media (max-width: 768px) {
      .modal-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
    }



    .glass-modal {
      backdrop-filter: blur(15px);
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: white;
      border-radius: 1rem;
      box-shadow: 0 8px 32px 0 #b88c4a;
    }

    .modal-header .btn-close {
      filter: invert(1);
    }

    .map-wrapper {
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      border: 2px solid rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(10px);
    }

    .map-wrapper iframe {
      width: 100%;
      height: 300px;
      display: block;
      border: none;
    }

    .social-icon {
      transition: transform 0.3s ease;
    }

    .social-icon:hover {
      transform: scale(1.2);
      color: #ffc107 !important;
    }


    .star-animation {
      animation: starJump 0.3s ease-in-out;
    }

    @keyframes starJump {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.2) translateY(-5px);
      }

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

    /* ستاره‌ها به صورت inline-block در موبایل */
    @media (max-width: 767px) {

      #stars,
      #starsUser {
        display: inline-block !important;
        /* ستاره‌ها را به صورت inline-block نمایش بده */
      }

      #ratingSection,
      #yourRatingSection {
        display: inline-block !important;
        align-items: center !important;
      }

      #rateValue,
      #userRateValue {
        font-size: 1rem !important;
        /* اندازه متن امتیاز */
      }

      /* بهبود فاصله‌ها */
      #ratingSection span,
      #yourRatingSection span {
        margin-right: 10px !important;
      }
    }


    @keyframes glowbadgesucsses {
      from {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }

      to {
        box-shadow: 0 0 15px rgba(25, 135, 84, 0.8);
        /* رنگ سبز */
      }
    }

    .badge.bg-success {
      background-color: #198754 !important;
      color: white;
      animation: glowbadgesucsses 2s ease-in-out infinite alternate;
    }

    @keyframes glowbadgeerror {
      from {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }

      to {
        box-shadow: 0 0 15px rgba(220, 53, 69, 0.8);
      }
    }


    .badge.bg-danger {
      background-color: #dc3545 !important;
      color: white;
      animation: glowbadgeerror 2s ease-in-out infinite alternate;
    }

    @keyframes glowbadgewarning {
      from {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }

      to {
        box-shadow: 0 0 15px rgba(255, 193, 7, 0.8);
      }
    }


    .badge.bg-warning {
      background-color: #ffc107 !important;
      color: white !important;
      animation: glowbadgewarning 2s ease-in-out infinite alternate;
    }

    @keyframes glowbadgeunkhnown {
      from {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }

      to {
        box-shadow: 0 0 15px rgb(95, 102, 109);
      }
    }


    .badge.bg-secondary {
      background-color: rgb(108, 117, 125) !important;
      color: white;
      animation: glowbadgeunkhnown 2s ease-in-out infinite alternate;
    }