/* Storefront Shopify Header Pro V2 */
.ssshp-shell{--ssshp-bg:#fff;--ssshp-text:#111;--ssshp-accent:#111;--ssshp-border:#e8e8e8;--ssshp-max:1400px;--ssshp-height:76px;position:relative;z-index:9998;background:var(--ssshp-bg);border-bottom:1px solid var(--ssshp-border)}
.ssshp-sticky{position:sticky;top:0}
 .ssshp-announcement{background:#111;color:#fff;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;gap:22px;padding:6px 18px;font-size:var(--ssshp-ann-size,14px);font-weight:500;letter-spacing:.025em;line-height:1.25}
.ssshp-announcement.is-bold{font-weight:700}
.ssshp-ann-text{display:inline-block}
.ssshp-ann-arrow{width:28px;height:28px;border:0;background:transparent;color:#fff;font-size:29px;line-height:22px;font-weight:300;cursor:pointer;padding:0;opacity:.95}
.ssshp-announcement a{color:inherit;text-decoration:none}
.ssshp-header{background:var(--ssshp-bg)}
.ssshp-inner{max-width:var(--ssshp-max);min-height:var(--ssshp-height);margin:auto;padding:0 28px;display:flex;align-items:center;gap:24px}
.ssshp-logo{flex:0 0 auto}.ssshp-logo a{display:flex;align-items:center;color:var(--ssshp-text);font-size:22px;font-weight:700;text-decoration:none;line-height:1}.ssshp-logo img{max-width:190px;max-height:54px;width:auto;height:auto;display:block}
.ssshp-nav{flex:1;min-width:0}.ssshp-menu{display:flex;justify-content:center;align-items:center;gap:0;list-style:none;margin:0;padding:0}.ssshp-menu li{position:relative}.ssshp-menu>li>a{display:flex;align-items:center;min-height:var(--ssshp-height);padding:0 14px;color:var(--ssshp-text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.ssshp-menu>li>a:hover{color:var(--ssshp-accent)}
.ssshp-menu .sub-menu{position:absolute;top:100%;left:0;min-width:230px;padding:8px 0;margin:0;list-style:none;background:#fff;border:1px solid var(--ssshp-border);box-shadow:0 14px 35px rgba(0,0,0,.10);opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s ease;z-index:10001}.ssshp-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}.ssshp-menu .sub-menu li a{display:block;padding:10px 17px;color:#222;text-decoration:none;font-size:14px;white-space:nowrap}.ssshp-menu .sub-menu li a:hover{background:#f7f7f7}
.ssshp-menu .sub-menu .sub-menu{top:-9px;left:100%}
.ssshp-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.ssshp-action,.ssshp-mobile-toggle,.ssshp-mobile-close,.ssshp-search-close{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ssshp-text);text-decoration:none;cursor:pointer}.ssshp-action .dashicons,.ssshp-mobile-toggle .dashicons,.ssshp-mobile-close .dashicons,.ssshp-search-close .dashicons{font-size:20px;width:20px;height:20px}.ssshp-cart-count{position:absolute;top:2px;right:1px;min-width:16px;height:16px;padding:0 3px;border-radius:20px;background:var(--ssshp-accent);color:#fff;font-size:10px;line-height:16px;text-align:center}
.ssshp-mobile-toggle{display:none}
.ssshp-desktop-search{flex:1;max-width:460px}.ssshp-desktop-search .ssshp-search-form{margin:0}
.ssshp-search-form{position:relative;display:flex;align-items:center;border:1px solid var(--ssshp-border);background:#fff;border-radius:3px;min-height:44px}.ssshp-search-icon{display:flex;padding-left:13px}.ssshp-search-icon .dashicons{font-size:18px}.ssshp-search-input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:10px 10px!important;font-size:14px!important;color:#222}.ssshp-search-submit{border:0;background:transparent;color:#222;font-size:12px;font-weight:600;padding:0 14px;cursor:pointer}
.ssshp-mobile-search{display:none}
.ssshp-search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:10050;display:flex;justify-content:center;align-items:flex-start;padding:8vh 18px;opacity:0;visibility:hidden;transition:.2s}.ssshp-search-overlay.is-open{opacity:1;visibility:visible}.ssshp-search-box{width:min(900px,100%);background:#fff;padding:20px;box-shadow:0 18px 60px rgba(0,0,0,.2)}.ssshp-search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.ssshp-search-box .ssshp-search-form{border-width:0 0 2px;border-radius:0}.ssshp-live-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--ssshp-border);box-shadow:0 15px 35px rgba(0,0,0,.1);z-index:100}.ssshp-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.ssshp-result{display:flex;gap:12px;padding:12px;border-bottom:1px solid #eee;color:#111;text-decoration:none}.ssshp-result img{width:60px;height:60px;object-fit:cover}.ssshp-result span{display:flex;flex-direction:column;gap:5px;font-size:13px}.ssshp-result small{font-size:12px}.ssshp-no-results{padding:18px;color:#666}
.ssshp-drawer{position:fixed;left:0;top:0;bottom:0;width:min(390px,90vw);background:#fff;z-index:10070;transform:translateX(-105%);transition:.25s;overflow:auto;box-shadow:15px 0 45px rgba(0,0,0,.15)}.ssshp-drawer.is-open{transform:none}.ssshp-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:10060;opacity:0;visibility:hidden;transition:.2s}.ssshp-backdrop.is-open{opacity:1;visibility:visible}.ssshp-drawer-head{height:65px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.ssshp-drawer-search{padding:15px}.ssshp-mobile-menu{list-style:none;margin:0;padding:0 0 20px}.ssshp-mobile-menu li{border-bottom:1px solid #eee}.ssshp-mobile-menu a{display:block;padding:14px 20px;color:#111;text-decoration:none}.ssshp-mobile-menu .sub-menu{list-style:none;margin:0;padding:0 0 0 15px;background:#fafafa}
.ssshp-preset-minimal .ssshp-inner{min-height:64px}.ssshp-preset-minimal .ssshp-menu>li>a{min-height:64px;padding-left:10px;padding-right:10px;font-weight:500}
@media(max-width:980px){
 .ssshp-inner{min-height:66px;padding:0 14px;gap:6px}.ssshp-mobile-toggle{display:inline-flex;flex:0 0 40px}.ssshp-logo{flex:1}.ssshp-logo img{max-width:155px;max-height:45px}.ssshp-nav,.ssshp-desktop-search{display:none}.ssshp-actions{gap:0}.ssshp-actions .ssshp-search-open{display:none}.ssshp-mobile-search{display:block;padding:0 14px 12px}.ssshp-mobile-search .ssshp-search-form{min-height:42px}.ssshp-results-grid{grid-template-columns:1fr}.ssshp-announcement{font-size:11px;min-height:34px}.ssshp-sticky{position:sticky}
}
@media(min-width:981px){.ssshp-menu>li.menu-item-has-children>a:after{content:"⌄";font-size:11px;margin-left:7px;opacity:.6}}
body.ssshp-lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){.ssshp-menu .sub-menu,.ssshp-search-overlay,.ssshp-drawer,.ssshp-backdrop{transition:none}}

/* Defensive compatibility: Storefront's native header components are disabled in PHP.
   These selectors only cover a child theme/plugin that re-attaches them. */
.ssshp-shell + .site-header,
.ssshp-shell ~ .site-header { display:none !important; }

/* Storefront native header: our plugin owns the header area. */
body .site-header,
body .storefront-primary-navigation,
body .storefront-secondary-navigation {
    display:none !important;
}
body .ssshp-shell ~ .site-header,
body .ssshp-shell ~ .storefront-primary-navigation,
body .ssshp-shell ~ .storefront-secondary-navigation {
    display:none !important;
}
/* Prevent an empty native header/branding box from reserving vertical space. */
body .site-header + * { margin-top:0 !important; }
@media(max-width:980px){
 .ssshp-announcement{min-height:42px;font-size:var(--ssshp-ann-size,14px);gap:12px;padding-left:10px;padding-right:10px}
 .ssshp-ann-arrow{font-size:26px;width:24px}
}

/* =========================================================
   V2.3 Mobile layout — desktop header remains unchanged
   ========================================================= */
.ssshp-mobile-bottom{display:none}

@media(max-width:980px){
    body{padding-bottom:66px}
    .ssshp-shell{z-index:9998}
    .ssshp-inner{position:relative;justify-content:center;min-height:64px;padding:0 58px}
    .ssshp-mobile-toggle{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2}
    .ssshp-logo{flex:0 0 auto;text-align:center}
    .ssshp-logo a{justify-content:center;font-size:21px}
    .ssshp-logo img{max-width:155px;max-height:42px}
    .ssshp-actions{display:none!important}

    /* The requested mobile bottom navigation */
    .ssshp-mobile-bottom{
        position:fixed;
        left:0;right:0;bottom:0;
        height:64px;
        z-index:10100;
        display:grid;
        grid-template-columns:repeat(4,1fr);
        background:#fff;
        border-top:1px solid #e5e5e5;
        box-shadow:0 -5px 18px rgba(0,0,0,.06);
        padding-bottom:env(safe-area-inset-bottom);
    }
    .ssshp-bottom-item{
        position:relative;
        border:0;
        background:transparent;
        color:#111;
        text-decoration:none;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        font:500 10px/1.1 Arial,sans-serif;
        cursor:pointer;
        min-width:0;
    }
    .ssshp-bottom-item .dashicons{
        width:22px;height:22px;font-size:21px;
    }
    .ssshp-bottom-item:active{background:#f7f7f7}
    .ssshp-bottom-cart-count{
        position:absolute;
        top:8px;
        left:calc(50% + 5px);
        min-width:15px;height:15px;
        border-radius:50%;
        background:#111;color:#fff;
        font:700 9px/15px Arial,sans-serif;
        text-align:center;
        padding:0 2px;
    }

    /* Hide the old mobile search row: search lives in the fixed bottom bar. */
    .ssshp-mobile-search{display:none!important}

    /* Mobile search overlay opens from the fixed Search tab. */
    .ssshp-search-overlay{padding:70px 12px 80px}
    .ssshp-search-box{width:100%;padding:16px}
    .ssshp-search-head{margin-bottom:12px}
    .ssshp-search-box .ssshp-search-form{min-height:48px}
    .ssshp-search-box .ssshp-search-input{font-size:16px!important}

    /* Keep the mobile drawer clean: menu + optional search field removed. */
    .ssshp-drawer-search{display:none}
    .ssshp-drawer{padding-bottom:70px}
}

@media(min-width:981px){
    .ssshp-mobile-bottom{display:none!important}
}