/* Target the header element */
#shopify-section-sections--22721006567705__header > sticky-header {
    background-color: rgba(12, 12, 12, 0.3); /* #0C0C0C with 30% opacity */
    backdrop-filter: blur(15px); /* 15px blur effect */
    -webkit-backdrop-filter: blur(15px); /* For Safari */
    color: #fff; /* Example text color */
    padding: 20px; /* Example padding */
    position: fixed; /* Make the header fixed at the top */
    width: 100%; /* Make the header full width */
    max-height: 75px; /* Set maximum height of the header */
    overflow: visible; /* Allow content to overflow */
    top: 0; /* Position it at the top */
    z-index: 1000; /* Ensure it stays on top of other elements */
    left: 0; /* Align to the left edge */
    box-sizing: border-box; /* Include padding in the width */
    display: flex; /* Use flexbox to center items */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
    transition: top 0.3s ease-in-out; /* Smooth transition for hiding/showing */
}

/* Target the menu or navigation within the header */
#shopify-section-sections--22721006567705__header > sticky-header > header {
    background-color: transparent; /* Ensure the menu has a transparent background */
    color: #fff; /* Example text color */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Make the menu full width */
    box-sizing: border-box; /* Include padding in the width */
}

/* Ensure dropdown menus are fully visible */
#shopify-section-sections--22721006567705__header > sticky-header > header ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0;
    margin: 0;
    position: relative; /* Ensure position is relative for absolute positioning of dropdowns */
}

/* Styling for dropdown items */
#shopify-section-sections--22721006567705__header > sticky-header > header ul ul {
    position: absolute; /* Position dropdowns absolutely */
    top: 100%; /* Position dropdowns below parent menu */
    left: 0;
    display: none; /* Hide dropdowns by default */
    z-index: 1000; /* Ensure dropdowns stay on top */
    background-color: rgba(28, 28, 28, 0.9); /* Example background color */
    padding: 10px; /* Example padding */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Example shadow */
}

/* Show dropdown on hover */
#shopify-section-sections--22721006567705__header > sticky-header > header li:hover > ul {
    display: block;
}