/* Booking Bar */
        .booking-bar {
          position: relative;
          z-index: 10;
          background: rgba(255, 255, 255, 0.95);
          backdrop-filter: blur(10px);
          padding: 10px 50px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 0;
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
          border-radius: 10px;
        }

        .booking-section {
          display: flex;
          padding: 0 30px;
          border-right: 1px solid #e0e0e0;
          cursor: pointer;
          transition: all 0.3s;
          position: relative;
          height: 107px;
          width: 230px;
        }

        .booking-section:last-of-type {
          border-right: none;
        }

/*         .booking-section.active {
          background: rgba(201, 169, 98, 0.1);
        } */

        .section-label {
          font-size: 12px;
          color: var(--primary-color);
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 5px;
          font-weight: 600;
        }

        .section-value {
          display: flex;
          align-items: baseline;
          gap: 10px;
        }

        .section-number {
          font-size: 42px;
          font-weight: 300;
          color: #be8a5a;
          line-height: 1;
        }

        .section-details {
          display: flex;
          flex-direction: column;
        }

        .section-month {
          font-size: 14px;
          color: #333;
          font-weight: 500;
        }

        .section-day {
          font-size: 12px;
          color: #999;
        }

        .section-persons {
          display: flex;
          align-items: baseline;
          gap: 10px;
        }

        .persons-number {
          font-size: 42px;
          font-weight: 300;
          color: #be8a5a;
          line-height: 1;
        }

        .persons-label {
          font-size: 14px;
          color: #333;
          letter-spacing: 1px;
        }

        .submit-section {
          border: none;
          outline: none;
        }

        .btn-main.fx-slide {
          overflow: hidden;
        }

        .btn-main.fx-slide span {
          display: block;
          position: relative;
          transition: all .3s ease-in-out;
        }

        .btn-main.fx-slide:hover span {
          transform: translate(0, 40px);
          opacity: 0;
        }

        .btn-main.fx-slide:hover:before {
          opacity: 1;
          transform: translate(0, 0);
        }

        .btn-main.fx-slide:before {
          content: attr(data-hover);
          position: absolute;
          left: 0;
          width: 100%;
          opacity: 0;
          transform: translate(0, -100%);
          transition: all 0.3s ease-in-out;
        }

        /* Dropdown Panels */
        .dropdown-panel {
          display: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          background: white;
          border-radius: 8px;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
          padding: 20px;
          z-index: 1000;
          min-width: 300px;
          animation: slideDown 0.3s ease;
        }

        .dropdown-panel.active {
          display: block;
        }

        .dropdown-panel.open-up {
          top: auto;
          bottom: 93%;
          margin-bottom: 10px;
        }

        .dropdown-panel.open-down {
          top: 100%;
          margin-top: 10px;
        }

        @keyframes slideDown {
          from {
            opacity: 0;
            transform: translateX(-50%) translateY(-10px);
          }

          to {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
          }
        }

        .guest-row {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 15px 0;
          border-bottom: 1px solid #f0f0f0;
        }

        .guest-row:last-child {
          border-bottom: none;
        }

        .guest-info h4 {
          font-size: 14px;
          color: #333;
          margin-bottom: 4px;
        }

        .guest-info span {
          font-size: 12px;
          color: #999;
        }

        .counter {
          display: flex;
          align-items: center;
          gap: 15px;
        }

        .counter-btn {
          width: 32px;
          height: 32px;
          border: 1px solid #ddd;
          background: white;
          border-radius: 6px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          color: #666;
          transition: all 0.2s;
        }

        .counter-btn:hover {
          background: #be8a5a;
          color: white;
          border-color: #be8a5a;
        }

        .counter-value {
          font-size: 16px;
          font-weight: 600;
          min-width: 30px;
          text-align: center;
          color: #333;
        }

        /* Coupon Panel */
        .coupon-input-wrapper {
          display: flex;
          gap: 10px;
        }

        .coupon-input {
          flex: 1;
          padding: 10px 10px;
          border: 1px solid #ddd;
          border-radius: 6px;
          font-size: 14px;
          outline: none;
          transition: border-color 0.3s;
        }

        .coupon-input:focus {
          border-color: #c9a962;
        }

        /* Hidden date inputs */
        .hidden-input {
          position: absolute;
          opacity: 0;
          pointer-events: none;
        }

        /* Responsive */
        @media (max-width: 1100px) {
          .booking-bar {
            flex-wrap: wrap;
            padding: 20px;
            gap: 0;
          }

          .booking-section {
            width: auto;
            border-right: 1px solid #e0e0e0;
            border-bottom: none;
            padding: 15px 25px;
          }

          .booking-section:last-of-type {
            border-right: none;
          }

          .submit-section {
            width: 100%;
            padding: 20px;
            margin-top: 10px;
          }
        }

        @media (max-width: 768px) {
          .booking-bar {
            flex-direction: column;
            padding: 20px;
          }

          .booking-section {
            width: 100%;
            border-right: none;
            border-bottom: 1px solid #e0e0e0;
            padding: 15px;
          }

          .submit-section {
            width: 100%;
            padding: 10px;
          }

          .dropdown-panel {
            position: fixed;
            left: 50%;
            min-width: 280px;
            max-width: 90vw;
          }
          .dropdown-panel.open-up {
              top: auto;
              bottom: 50%;
              margin-bottom: 10px;
          }
          .dropdown-panel.open-down {
              top: 50%;
              margin-top: 10px;
          }
          .section-details {
            display: flex;
            flex-direction: row;
            gap: 10px;
          }
        }

        /* Flatpickr customization */
        .flatpickr-calendar {
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
          border-radius: 8px;
          border: none;
          z-index: 1001 !important;
        }

        .flatpickr-day.selected {
          background: #c9a962;
          border-color: #c9a962;
        }

        .flatpickr-day.selected:hover {
          background: #be8a5a;
          border-color: #be8a5a;
        }