/*
 * A floating pill of equal shares, each an icon with its label beneath. Naming
 * every destination is what makes five of them workable instead of three.
 */
.pt-toolbar{
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 350;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 0px;
    padding: 7px;
    background: rgb(255 255 255 / 87%);
    box-shadow: 0 0 2px 1px rgba(31, 36, 48, 0.08);
    border-radius: 40px;
    margin: 20px;
    border: 2px solid #fff;
    border-bottom: 0;
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);}

/* Every item takes an equal share, so the labels line up in a row. */
.pt-toolbar>a,.pt-toolbar>div{flex:1 1 0;min-width:0}

/*
 * Icon over label, because an icon on its own asks the shopper to guess.
 */
.pt-toolbar>a,.pt-toolbar>div>a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    /* .pt-tools-element>a forces 60px on every header tool, so the pill answers in kind. */
    height:52px !important;
    padding:4px 2px;
    border-radius:var(--pt-inner-brd-radius,10px);
    transition:background-color .25s ease}

/* Labels are the point of the row, so they show whenever the option allows. */
.pt-toolbar .pt-toolbar-label{display:none}
.pt-toolbar.pt-toolbar-label-show .pt-toolbar-label{display:block;max-width:100%}


/*
 * The cart icon carries a count badge and ends up a few pixels taller than the
 * rest, which dropped its label out of line with the others. One fixed box for
 * every icon keeps the labels on a single baseline whatever the icon holds.
 */
.pt-toolbar>a>.pt-tools-icon,.pt-toolbar>div>a>.pt-tools-icon{
    height:25px;
    align-items:center;
    justify-content:center;
    line-height:1}
.pt-toolbar .pt-header-cart.pt-design-5:not(.pt-style-text){margin-inline-end:0}
.pt-toolbar>a,.pt-toolbar>div a{position:relative}
.global-color-scheme-light .pt-toolbar a{color:#fff}.global-color-scheme-light .pt-toolbar a:hover{color:rgba(255,255,255,0.8)}

.plt-toolbar .pt-tools-element .pt-tools-icon {
    margin-inline-end: 0px !important;
}

.plt-toolbar .pt-tools-element:is(.pt-design-2,.pt-design-5) .pt-tools-count {
    top: 0px !important;
}

.pt-toolbar-label{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1.2;
    font-size: var(--pt-fs-2xs);}



.pt-toolbar-shop .pt-tools-icon:before{content:"\f146";font-family:"Picon"}.pt-toolbar-blog .pt-tools-icon:before{content:"\f145";font-family:"Picon"}.pt-toolbar-home .pt-tools-icon:before{content:"\e368";font-family:"Picon"}.pt-toolbar-sidebar .pt-tools-icon:before{content:"\e454";font-family:"Picon"}.pt-toolbar-sidebar.pt-filter-icon .pt-tools-icon:before{content:"\e454"}.pt-toolbar-link .pt-tools-icon:before{content:"\e454";font-family:"Picon"}.pt-toolbar-link .pt-custom-icon img{width:auto;height:20px}.pt-toolbar-shop-cat .pt-tools-icon:before{content:"\e452";font-family:"Picon"}.pt-toolbar-categories .pt-tools-icon:before{content:"\e452";font-family:"Picon"}.pt-toolbar-support .pt-tools-icon:before{content:"\e365";font-family:"Picon"}body:not(:has(.pt-nav-side-hidden-mb-on)) .pt-toolbar-shop-cat{display:none}@media (min-width: 1025px){.pt-toolbar{display:none}}@media (max-width: 1024px){.sticky-toolbar-on{--plt-toolbar-h:56px;padding-bottom:var(--plt-toolbar-h)}.sticky-toolbar-on .pt-sticky-btn{bottom:calc(var(--plt-toolbar-h) + -1px)}.sticky-toolbar-on .scrollToTop{bottom:calc(var(--plt-toolbar-h) + 12px)}.sticky-toolbar-on .pt-sticky-btn-shown.scrollToTop{bottom:calc(12px + var(--plt-toolbar-h) + var(--plt-sticky-bar-h, var(--pt-sticky-btn-height, 42px)))}}@media (max-width: 768.98px){.sticky-toolbar-on.pt-sticky-btn-on-mb{padding-bottom:calc(var(--plt-toolbar-h) + var(--plt-sticky-bar-h, var(--pt-sticky-btn-height, 42px)))}}@media (min-width: 769px) and (max-width: 1024px){.sticky-toolbar-on.pt-sticky-btn-on{padding-bottom:var(--plt-toolbar-h)}}
/*
 * Tucked away. On a phone product page the toolbar and the sticky cart bar
 * together eat a lot of the screen, and only one of them is the reason the
 * shopper is on that page. The toolbar drops out of the way until the footer
 * comes into view -- the point at which browsing, not buying, is what is being
 * offered -- and slides back up with it. The class is set only by the sticky
 * cart script, so every other page keeps the toolbar where it was.
 */
@media (max-width: 768.98px){
 .plt-toolbar,.pt-toolbar{transition:transform .3s ease;bottom:0}
 .plt-toolbar-tucked .plt-toolbar,.plt-toolbar-tucked .pt-toolbar{transform:translateY(100%);pointer-events:none}
 .pt-sticky-btn{transition:bottom .3s ease}
}