* { margin: 0; padding: 0; box-sizing: border-box; }

  .header-wrap {
    position: relative ;
    z-index: 1000 ;
  }

  .top-bar {
    background: #DCD5CD ;
    padding: 8px 24px ;
    font-size: 13px ;
    color: #3a3330 ;
    display: flex ;
    align-items: center ;
    gap: 8px ;
    font-family: "Roboto", sans-serif ;
    height: 5.4rem ;
  }

  .main-nav {
    background: #fff ;
    display: flex ;
    align-items: center;
    justify-content: space-between ;
    padding: 1.5rem 24px;
    border-bottom: 0.5px solid #e8e2db;
    position: relative ;
    height: 10.7rem ;
  }

  .book-btn {
    background: #DDD4CD ;
    color: #222222 ;
    border: 1px solid #DDD4CD ;
    padding: 1.60rem 2.135rem ;
    font-size: 1.5rem ;
    font-weight: 400 ;
    border-radius: 3rem 0 3rem 0 ;
    cursor: pointer ;
    font-family: "Roboto", sans-serif;
    white-space: nowrap ;
    line-height: 1 ;
    transition: background 0.25s ;
    text-decoration: none ;
    display: inline-block ;
  }
  .book-btn:hover { background: #fff; }

  .logo-wrap {
    position: absolute ;
    left: 50% ;
    transform: translateX(-50%) ;
  }
  .logo-wrap img {
    height: 5.5rem;
    object-fit: contain ;
    display: block ;
  }

  .hamburger {
    background: none ;
    border: none ;
    cursor: pointer ;
    padding: 4px ;
    display: flex;
    align-items: center;
  }

  /* ===== SIDEBAR: starts BELOW header, not from top ===== */
  .sidebar {
    position: fixed;
    /* top = height of top-bar + main-nav = 3.4rem + 6.7rem = 10.1rem */
    top: 10.1rem;
    overflow-x: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    transform: translateY(100%);
    transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
    overflow-y: auto;
    padding: 32px 36px 50px;
  }
  .sidebar.open { transform: translateY(0); }

  .sidebar-close {
    position: absolute;
    top: 1.5rem;
    right: 5vw;
    background: none;
    border: none;
    cursor: pointer;
    color: #222;
    display: flex;
    align-items: center;
    z-index: 10;
  }

.sidebar-flower{
    position: absolute;

    right: -40px;
    top: 10px;

    width: 760px;
    max-width: none;

    /* opacity: 0.14; */

    pointer-events: none;

    z-index: 0;
}
  .sidebar-nav {
    list-style: none;
    margin-top: 8px;
    position: relative;
    z-index: 2;
    border-left: 1px solid #DCD5CD;
    padding-left: 1rem;
  }
  
  /* DROPDOWN */

.has-dropdown {
  position: relative;
}

.dropdown-menu {
  list-style: none;
  margin-top: 10px;
  margin-left: 16px;

  background: #F5F2EF;

  border-radius: 10px;

  padding: 10px 18px;

  width: 230px;

  display: none;
}

.dropdown-menu li {
  margin: 0 !important;
}

.dropdown-menu li a {
  font-size: 1rem !important;
  color: #BE8A7B !important;
  padding: 0 !important;
  line-height: 1.4;
}

.has-dropdown.active .dropdown-menu {
  display: block;
}
  
  
  .sidebar-nav li:not(:last-child) { margin-bottom: 0.5rem; }
  .sidebar-nav li a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 0.25rem;
    font-size: 1.5rem;
    color: #222;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 1;
    transition: color 0.2s;
  }
  .sidebar-nav li a:hover { color: #BE8A7B; }
  .sidebar-nav li.active a { color: #BE8A7B; }
  .sidebar-nav li a .arrow { font-size: 11px; color: #999; }

  .sidebar-divider {
    border: none;
    border-top: 1px solid #DCD5CD;
    margin: 1.5rem 0;
    position: relative;
    z-index: 2;
  }

 .sidebar-info {
    display: grid;

    grid-template-columns: 320px 220px;

    gap: 6rem;

    position: relative;
    z-index: 2;
}
  .info-block p {
    font-family: "Roboto", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    color: #222;
    margin-bottom: 0.5rem;
  }
  .info-block span {
    font-family: "Roboto", sans-serif;
    font-size: 0.95rem;
    color: #444;
    display: block;
    line-height: 1.5;
  }
  .insta-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #222;
    font-size: 13px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    margin-top: 6px;
  }
  .insta-link:hover { color: #BE8A7B; }

  @media (max-width: 767px) {
    .book-btn{
    display: none;
}
.logo-wrap{
    position: static;
    transform: none;
}

.main-nav{
    justify-content: space-between;
}

.hamburger{
    position: static;
}

    .top-bar { height: 2rem; padding: 4px 16px; }
    .main-nav { height: 4.6rem; padding: 1rem 16px; }
    /* top-bar 2rem + main-nav 4.6rem = 6.6rem */
    .sidebar { top: 6.6rem; }
    .logo-wrap img { height: 2.5rem; }
    .book-btn { padding: 0.75rem 1.25rem; font-size: 0.8rem; }
    .sidebar-nav li a { font-size: 1.1rem; }
    .sidebar-info { grid-template-columns: 1fr; }
  }



  @media(max-width:1024px){

.sidebar-flower{
    width: 55%;
    opacity: .08;
}

}

@media(max-width:767px){

.sidebar-flower{
    display:none;
}

}


@media (max-width: 767px){
  .main-nav .book-btn{
    display: none !important;
  }
}