/** Shopify CDN: Minification failed

Line 526:0 Unexpected "}"

**/
/* ======================================================
   OVRA LIQUID DRAWER V1
   Premium Glass Navigation
====================================================== */

@media screen and (max-width:990px){

/* ====================================
   Main Drawer
==================================== */

#menu-drawer{
left:0 !important;
right:auto !important;
transform-origin:left center;
}
    background:
linear-gradient(
180deg,
rgba(255,255,255,.48),
rgba(247,243,236,.42)
) !important;

backdrop-filter:
blur(34px)
saturate(180%);

-webkit-backdrop-filter:
blur(34px)
saturate(180%);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(180%);

    border-left:1px solid rgba(255,255,255,.38);

    box-shadow:
        0 30px 80px rgba(0,0,0,.20),
        inset 0 1px rgba(255,255,255,.65);

    overflow:hidden;

    position:relative;

}

/* ==========================
   Moving reflection
========================== */

#menu-drawer::before{

    content:"";

    position:absolute;

    inset:-40%;

    background:
    linear-gradient(
        115deg,
        transparent 35%,
        rgba(255,255,255,.38) 48%,
        transparent 62%
    );

    transform:translateX(-140%);

    animation:
        ovraDrawerShimmer
        9s
        ease-in-out
        infinite;

    pointer-events:none;

}

/* ==========================
   Soft gold glow
========================== */

#menu-drawer::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(212,177,92,.16),
        transparent 45%
    );

    pointer-events:none;

}

/* ==========================
   Header
========================== */

#HeaderDrawer_Header{

    background:
        rgba(255,255,255,.18);

    backdrop-filter:blur(20px);

    border-bottom:
        1px solid rgba(255,255,255,.35);

}

/* ==========================
   Glass Close Button
========================== */

.menu-drawer__close-btn{

    width:44px;

    height:44px;

    border-radius:999px !important;

    background:
        rgba(255,255,255,.30) !important;

    backdrop-filter:blur(16px);

    border:
        1px solid rgba(255,255,255,.45);

    box-shadow:
        0 10px 24px rgba(0,0,0,.12);

    transition:
        .28s cubic-bezier(.22,1,.36,1);

}

.menu-drawer__close-btn:hover{

    transform:
        rotate(90deg)
        scale(1.08);

    background:
        rgba(255,248,235,.65) !important;

}

/* ==========================
   Menu spacing
========================== */

.menu-drawer__menu{

    padding:18px;

}

/* ==========================
   Glass menu items
========================== */

.menu-drawer__menu-item{

    position:relative;

    border-radius:18px;

    margin-bottom:10px;

    padding:15px 18px !important;

    transition:

        transform .28s cubic-bezier(.22,1,.36,1),

        background .28s ease,

        box-shadow .28s ease,

        color .28s ease;

}

/* ==========================
   Glass pill
========================== */

.menu-drawer__menu-item::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:18px;

    background:
        rgba(255,255,255,.18);

    backdrop-filter:blur(18px);

    border:
        1px solid rgba(255,255,255,.32);

    opacity:0;

    transition:.25s;

}

.menu-drawer__menu-item>*{

    position:relative;

    z-index:2;

}

/* ==========================
   Hover
========================== */

.menu-drawer__menu-item:hover{

    transform:
        translateX(6px)
        scale(1.01);

    background:
        rgba(255,255,255,.22);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

    box-shadow:
        0 10px 24px rgba(0,0,0,.08);

}

.menu-drawer__menu-item:hover::before{

    opacity:1;

    box-shadow:
        0 10px 28px rgba(0,0,0,.10);

}

/* ==========================
   OVRA Liquid Glass Active Item
========================== */

.menu-drawer__menu-item--active,
.menu-drawer__menu-item[aria-current="page"]{

    position:relative;

    overflow:hidden;

    color:#111 !important;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.52),
            rgba(247,243,236,.36)
        ) !important;

    backdrop-filter:
        blur(34px)
        saturate(190%);

    -webkit-backdrop-filter:
        blur(34px)
        saturate(190%);

    border:
        1px solid rgba(214,176,84,.45);

    box-shadow:
        inset 0 1px rgba(255,255,255,.85),
        inset 0 -1px rgba(255,255,255,.18),
        0 12px 32px rgba(0,0,0,.08);

    transition:.35s;
}

/* Glossy top reflection */

.menu-drawer__menu-item--active::before,
.menu-drawer__menu-item[aria-current="page"]::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:inherit;

    opacity:1;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.55),
            rgba(255,255,255,0)
        );

    pointer-events:none;
}

/* Gold shimmer */

.menu-drawer__menu-item--active::after,
.menu-drawer__menu-item[aria-current="page"]::after{

    content:"";

    position:absolute;

    top:-70%;

    left:-55%;

    width:40%;

    height:240%;

    transform:rotate(18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,248,210,.95),
            rgba(214,176,84,.70),
            rgba(255,248,210,.95),
            transparent
        );

    filter:blur(12px);

    animation:ovraActiveSweep 7s linear infinite;

    pointer-events:none;
}

/* Keep text/icons black */

.menu-drawer__menu-item--active *,
.menu-drawer__menu-item[aria-current="page"] *{

    position:relative;

    z-index:3;

    color:#111 !important;

    fill:#111 !important;

    stroke:#111 !important;

}

/* Animation */

@keyframes ovraActiveSweep{

0%{
left:-55%;
opacity:0;
}

8%{
opacity:.65;
}

22%{
left:120%;
opacity:.65;
}

30%{
opacity:0;
}

55%{
left:-55%;
opacity:0;
}

63%{
opacity:.45;
}

78%{
left:120%;
opacity:.45;
}

85%{
opacity:0;
}

100%{
opacity:0;
}

}

/* ==========================
   Divider
========================== */

.menu-drawer__navigation__separator{

    opacity:.12 !important;

}

/* ==========================
   Footer
========================== */

.menu-drawer__footer{

    backdrop-filter:blur(18px);

    background:
        rgba(255,255,255,.16);

    border-top:
        1px solid rgba(255,255,255,.28);

}

/* ==========================
   Drawer animation
========================== */

#menu-drawer{

    animation:
        ovraDrawerOpen
        .45s
        cubic-bezier(.22,1,.36,1);

}

@keyframes ovraDrawerOpen{

from{

opacity:0;

transform:

translateX(-24px)

scale(.97);

}

to{

opacity:1;

transform:

translateX(0)

scale(1);

}

}

/* ==========================
   Reflection
========================== */

@keyframes ovraDrawerShimmer{

0%{

transform:translateX(-140%);

}

60%{

transform:translateX(140%);

}

100%{

transform:translateX(140%);

}

}

}

/* Hide original close icon */

.header__icon--menu[aria-expanded="true"]{
    opacity:0;
}

#menu-drawer{

margin:0 !important;

border-radius:0 28px 28px 0;

width:88vw;

max-width:380px;

height:100vh;

}

/* =====================================
   OVRA Active Menu Text Fix
===================================== */

.menu-drawer__menu-item--active,
.menu-drawer__menu-item--active *,
.menu-drawer__menu-item[aria-current="page"],
.menu-drawer__menu-item[aria-current="page"] *{

    color:#111 !important;

    fill:#111 !important;

    stroke:#111 !important;

}

#menu-drawer{

transition:

transform .55s cubic-bezier(.22,1,.36,1),

box-shadow .4s;

will-change:transform;

}

.menu-drawer__menu-item{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    margin-bottom:12px;

    padding:18px 20px !important;

    background:
        rgba(255,255,255,.08);

    opacity:0;

    transform:
        translateX(-18px);

    animation:
        ovraItem
        .55s
        cubic-bezier(.22,1,.36,1)
        forwards;

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        background .35s,
        box-shadow .35s;

}

.menu-drawer__menu-item:nth-child(1){animation-delay:.05s;}
.menu-drawer__menu-item:nth-child(2){animation-delay:.10s;}
.menu-drawer__menu-item:nth-child(3){animation-delay:.15s;}
.menu-drawer__menu-item:nth-child(4){animation-delay:.20s;}
.menu-drawer__menu-item:nth-child(5){animation-delay:.25s;}
.menu-drawer__menu-item:nth-child(6){animation-delay:.30s;}

@keyframes ovraItem{

to{

opacity:1;

transform:none;

}

}

/* Hide drawer scrollbar */

#menu-drawer{
    scrollbar-width:none;
}

#menu-drawer::-webkit-scrollbar{
    display:none;
}