﻿        /* Header Styles */
        .floating-header {
          z-index: 1000;
          width: 100%;
          background: #fff;
          /* padding: 5px 0px; */
          transition: all 0.3s ease;
          border-bottom: solid 1px #D1D5DB;
        }

        .floating-header.scrolled {
          position: fixed;
          top: 0;
          left: 0;
          padding: 2px 0px;
        }

        /* Logo Styles */
        .floating-header .logo {
          display: flex;
          align-items: center;
          text-decoration: none;
        }

        .floating-header .logo img {
          max-width: 120px;
        }


        .floating-header.scrolled .logo img {
          max-width: 80px;
        }


        /* Navigation Styles */
        .nav-menu {
          display: flex;
          align-items: center;
          list-style: none;
          margin: 0;
          padding: 0;
          gap: 10px;
        }

        .nav-link {
          position: relative;
          text-decoration: none;
          color: #33363F;
          padding: 10px;
          font-weight: 600;
          font-size: 22px;
          transition: 0.3s ease;
          display: flex;
          align-items: center;
        }

        .nav-link:hover {
          color: #BE9F57;
          transform: scale(1.04);
        }


        .cart-count-wish {
          position: absolute;
          color: #000;
          width: 14px;
          height: 14px;
          background: #fff;
          border-radius: 180px;
          display: inline-block;
          text-align: center;
          font-size: 12px;
          line-height: 14px;
          top: 1px;
          left: 22px;
          font-weight: 600;
        }

        .search-container {
          position: relative;
          display: flex;
          align-items: center;
          /* margin-left: 10px; */
        }

        .search-input {
          padding: 10px !important;
          font-size: 16px !important;
          border: 2px solid #BE9F57 !important;
          border-radius: 5px !important;
          outline: none;
          transition: 0.3s ease;
          width: 200px !important;
          color: #212529 !important;
          margin: 0px !important;
          height: 45px !important;
        }

        .mobile-search-container .search-input {
          width: 100% !important;
        }

        .search-input:focus {
          box-shadow: 0 0 0 3px rgba(190, 159, 87, 0.2);
        }


        /* Burger Menu */
        .burger-menu {
          display: flex;
          flex-direction: column;
          cursor: pointer;
          padding: 5px;
        }

        .burger-line {
          width: 25px;
          height: 3px;
          background: #333;
          margin: 3px 0;
          transition: 0.3s;
          border-radius: 2px;
        }

        .burger-menu.active .burger-line:nth-child(1) {
          transform: rotate(-45deg) translate(-5px, 6px);
        }

        .burger-menu.active .burger-line:nth-child(2) {
          opacity: 0;
        }

        .burger-menu.active .burger-line:nth-child(3) {
          transform: rotate(45deg) translate(-5px, -6px);
        }

        /* Mobile Sidebar */
        .mobile-sidebar {
          position: fixed;
          top: 0;
          right: -100%;
          width: 300px;
          height: 100vh;
          background: white;
          transition: right 0.3s ease;
          z-index: 1001;
          overflow-y: auto;
          border-left: 1px solid #eee;
        }

        .mobile-sidebar.active {
          right: 0;
        }

        .sidebar-header {
          padding: 20px;
          border-bottom: 1px solid #eee;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }

        .sidebar-header .logo img {
          max-width: 80px;
        }

        .close-btn {
          background: none;
          border: none;
          font-size: 24px;
          cursor: pointer;
          color: #BE9F57;
        }

        .sidebar-menu {
          padding: 20px 0;
        }

        .sidebar-item {
          display: block;
          padding: 15px 20px;
          color: #000;
          text-decoration: none;
          border-bottom: 1px solid #f5f5f5;
          transition: all 0.3s ease;
          font-size: 20px;
        }

        .sidebar-item:hover {
          background: #000;
          color: #BE9F57;
          padding-left: 30px;
        }

        .sidebar-footer {
          padding: 20px;
          border-top: 1px solid #eee;
        }

        .sidebar-footer .book-btn {
          font-size: 14px;
          white-space: nowrap;
          vertical-align: middle;
          display: flex;
          align-items: center;
        }

        /* Overlay */
        /* .overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          z-index: 999;
          opacity: 0;
          visibility: hidden;
          transition: all 0.3s ease;
        }

        .overlay.active {
          opacity: 1;
          visibility: visible;
        } */


        /* Slider */
        .slider-container {
          position: relative;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }

        .swiper {
          width: 100%;
          height: 100%;
          overflow: visible;
        }

        .swiper-slide {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .slide-image {
          width: 100%;
          height: auto;
          z-index: 1;
        }

        .swiper.desk .slide-image {
          /* aspect-ratio: 1920 / 850; */
          max-height: 600px;
          object-fit: cover;
        }

        .swiper.mob .slide-image {
          aspect-ratio: 650 / 850;
          /* height: 400px; */
        }

        /* Custom pagination dots */
        .swiper-pagination {
          bottom: 15px !important;
          z-index: 4;
        }

        .swiper-pagination-bullet {
          width: 32px;
          height: 8px;
          background: #E0F5FF;
          border-radius: 999px;
          opacity: 1;
          margin: 0 8px;
          transition: all 0.3s ease;
        }

        .swiper-pagination-bullet-active {
          background: #BE9F57;
        }


        /* Responsive Design */
        @media (max-width: 992px) {

          .floating-header {
            width: 100%;
            max-width: none;
            border-radius: 0;
            top: 0;
          }

          .floating-header .logo img {
            max-width: 70px;
          }


          .nav-menu,
          .header-btns .language-selector,
          .header-btns .book-btn {
            display: none;
          }
        }

        @media (max-width: 768px) {
          .mobile-sidebar {
            width: 280px;
          }

          .slide-text {
            max-width: 90%;
            height: 250px;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 10px 20px;
          }

          .slide-btns .main-btn {
            padding: 10px;
            min-height: max-content;
          }
        }

        @media (max-width: 480px) {
          .mobile-sidebar {
            width: 100%;
            right: -100%;
          }

        }