.mobile-dock {
    visibility: visible;
    transform: translateY(100%);
    color: rgb(var(--color-foreground));
    background: var(--gradient-background);
    background-color: rgb(var(--color-background));
    padding-block-start: var(--section-padding-top);
    padding-block-end: var(--section-padding-bottom);
}
.mobile-dock.section--divider {
    border-block-start: 1px solid rgb(var(--color-foreground) / 0.06);
}
.mobile-dock.section--divider:after {
    content: none;
}
.dock__item {
    height: var(--sp-11);
    width: 100%;
    max-width: 100%;
    text-decoration: none;
    color: rgb(var(--color-foreground));
}
.mobile-dock--2-col .dock__item {
    width: 50%;
}
.mobile-dock--3-col .dock__item {
    width: 33.33%;
}
.mobile-dock--4-col .dock__item {
    width: 25%;
}
.mobile-dock--5-col .dock__item {
    width: 20%;
}
.mobile-dock--6-col .dock__item {
    width: 16.66%;
}
.dock__item p {
    margin: 0;
    position: relative;
    display: flex;
}
.dock__item .cart-count-bubble {
    margin-top: -0.5rem;
    margin-right: -2rem;
}
.dock__item svg {
    height: var(--sp-5);
    width: auto;
    stroke-width: 1;
}
.dock__item .count {
    inset-block-start: calc(var(--sp-1d5) * -1);
    inset-inline-end: calc(var(--sp-1d5) * -1);
}
@media screen and (min-width: 768px) {
    .mobile-dock {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .footer-copyright {
        padding-block-end: calc(var(--sp-5) + var(--mobile-dock-height));
    }
    .header-sticky .header {
        transition: var(--animation-primary);
        transition-property: opacity, transform;
    }
    .header-sticky.header-hidden {
        pointer-events: none;
    }
    .header-sticky.header-hidden .header {
        transform: translateY(calc(-100% - var(--border-radius)));
    }
    .header-sticky.header-hidden ~ .page-container .comparison-table__sticky {
        inset-block-start: 0;
    }
    .header-sticky.header-hidden ~ .mobile-dock-section .mobile-dock,
    .mobile-dock-section.active .mobile-dock,
    .mobile-dock-section.shopify-active .mobile-dock,
    .mobile-dock-section .mobile-dock.active,
    .mobile-dock-section .mobile-dock:has(> .dock__item:focus-visible) {
        transform: translateY(0);
    }
    .mobile-dock-section
        ~ .page-container
        :is(.facet-sticky, .product-sticky-form) {
        transition: transform var(--animation-primary);
    }
    .header-sticky.header-hidden
        ~ .mobile-dock-section
        ~ .page-container
        .facet-sticky,
    .mobile-dock-section.active ~ .page-container .facet-sticky {
        transform: translateY(
            calc(calc(var(--mobile-dock-height) * -1) + var(--sp-2d5))
        );
    }
    .mobile-dock-section.active ~ .page-container .reveal-banner .banner__box {
        padding-block-end: calc(
            var(--mobile-dock-height) +
                clamp(var(--sp-10), 3.368vw, var(--sp-16))
        );
    }
    .header-sticky.header-hidden
        ~ .mobile-dock-section
        ~ .page-container
        .product-sticky-form,
    .mobile-dock-section.active ~ .page-container .product-sticky-form {
        transform: translateY(calc(var(--mobile-dock-height) * -1));
    }
    .header-sticky ~ .page-container .scrollspy-section {
        transition: inset-block-start var(--animation-primary);
    }
    .header-sticky.header-hidden ~ .page-container .scrollspy-section {
        inset-block-start: var(--sp-2);
    }
    .mobile-dock[loaded] {
        transition: transform var(--animation-primary);
    }
}
/*# sourceMappingURL=/cdn/shop/t/188/assets/mobile-dock.css.map?v=5910054077117460131778211903 */
