/** Shopify CDN: Minification failed

Line 820:0 Unexpected "}"

**/
/* ==========================================================
   NAVA HEADER V2
========================================================== */

/* ---------- Global ---------- */

.nava-header,
.nava-header * {
    box-sizing: border-box;
}

.nava-header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    overflow: visible;
    z-index: 30;
}
:root {
    --header-height: 72px;
}

.nava-header {
    --header-height: 72px;
}
/* ---------- Layout ---------- */

.nava-header__container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 8px 40px;
    min-height: 72px;

    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;

    gap: 60px;

    overflow: visible;
}

/* ---------- Logo ---------- */

.nava-header__brand {
    display: flex;
    align-items: center;
}

.nava-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nava-logo__image {
    width: 245px;
    height: auto;
    display: block;

    transition: opacity .25s ease;
}

.nava-logo:hover .nava-logo__image {
    opacity: .92;
}

/* ---------- Navigation ---------- */

.nava-header__navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nava-nav {
    display: flex;
    align-items: center;

    gap: 54px;

    list-style: none;
    margin: 0;
    padding: 0;
}

.nava-nav__item {
    position: relative;
}

.nava-nav__link {
    position: relative;

    display: flex;
    align-items: center;
    gap: 5px;

    color: #111;
    text-decoration: none;

    font-size: 15px;
    font-weight: 500;

    transition: color .25s ease;
}

.nava-nav__link:hover {
    color: #163B72;
}

.nava-nav__link::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: -10px;

    width: 0;
    height: 2px;

    background: #163B72;

    transition: width .25s ease;

}

.nava-nav__link:hover::after {

    width: 100%;

}

.nava-nav__arrow {

    font-size: 10px;

    transition: transform .25s ease;

}

.nava-nav__item:hover .nava-nav__arrow {

    transform: rotate(180deg);

}

/* ---------- Actions ---------- */

.nava-header__actions {

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 24px;

    overflow: visible;

}
header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-actions__action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    position: relative;
    overflow: visible;
}

.header-actions__cart-icon {
    overflow: visible;
}

.header-actions__cart-icon svg {
    width: 24px;
    height: 24px;
}

.header-actions__cart-icon .cart-bubble {
    top: -5px;
    right: -5px;
}
/* ==========================================
   Header Actions
========================================== */

header-actions{

    display:flex;

    align-items:center;

    gap:8px;

}

.header-actions__action{

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    position:relative;

    overflow:visible;

}

.header-actions__cart-icon{

    overflow:visible;

}

.header-actions__cart-icon svg{

    width:24px;

    height:24px;

    overflow:visible;

}

.header-actions__cart-icon .cart-bubble{

    right:-5px;

    top:-5px;

}

/* ---------- Search ---------- */

.search {
    position: relative;
}

.search-modal {
    z-index: 999999;
}

.predictive-search {
    z-index: 999999;
}

/* ---------- Mobile ---------- */

@media (max-width:1100px){

    .nava-header__container{

        grid-template-columns:1fr;

        gap:22px;

        padding:14px 20px;

    }

    .nava-logo__image{

        width:200px;

    }

    .nava-nav{

        flex-wrap:wrap;

        gap:28px;

    }

    .nava-dropdown{

        position:static;

        transform:none;

        width:100%;

        opacity:1;

        visibility:visible;

        box-shadow:none;

        padding:20px 0 0;

    }

}
/*==========================================================
PREMIUM MEGA MENU
==========================================================*/

.nava-nav__item{
    position:relative;
}

.nava-dropdown{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%) translateY(18px);

    width:850px;

    max-width:95vw;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.28s ease;

    z-index:99999;

}

.nava-nav__item:hover>.nava-dropdown{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:translateX(-50%) translateY(0);

}

/*==========================================================
MAIN PANEL
==========================================================*/

.nava-dropdown__wrapper{

    display:grid;

    grid-template-columns:490px 360px;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid #ececec;

    box-shadow:
        0 25px 70px rgba(0,0,0,.10),
        0 5px 18px rgba(0,0,0,.05);

}

/*==========================================================
LEFT SIDE
==========================================================*/

.nava-dropdown__content{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:32px 36px;

}

.nava-dropdown__group{

    position:relative;

    width:200px;

    flex-shrink:0;

    padding-right:28px;

}

.nava-dropdown__group:not(:last-child)::after{

    content:"";

    position:absolute;

    top:0;

    bottom:0;

    right:0;

    width:1px;

    background:#ececec;

}

.nava-dropdown__heading{

    display:flex;

    align-items:center;

    margin:0 0 18px;

    font-size:19px;

    font-weight:700;

    color:#163B72;

}
.nava-dropdown__heading svg{

    width:30px;

    height:30px;

    flex-shrink:0;

    margin-right:12px;

}
.nava-dropdown__list{

    list-style:none;

    padding:0;

    margin:0;

}

.nava-dropdown__list li{

    margin:0;

}

.nava-dropdown__link{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:12px 0;

    text-decoration:none;

    color:#555;

    font-size:15px;

    font-weight:500;

    transition:.22s;

}

.nava-dropdown__link::after{

    content:"→";

    opacity:0;

    transform:translateX(-8px);

    transition:.22s;

}

.nava-dropdown__link:hover{

    color:#163B72;

    padding-left:8px;

}

.nava-dropdown__link:hover::after{

    opacity:1;

    transform:none;

}

/*==========================================================
RIGHT SIDE
==========================================================*/

.nava-dropdown__promo{

    position:relative;

    width:360px;

    min-height:100%;

    overflow:hidden;

    border-left:1px solid #ececec;

    background:#eef4fb;

}

.promo-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    height:100%;

    min-height:280px;

    padding:26px;

    background-size:110%;

    background-repeat:no-repeat;

    background-position:center top;

}
.promo-card{

    overflow:hidden;

    border-radius:22px;

}
.promo-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,.25) 45%,
        rgba(255,255,255,.85) 72%,
        rgba(255,255,255,.98) 100%
    );

    z-index:1;

}

.promo-card__body{

    position:relative;

    z-index:2;

}

.promo-label{

    display:inline-flex;

    align-items:center;

    padding:7px 14px;

    border-radius:999px;

    background:#163B72;

    color:#fff;

    font-size:11px;

    letter-spacing:1.2px;

    margin-bottom:16px;

}

.promo-card h2{

    margin:0 0 10px;

    font-size:22px;

    line-height:1.15;

}

.promo-card p{

    margin:0 0 20px;

    font-size:14px;

    line-height:1.5;

    color:#555;

}

.promo-button{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:42px;

    border-radius:12px;

    background:#163B72;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}

.promo-button:hover{

    background:#102c58;

}

/*==========================================================
ANIMATION
==========================================================*/

.nava-dropdown__group{

    opacity:0;

    transform:translateY(14px);

    transition:.35s ease;

}

.nava-nav__item:hover .nava-dropdown__group{

    opacity:1;

    transform:none;

}

.nava-nav__item:hover .nava-dropdown__group:nth-child(1){

    transition-delay:.04s;

}

.nava-nav__item:hover .nava-dropdown__group:nth-child(2){

    transition-delay:.08s;

}

.nava-nav__item:hover .nava-dropdown__group:nth-child(3){

    transition-delay:.12s;

}

.nava-nav__item:hover .nava-dropdown__group:nth-child(4){

    transition-delay:.16s;

}

/*==========================================================
RESPONSIVE
==========================================================*/

@media(max-width:1150px){

    .nava-dropdown{

        width:96vw;

    }

    .nava-dropdown__wrapper{

        grid-template-columns:1fr;

    }

    .nava-dropdown__promo{

        border-left:none;

        border-top:1px solid #ececec;

    }

}

@media(max-width:850px){

    .nava-dropdown{

        position:static;

        width:100%;

        transform:none;

        opacity:1;

        visibility:visible;

        pointer-events:auto;

        margin-top:20px;

    }

    .nava-dropdown__content{

        grid-template-columns:1fr;

        gap:35px;

        padding:24px;

    }

    .nava-dropdown__promo{

        width:100%;

        max-width:100%;

        min-width:0;

        border-left:none;

        border-top:1px solid #ececec;

    }

    .promo-card{

        width:100%;

        min-height:260px;

        padding:22px;

        background-size:cover;

    }

    .promo-card h2{

        font-size:30px;

    }

    .promo-card p{

        font-size:16px;

    }

}

}
.nava-dropdown__heading-link{
    display:flex;
    align-items:center;
    gap:12px;
    color:inherit;
    text-decoration:none;
    font:inherit;
}

.nava-dropdown__heading-link:hover{
    color:var(--nava-red);
}