/* Posino commerce-first mobile navigation v4.4.92 */

.psc-pro-header__cart-count,
.psc-mobile-bottom-nav__cart-count{
  font-variant-numeric:tabular-nums;
}
.psc-pro-header__cart-count[data-count="0"],
.psc-mobile-bottom-nav__cart-count[data-count="0"]{
  display:none!important;
}

@media (max-width:767px){
  html.psc-menu-open,
  body.psc-storefront-nav-v4492.psc-menu-open{
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  body.psc-storefront-nav-v4492.psc-menu-open{
    position:fixed!important;
    inset-inline:0!important;
    top:var(--psc-menu-scroll-y,0)!important;
    width:100%!important;
  }

  body.psc-storefront-nav-v4492.psc-has-pro-header{
    --psc-header-h:var(--psc-header-measured-h,60px);
    --psc-bottom-nav-h:82px;
    padding-top:var(--psc-header-h)!important;
    padding-bottom:calc(var(--psc-bottom-nav-h) + env(safe-area-inset-bottom,0px))!important;
  }

  body.psc-storefront-nav-v4492 .psc-pro-header{
    isolation:isolate;
    transform:translateZ(0);
    transition:box-shadow .2s ease,background-color .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.psc-storefront-nav-v4492 .psc-pro-header__bar{
    background:rgba(255,255,255,.92)!important;
    -webkit-backdrop-filter:saturate(150%) blur(16px);
    backdrop-filter:saturate(150%) blur(16px);
    border-bottom:1px solid rgba(226,232,240,.82)!important;
  }
  body.psc-storefront-nav-v4492 .psc-pro-header__inner,
  body.psc-storefront-nav-v4492 .psc-pro-header.is-compact .psc-pro-header__inner{
    min-height:60px!important;
  }

  body.psc-storefront-nav-v4492 .psc-pro-header__toggle,
  body.psc-storefront-nav-v4492 .psc-pro-header__icon-btn,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__close,
  body.psc-storefront-nav-v4492 .psc-mobile-search button{
    min-width:44px!important;
    min-height:44px!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  body.psc-storefront-nav-v4492 .psc-mobile-drawer{
    position:fixed!important;
    inset:0!important;
    z-index:10020!important;
    background:rgba(15,23,42,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility .22s ease,background-color .22s ease!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-closing{
    visibility:visible!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open{
    opacity:1!important;
    pointer-events:auto!important;
    background:rgba(15,23,42,.52)!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__panel{
    width:min(90vw,380px)!important;
    max-width:calc(100vw - 18px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:max(14px,env(safe-area-inset-top,0px)) 14px calc(96px + env(safe-area-inset-bottom,0px))!important;
    border-radius:26px 0 0 26px!important;
    background:#fff!important;
    box-shadow:-24px 0 70px rgba(15,23,42,.22)!important;
    transform:translate3d(104%,0,0)!important;
    opacity:.985!important;
    will-change:transform,opacity;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open .psc-mobile-drawer__panel{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__head{
    position:sticky;
    top:0;
    z-index:3;
    background:linear-gradient(180deg,#fff 78%,rgba(255,255,255,0));
    padding-bottom:10px;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-search{
    min-height:52px!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-search input{
    min-width:0!important;
    min-height:50px!important;
    font-size:16px!important;
  }
  body.psc-storefront-nav-v4492 .psc-pro-nav--mobile .psc-pro-nav__list{
    gap:7px!important;
  }
  body.psc-storefront-nav-v4492 .psc-pro-nav--mobile .psc-pro-nav__list a{
    min-height:50px!important;
    padding:11px 13px!important;
    border-radius:16px!important;
    touch-action:manipulation;
  }
  body.psc-storefront-nav-v4492 .psc-pro-nav--mobile .psc-pro-nav__list a:focus-visible,
  body.psc-storefront-nav-v4492 .psc-mobile-search input:focus-visible,
  body.psc-storefront-nav-v4492 .psc-mobile-search button:focus-visible,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__close:focus-visible{
    outline:3px solid rgba(37,99,235,.28)!important;
    outline-offset:2px!important;
  }

  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav{
    position:fixed!important;
    top:auto!important;
    right:max(7px,env(safe-area-inset-right,0px))!important;
    bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
    left:max(7px,env(safe-area-inset-left,0px))!important;
    z-index:9997!important;
    width:auto!important;
    max-width:520px!important;
    margin-inline:auto!important;
    transform:translateZ(0);
    transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 66px minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important;
    height:66px!important;
    gap:2px!important;
    padding:6px!important;
    border:1px solid rgba(226,232,240,.9)!important;
    border-radius:23px!important;
    background:rgba(255,255,255,.94)!important;
    -webkit-backdrop-filter:saturate(155%) blur(18px);
    backdrop-filter:saturate(155%) blur(18px);
    box-shadow:0 -8px 32px rgba(15,23,42,.14),0 1px 0 rgba(255,255,255,.92) inset!important;
    overflow:visible!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item,
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab{
    position:relative;
    min-width:0!important;
    min-height:52px!important;
    border:0;
    font:inherit;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:transform .16s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    height:52px!important;
    padding:3px 2px!important;
    border-radius:16px!important;
    color:#64748b!important;
    text-decoration:none!important;
    overflow:visible!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item.is-active{
    color:#1d4ed8!important;
    background:#eff6ff!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item.is-active::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:3px;
    width:14px;
    height:2px;
    border-radius:999px;
    background:#2563eb;
    transform:translateX(50%);
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__icon{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav svg{
    width:21px!important;
    height:21px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__label{
    max-width:100%;
    font-size:9.7px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab{
    top:-18px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:1px!important;
    width:66px!important;
    height:66px!important;
    padding:5px!important;
    border-radius:23px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
    box-shadow:0 14px 30px rgba(37,99,235,.3),0 0 0 7px rgba(255,255,255,.96)!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab span{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab b{
    font-size:9.6px!important;
    line-height:1!important;
    color:inherit;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__cart-count{
    position:absolute;
    top:2px;
    left:calc(50% - 21px);
    display:grid;
    place-items:center;
    min-width:17px;
    height:17px;
    padding-inline:4px;
    border:2px solid #fff;
    border-radius:999px;
    background:#dc2626;
    color:#fff;
    font-size:9px;
    font-weight:900;
    line-height:1;
    box-shadow:0 3px 8px rgba(220,38,38,.25);
  }
  body.psc-storefront-nav-v4492 .psc-pro-header__cart-count{
    position:absolute!important;
    top:-4px!important;
    left:-4px!important;
    display:grid!important;
    place-items:center!important;
    min-width:18px!important;
    height:18px!important;
    padding-inline:4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#dc2626!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item:focus-visible,
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab:focus-visible{
    outline:3px solid rgba(37,99,235,.3)!important;
    outline-offset:2px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item:active{
    transform:scale(.96)!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab:active{
    transform:translateY(1px) scale(.97)!important;
  }
  body.psc-storefront-nav-v4492.psc-keyboard-open .psc-mobile-bottom-nav{
    transform:translate3d(0,calc(100% + 24px),0)!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.single-product.psc-storefront-nav-v4492.psc-has-pro-header .psc-mobile-sticky-cart{
    bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;
  }
  body.single-product.psc-storefront-nav-v4492.psc-has-pro-header .psc-product-root{
    padding-bottom:196px!important;
  }
}

@media (max-width:390px){
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav{
    right:max(5px,env(safe-area-inset-right,0px))!important;
    left:max(5px,env(safe-area-inset-left,0px))!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__shell{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px minmax(0,1fr) minmax(0,1fr)!important;
    height:64px!important;
    padding:5px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab{
    width:62px!important;
    height:62px!important;
    border-radius:21px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__label{
    font-size:9.1px!important;
  }
}

@media (max-width:767px) and (max-height:520px){
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__panel{
    width:min(94vw,480px)!important;
    padding-bottom:76px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__shell{
    height:60px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item{
    height:48px!important;
    min-height:48px!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab{
    top:-14px!important;
    width:60px!important;
    height:60px!important;
  }
}

@media (hover:hover) and (pointer:fine){
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item:hover{
    color:#1d4ed8!important;
    background:#f1f5f9!important;
    transform:translateY(-1px);
  }
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 18px 36px rgba(37,99,235,.34),0 0 0 7px rgba(255,255,255,.96)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.psc-storefront-nav-v4492 .psc-pro-header,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__panel,
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav,
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__item,
  body.psc-storefront-nav-v4492 .psc-mobile-bottom-nav__fab,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open .psc-mobile-search,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open .psc-pro-nav--mobile .psc-pro-nav__list>li,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open .psc-mobile-drawer__cta>a{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* Tablet drawer: the header switches to a menu button up to 1080px, so the
   interactive breakpoint must match the visual breakpoint. */
@media (min-width:768px) and (max-width:1080px){
  body.psc-storefront-nav-v4492 .psc-pro-header__toggle,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__close,
  body.psc-storefront-nav-v4492 .psc-mobile-search button{
    min-width:44px!important;
    min-height:44px!important;
    touch-action:manipulation;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer{
    position:fixed!important;
    inset:0!important;
    z-index:10020!important;
    display:block!important;
    background:rgba(15,23,42,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility .22s ease,background-color .22s ease!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open,
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-closing{
    visibility:visible!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open{
    opacity:1!important;
    pointer-events:auto!important;
    background:rgba(15,23,42,.48)!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer__panel{
    width:min(62vw,440px)!important;
    max-width:calc(100vw - 32px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin-right:0!important;
    margin-left:auto!important;
    padding:18px 18px calc(32px + env(safe-area-inset-bottom,0px))!important;
    border-radius:28px 0 0 28px!important;
    background:#fff!important;
    box-shadow:-28px 0 80px rgba(15,23,42,.22)!important;
    transform:translate3d(104%,0,0)!important;
    opacity:.985!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    will-change:transform,opacity;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important;
  }
  body.psc-storefront-nav-v4492 .psc-mobile-drawer.is-open .psc-mobile-drawer__panel{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
  }
  body.psc-storefront-nav-v4492 .psc-pro-nav--mobile .psc-pro-nav__list a{
    min-height:50px!important;
    border-radius:16px!important;
  }
}

/* WordPress admin bar clearance. */
@media (max-width:782px){
  body.admin-bar.psc-storefront-nav-v4492 .psc-pro-header{
    top:46px!important;
  }
  body.admin-bar.psc-storefront-nav-v4492.psc-has-pro-header{
    padding-top:calc(var(--psc-header-h,60px) + 46px)!important;
  }
  body.admin-bar.psc-storefront-nav-v4492 .psc-mobile-drawer{
    top:46px!important;
    bottom:auto!important;
    height:calc(100dvh - 46px)!important;
  }
  body.admin-bar.psc-storefront-nav-v4492 .psc-mobile-drawer__panel{
    height:calc(100dvh - 46px)!important;
    max-height:calc(100dvh - 46px)!important;
  }
}
@media (min-width:783px){
  body.admin-bar.psc-storefront-nav-v4492 .psc-pro-header{
    top:32px!important;
  }
  body.admin-bar.psc-storefront-nav-v4492 .psc-mobile-drawer{
    top:32px!important;
    bottom:auto!important;
    height:calc(100dvh - 32px)!important;
  }
  body.admin-bar.psc-storefront-nav-v4492 .psc-mobile-drawer__panel{
    height:calc(100dvh - 32px)!important;
    max-height:calc(100dvh - 32px)!important;
  }
}
