/* Auto-extracted site chrome CSS - load in <head> to prevent FOUC */

.top-header{ width:100%; background:#031b4e; border-bottom:1px solid rgba(255,255,255,0.10); font-family:'Poppins', sans-serif; overflow:visible; }
.top-header-inner{ display:flex; align-items:center; justify-content:space-between; height:36px; }
.top-left, .top-right{ display:flex; align-items:center; height:100%; }
.top-item{ height:36px; display:flex; align-items:center; padding:0 16px; border-left:1px solid rgba(255,255,255,0.10); color:#ffffff; font-size:10px; font-weight:500; text-transform:uppercase; transition:0.3s ease; }
.top-left .top-item:last-child{ border-right:1px solid rgba(255,255,255,0.10); }
.top-dropdown{ gap:5px; cursor:pointer; position:relative; user-select:none; }
.shipping-text{ font-weight:600; letter-spacing:0.2px; }
.top-dropdown:hover,
.top-dropdown.open{ background:#0b2d73; color:#f5c244; }
.top-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:100%;
    margin:0;
    padding:0;
    list-style:none;
    background:#031b4e;
    border:1px solid rgba(255,255,255,0.12);
    box-shadow:0 8px 20px rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(6px);
    transition:0.25s ease;
    z-index:10050;
}
.top-dropdown.open .top-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.top-dropdown-option{
    padding:10px 16px;
    white-space:nowrap;
    color:#ffffff;
    font-size:10px;
    font-weight:500;
    text-transform:uppercase;
    border-bottom:1px solid rgba(255,255,255,0.08);
    transition:0.2s ease;
}
.top-dropdown-option:last-child{ border-bottom:none; }
.top-dropdown-option:hover,
.top-dropdown-option.active{
    background:#0b2d73;
    color:#f5c244;
}
.top-social{ display:flex; align-items:center; height:36px; border-left:1px solid rgba(255,255,255,0.10); border-right:1px solid rgba(255,255,255,0.10); }
.top-social a{ width:34px; height:36px; display:flex; align-items:center; justify-content:center; color:#ffffff; font-size:11px; text-decoration:none; transition:0.3s ease; }
.top-social a:hover{ background:#0b2d73; color:#f5c244; }
.top-links{ display:flex; align-items:center; height:36px; }
.top-links a{ height:36px; padding:0 16px; display:flex; align-items:center; gap:6px; border-right:1px solid rgba(255,255,255,0.10); color:#ffffff; font-size:10px; font-weight:500; text-decoration:none; text-transform:uppercase; transition:0.3s ease; }
.top-links a:first-child{ border-left:1px solid rgba(255,255,255,0.10); }
.top-links a:hover{ background:#0b2d73; color:#f5c244; }
@media(max-width:1199px){
    .top-item{ padding:0 10px; }
    .top-links a{ padding:0 10px; }
    .shipping-text{ display:none; }
}
@media(max-width:991px){ .top-header{ display:none; } }

/* =========================================
MAIN HEADER
========================================= */
.skip-to-content{
    position:absolute;
    left:-9999px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:100000;
}
.skip-to-content:focus{
    left:16px;
    top:16px;
    width:auto;
    height:auto;
    padding:10px 16px;
    background:#f0a500;
    color:#031b4e;
    font-weight:700;
    text-decoration:none;
    border-radius:6px;
}
.seo-breadcrumbs{
    margin:0 0 18px;
    font-size:13px;
}
.seo-breadcrumbs ol{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
    color:#6b7280;
}
.seo-breadcrumbs li:not(:last-child)::after{
    content:"/";
    margin-left:6px;
    color:#c5c9d1;
}
.seo-breadcrumbs a{
    color:#031b4e;
    text-decoration:none;
}
.seo-breadcrumbs a:hover{
    text-decoration:underline;
}

/* AEO / answer-engine blocks */
.aeo-answer-summary{
    margin:0 0 16px;
    padding:14px 16px;
    background:linear-gradient(135deg, #f7f9fc 0%, #eef3fa 100%);
    border-left:3px solid #031b4e;
    color:#1f2937;
    font-size:15px;
    line-height:1.55;
}
.aeo-faq{
    max-width:860px;
    margin:0 auto;
}
.aeo-faq h2{
    font-size:1.35rem;
    font-weight:700;
    color:#111827;
    margin:0 0 16px;
}
.aeo-faq-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.aeo-faq-item{
    border:1px solid #e5e7eb;
    border-radius:8px;
    background:#fff;
    padding:0 16px;
}
.aeo-faq-item summary{
    cursor:pointer;
    font-weight:600;
    color:#031b4e;
    padding:14px 0;
    list-style:none;
}
.aeo-faq-item summary::-webkit-details-marker{
    display:none;
}
.aeo-faq-item summary::after{
    content:"+";
    float:right;
    font-weight:700;
    color:#6b7280;
}
.aeo-faq-item[open] summary::after{
    content:"–";
}
.aeo-faq-item p{
    margin:0 0 14px;
    color:#4b5563;
    font-size:14px;
    line-height:1.6;
}
.product-aeo-section,
.shop-aeo-section{
    background:#fafbfc;
}
.main-header{
    width:100%;
}


/* =========================================
HEADER TOP
========================================= */
.header-top{
    background:#031b4e;

    padding:26px 0;
}


/* =========================================
HEADER TOP INNER
========================================= */
.header-top-inner{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;
}


/* =========================================
LOGO
========================================= */
.header-logo{
    flex-shrink:0;
}

.header-logo img{
    display:block;
    max-width:250px;
    width:auto;
    height:auto;
}


/* =========================================
SEARCH FORM
========================================= */
.header-search-form{
    flex:1;
    min-width:0;
    max-width:620px;
}


/* =========================================
SEARCH WRAPPER
========================================= */
.header-search-wrapper{
    width:100%;

    height:52px;

    display:flex;

    align-items:center;

    background:#ffffff;

    border-radius:40px;

    overflow:hidden;
}


/* =========================================
SEARCH INPUT
========================================= */
.search-input-box{
    flex:1;
}

.search-input-box input{
    width:100%;

    height:52px;

    border:none;

    outline:none;

    padding:0 22px;

    font-size:15px;
}


/* =========================================
CATEGORY
========================================= */
.search-category{
    width:210px;

    position:relative;

    border-left:1px solid #ececec;

    z-index:20;
}


/* =========================================
CATEGORY BUTTON
========================================= */
.category-select-btn{
    width:100%;

    height:52px;

    padding:0 20px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    cursor:pointer;

    color:#666;

    font-size:13px;

    font-weight:500;
}


/* =========================================
CATEGORY DROPDOWN
========================================= */
.category-dropdown-menu{
    position:absolute;

    top:100%;

    left:0;

    width:100%;

    max-height:320px;

    overflow-y:auto;

    background:#ffffff;

    box-shadow:0 10px 30px rgba(0,0,0,0.10);

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:0.3s ease;

    z-index:9999;
}


/* =========================================
ACTIVE DROPDOWN
========================================= */
.category-dropdown-menu.active{
    opacity:1;

    visibility:visible;

    transform:translateY(0);
}


/* =========================================
CATEGORY ITEM
========================================= */
.category-option{
    padding:14px 20px;

    border-bottom:1px solid #f1f1f1;

    font-size:14px;

    cursor:pointer;

    color:#333;

    transition:0.2s ease;
}

.category-option:hover,
.category-option.active{
    background:#f8f8f8;
    color:#031b4e;
}

.category-option.category-empty,
.browse-category-option.category-empty,
.mobile-nav-item.category-empty{
    cursor:default;
    color:#888;
}


/* =========================================
SEARCH BUTTON
========================================= */
.search-submit-btn {
    width: 60px;
    height: 52px; 
    border: none;
    background: #f0a500;
    color: #ffffff;
    font-size: 18px;
    
    /* Layout shift rokne ke liye */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; 
    flex-shrink: 0; 
}


/* =========================================
HEADER RIGHT
========================================= */
.header-right{
    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:0;
}


/* =========================================
HEADER ICON
========================================= */
.header-icon{
    position:relative;

    color:#ffffff;

    font-size:22px;

    text-decoration:none;
}


/* =========================================
BADGE
========================================= */
.header-badge{
    position:absolute;

    top:-8px;

    right:-10px;

    width:18px;

    height:18px;

    background:#f0a500;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:10px;
}


/* =========================================
CART
========================================= */
.cart-icon{
    display:flex;

    align-items:center;

    gap:10px;
}

.cart-price{
    color:#ffffff;

    font-size:16px;

    font-weight:600;
}


/* =========================================
MENU BAR
========================================= */
.header-menu-bar{
    background:#ffffff;

    border-top:1px solid #ececec;

    border-bottom:1px solid #ececec;

    position:relative;

    z-index:100;
}


/* =========================================
MENU INNER
========================================= */
.header-menu-inner{
    display:flex;

    align-items:center;

    justify-content:space-between;
}


/* =========================================
BROWSE CATEGORY
========================================= */
.browse-category-wrap{
    position:relative;
    flex-shrink:0;
}

.browse-category-btn{
    width:270px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 18px;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
    background:#ffffff;
    transition:0.2s ease;
}

.browse-category-btn:hover,
.browse-category-wrap.open .browse-category-btn{
    background:#f8f8f8;
    color:#031b4e;
}

.browse-category-dropdown{
    position:absolute;
    top:100%;
    left:0;
    width:270px;
    max-height:360px;
    overflow-y:auto;
    background:#ffffff;
    border:1px solid #ececec;
    border-top:none;
    box-shadow:0 12px 28px rgba(0,0,0,0.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:0.25s ease;
    z-index:10000;
}

.browse-category-dropdown.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.browse-category-option{
    display:block;
    padding:14px 18px;
    border-bottom:1px solid #f1f1f1;
    color:#222;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.2s ease;
}

.browse-category-option:hover{
    background:#f8f8f8;
    color:#031b4e;
}


/* =========================================
MAIN MENU
========================================= */
.main-menu{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    margin:0;
    padding:0;
    flex-wrap:nowrap;
}

.main-menu li a{
    color:#111;

    text-decoration:none;

    font-size:14px;

    font-weight:500;
}


/* =========================================
MENU RIGHT
========================================= */
.menu-right-links{
    display:flex;
    align-items:center;
    gap:20px;
    flex-shrink:0;
    white-space:nowrap;
}

.menu-right-links a{
    color:#222;

    text-decoration:none;

    font-size:14px;

    font-weight:500;
}


/* =========================================
MOBILE MENU BUTTON
========================================= */
.mobile-menu-btn{
    display:none;

    border:none;

    background:none;

    color:#ffffff;

    font-size:24px;
}


/* =========================================
LAPTOP / SMALL DESKTOP
========================================= */
@media(max-width:1199px){

    .header-top-inner{
        gap:16px;
    }

    .header-logo img{
        max-width:210px;
    }

    .header-search-form{
        max-width:460px;
    }

    .search-category{
        width:160px;
    }

    .category-select-btn{
        padding:0 12px;
        font-size:12px;
    }

    .header-right{
        gap:14px;
    }

    .cart-price{
        display:none;
    }

    .browse-category-btn{
        width:200px;
        padding:0 12px;
        font-size:12px;
    }

    .browse-category-dropdown{
        width:200px;
    }

    .main-menu{
        gap:16px;
    }

    .main-menu li a{
        font-size:13px;
    }

    .menu-right-links{
        gap:12px;
    }

    .menu-right-links a{
        font-size:12px;
    }

}

/* =========================================
MOBILE VIEW
========================================= */
@media(max-width:991px){

    .header-menu-bar{
        display:none;
    }

    .header-top{
        padding:0;
    }

    .header-top-inner{
        flex-wrap:wrap;

        gap:0;
    }

    .mobile-menu-btn{
        display:flex;

        align-items:center;

        justify-content:center;

        width:50px;

        height:58px;
    }

    .header-logo{
        flex:1;

        display:flex;

        justify-content:center;
    }

    .header-logo img{
        max-width:220px;
    }

    .header-right{
        width:auto;
        min-width:50px;
        padding-right:14px;
        justify-content:flex-end;
        box-sizing:border-box;
    }

    .header-right .cart-icon{
        padding-right:4px;
    }

    .header-right .header-icon:not(.cart-icon){
        display:none;
    }

    .header-right .header-badge{
        right:-4px;
    }

    .cart-price{
        display:none;
    }

    .header-search-form{
        width:calc(100% + var(--bs-gutter-x, 1.5rem));
        max-width:calc(100% + var(--bs-gutter-x, 1.5rem));
        flex:0 0 calc(100% + var(--bs-gutter-x, 1.5rem));
        order:3;
        margin-left:calc(var(--bs-gutter-x, 1.5rem) / -2);
        margin-right:calc(var(--bs-gutter-x, 1.5rem) / -2);
        background:#ffffff;
        padding:8px 14px 12px;
    }

    .search-category{
        display:none;
    }

    .header-search-wrapper{
        height:44px;

        border:1px solid #dddddd;
    }

    .search-input-box input{
        height:44px;

        font-size:14px;
    }

    .search-submit-btn{
        width:52px;
        min-width:52px;
        height:44px;
    }

}

@media(max-width:380px){

    .header-logo img{
        max-width:170px;
    }

}


/* =========================================
MOBILE SIDEBAR
========================================= */
.mobile-sidebar-overlay{
    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.55);

    z-index:9998;

    opacity:0;

    visibility:hidden;

    transition:0.3s ease;
}

.mobile-sidebar-overlay.active{
    opacity:1;

    visibility:visible;
}


/* =========================================
SIDEBAR
========================================= */
.mobile-sidebar{
    position:fixed;

    top:0;

    left:-320px;

    width:300px;

    height:100vh;

    background:#ffffff;

    z-index:9999;

    transition:0.35s ease;

    overflow-y:auto;
}

.mobile-sidebar.active{
    left:0;
}


/* =========================================
SIDEBAR SEARCH
========================================= */
.mobile-sidebar-search{
    display:flex;

    align-items:center;

    height:72px;

    padding:0 12px 0 0;

    border-bottom:1px solid #ececec;

    box-sizing:border-box;
}

.mobile-sidebar-search input{
    flex:1;

    min-width:0;

    height:100%;

    border:none;

    outline:none;

    padding:0 12px 0 20px;

    font-size:15px;
}

.mobile-sidebar-search button{
    width:44px;

    height:44px;

    flex-shrink:0;

    margin-right:8px;

    border:none;

    background:#ffffff;

    color:#777;

    font-size:18px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0;

    cursor:pointer;
}


/* =========================================
MOBILE TABS
========================================= */
.mobile-tabs{
    display:flex;

    border-bottom:1px solid #ececec;
}

.mobile-tab-btn{
    flex:1;

    height:58px;

    border:none;

    background:#f8f8f8;

    color:#888;

    font-size:14px;

    font-weight:500;
}

.mobile-tab-btn.active{
    background:#ffffff;

    color:#111;

    border-bottom:2px solid #f0a500;
}


/* =========================================
MOBILE NAV
========================================= */
.mobile-nav-item{
    width:100%;

    min-height:58px;

    padding:0 20px;

    display:flex;

    align-items:center;

    gap:12px;

    border-bottom:1px solid #ececec;

    color:#111;

    text-decoration:none;

    font-size:15px;

    font-weight:500;
}

.mobile-nav-item:hover{
    background:#fafafa;
}

.mobile-nav-item.active{
    color:#f0a500;
}

.has-arrow{
    justify-content:space-between;
}

.new-footer{
    background:#041c4a;
    color:#ffffff;
    font-family:Arial,sans-serif;
    width:100%;
    max-width:100%;
    margin:0;
    overflow:hidden;
    box-sizing:border-box;
}

.new-footer a{
    text-decoration:none;
}

.footer-top,
.footer-middle,
.footer-bottom{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

.footer-top-inner{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.footer-feature{
    display:flex;
    align-items:center;
    gap:16px;
    padding:28px 18px;
    border-right:1px solid rgba(255,255,255,0.1);
    min-width:0;
}

.footer-feature:first-child{
    padding-left:0;
}

.footer-feature:last-child{
    border-right:none;
    padding-right:0;
}

.footer-feature i{
    font-size:42px;
    color:#f7b31c;
    flex-shrink:0;
}

.footer-feature h4{
    margin:0;
    font-size:20px;
    font-weight:700;
    color:#fff;
}

.footer-feature p{
    margin-top:6px;
    margin-bottom:0;
    font-size:14px;
    color:#c7d1e2;
}

.footer-middle-inner{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:35px;
    padding:44px 0;
}

.footer-column h3{
    color:#fff;
    font-size:18px;
    margin-bottom:22px;
}

.footer-column ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-column ul li{
    margin-bottom:15px;
}

.footer-column ul li a{
    color:#c7d1e2;
    font-size:15px;
    transition:0.3s;
}

.footer-column ul li a:hover{
    color:#f7b31c;
}

.app-buttons{
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-bottom:0;
}

.app-buttons img{
    width:180px;
    max-width:100%;
    height:auto;
    border-radius:8px;
    background:#000;
}

.footer-bottom-inner{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:30px;
    padding:28px 0;
}

.payment-shipping-row{
    display:flex;
    flex-wrap:nowrap;
    align-items:flex-start;
    gap:30px;
    flex:1 1 auto;
    min-width:0;
}

.payment-shipping-row .payment-box{
    flex:1 1 0;
    min-width:0;
}

.payment-box{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    flex:1 1 220px;
    min-width:0;
}

.social-box{
    flex:0 1 auto;
}

.payment-box h4{
    margin:0 0 18px;
    color:#fff;
    font-size:16px;
    font-weight:700;
    line-height:1.3;
}

.payment-icons{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    width:100%;
}

.payment-icons img{
    width:auto;
    max-width:100%;
    height:28px;
    object-fit:contain;
    object-position:left center;
    display:block;
}

.social-icons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.social-icons a{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#0b2c66;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:0.3s;
}

.social-icons a:hover{
    background:#f4a51c;
}

.copyright-area{
    width:100%;
    text-align:center;
    padding:20px 0;
}

.copyright-area p{
    margin:0 auto;
    color:#c7d1e2;
    font-size:12px;
    line-height:1.8;
    text-align:center;
}

@media(max-width:1199px){

    .footer-feature{
        padding:24px 14px;
        gap:12px;
    }

    .footer-feature i{
        font-size:34px;
    }

    .footer-feature h4{
        font-size:17px;
    }

    .footer-feature p{
        font-size:13px;
    }

    .footer-middle-inner{
        gap:24px;
        padding:36px 0;
    }

}

@media(max-width:991px){

    .footer-top-inner{
        grid-template-columns:repeat(2,1fr);
    }

    .footer-feature{
        padding:22px 16px;
    }

    .footer-feature:first-child,
    .footer-feature:last-child{
        padding-left:16px;
        padding-right:16px;
    }

    .footer-feature:nth-child(2n){
        border-right:none;
    }

    .footer-feature:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,0.1);
    }

    .footer-middle-inner{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
        padding:32px 0;
    }

    .newsletter-col{
        grid-column:span 2;
    }

    .footer-bottom-inner{
        flex-direction:column;
        flex-wrap:nowrap;
        gap:24px;
        padding:24px 0;
    }

    .payment-shipping-row{
        width:100%;
        gap:20px;
    }

    .payment-box,
    .social-box{
        flex:0 0 auto;
        width:100%;
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .payment-shipping-row .payment-box{
        width:auto;
        flex:1 1 0;
    }

    .payment-box h4{
        margin:0;
    }

    .payment-icons{
        width:100%;
    }

    .payment-icons img{
        width:100%;
        max-width:280px;
        height:auto;
    }

}

@media(max-width:576px){

    .footer-top-inner{
        grid-template-columns:1fr;
    }

    .footer-feature{
        padding:20px 0;
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.1);
    }

    .footer-feature:first-child,
    .footer-feature:last-child{
        padding-left:0;
        padding-right:0;
    }

    .footer-feature:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,0.1);
    }

    .footer-feature:last-child{
        border-bottom:none;
    }

    .footer-middle-inner{
        grid-template-columns:repeat(2,1fr);
        gap:24px 16px;
        padding:28px 0;
    }

    .newsletter-col{
        grid-column:span 2;
    }

    .footer-column h3{
        font-size:15px;
        margin-bottom:14px;
    }

    .footer-column ul li{
        margin-bottom:10px;
    }

    .footer-column ul li a{
        font-size:13px;
        line-height:1.5;
    }

    .app-buttons{
        flex-direction:row;
        flex-wrap:wrap;
    }

    .app-buttons img{
        width:130px;
    }

    .footer-bottom-inner{
        padding:26px 0;
        gap:22px;
    }

    .payment-shipping-row{
        gap:14px;
    }

    .payment-box{
        gap:10px;
    }

    .payment-box h4{
        font-size:15px;
    }

    .payment-icons img{
        max-width:100%;
    }

    .copyright-area{
        padding:16px 0;
    }

    .copyright-area p{
        font-size:11px;
    }

}

@media(max-width:380px){

    .footer-middle-inner{
        grid-template-columns:1fr;
    }

    .newsletter-col{
        grid-column:span 1;
    }

    .app-buttons img{
        width:140px;
    }

}

/* =========================================
   MOBILE / TABLET FIXED BOTTOM NAV
========================================= */
.mobile-sticky-nav{
    display:none;
}

@media(max-width:991px){

    .mobile-sticky-nav{
        display:flex;
        align-items:stretch;
        justify-content:space-around;
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1050;
        width:100%;
        max-width:100%;
        min-height:58px;
        margin:0;
        padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
        background:#ffffff;
        border-top:1px solid #e8e8e8;
        box-shadow:0 -2px 12px rgba(0,0,0,0.08);
        box-sizing:border-box;
    }

    .mobile-sticky-nav__item{
        flex:1 1 0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        min-width:0;
        padding:4px 2px;
        color:#333333;
        text-decoration:none;
        font-family:Arial,sans-serif;
        -webkit-tap-highlight-color:transparent;
        transition:color 0.2s ease;
    }

    .mobile-sticky-nav__item:hover,
    .mobile-sticky-nav__item:focus-visible,
    .mobile-sticky-nav__item.is-active{
        color:#f0a500;
    }

    .mobile-sticky-nav__icon{
        position:relative;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:28px;
        height:24px;
        font-size:20px;
        line-height:1;
    }

    .mobile-sticky-nav__label{
        font-size:11px;
        font-weight:500;
        line-height:1.2;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:100%;
    }

    .mobile-sticky-nav__badge{
        position:absolute;
        top:-6px;
        right:-10px;
        min-width:16px;
        height:16px;
        padding:0 4px;
        border-radius:50%;
        background:#f0a500;
        color:#ffffff;
        font-size:9px;
        font-weight:700;
        line-height:16px;
        text-align:center;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    /* Keep spacing in the footer so navy fills flush to the sticky nav */
    body{
        padding-bottom:0;
    }

    .new-footer{
        padding-bottom:calc(58px + env(safe-area-inset-bottom, 0px));
    }

}

@media(max-width:576px){

    .mobile-sticky-nav{
        min-height:56px;
    }

    .mobile-sticky-nav__icon{
        font-size:18px;
    }

    .mobile-sticky-nav__label{
        font-size:10px;
    }

}