/* == START CLEANSLATE == */
        /*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
*   github.com/premasagar/cleanslate
*
*    An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
*    by Premasagar Rose
*        dharmafly.com
*
*    license
*        opensource.org/licenses/mit-license.php
*
*    v0.10.1
*/
        [data-bv-rating] a,
        [data-bv-rating] span,
        [data-bv-rating] div,
        [data-bv-rating] svg,
        [data-bv-rating] path,
        [data-bv-rating] polygon,
        [data-bv-rating] button,
        [data-bv-show="inline_rating"] a,
        [data-bv-show="inline_rating"] span,
        [data-bv-show="inline_rating"] div,
        [data-bv-show="inline_rating"] svg,
        [data-bv-show="inline_rating"] path,
        [data-bv-show="inline_rating"] polygon,
        [data-bv-show="inline_rating"] button {
            background-attachment: scroll !important;
            background-color: transparent !important;
            background-image: none !important;
            /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
            background-position: 0 0 !important;
            background-repeat: repeat !important;
            border-color: black !important;
            border-color: currentColor !important;
            /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
            border-radius: 0 !important;
            border-style: none !important;
            border-width: medium !important;
            bottom: auto !important;
            clear: none !important;
            clip: auto !important;
            color: inherit !important;
            counter-increment: none !important;
            counter-reset: none !important;
            cursor: inherit !important;
            direction: inherit !important;
            display: inline !important;
            float: none !important;
            font-family: inherit !important;
            /* As with other inherit values, this needs to be set on the root container element */
            font-size: inherit !important;
            font-style: inherit !important;
            font-variant: normal !important;
            font-weight: inherit !important;
            height: auto !important;
            left: auto !important;
            letter-spacing: normal !important;
            line-height: inherit !important;
            list-style-type: inherit !important;
            /* Could set list-style-type to none */
            list-style-position: outside !important;
            list-style-image: none !important;
            margin: 0 !important;
            max-height: none !important;
            max-width: none !important;
            min-height: 0 !important;
            min-width: 0 !important;
            opacity: 1;
            outline: invert none medium !important;
            overflow: visible !important;
            padding: 0 !important;
            position: static !important;
            quotes: "" "" !important;
            right: auto !important;
            table-layout: auto !important;
            text-align: inherit !important;
            text-decoration: inherit !important;
            text-indent: 0 !important;
            text-transform: none !important;
            top: auto !important;
            unicode-bidi: normal !important;
            vertical-align: baseline !important;
            visibility: inherit !important;
            white-space: normal !important;
            width: auto !important;
            word-spacing: normal !important;
            z-index: auto !important;
            /* CSS3 */
            /* Including all prefixes according to http://caniuse.com/ */
            /* CSS Animations don't cascade, so don't require resetting */
            -webkit-background-origin: padding-box !important;
            background-origin: padding-box !important;
            -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
            -webkit-background-size: auto !important;
            -moz-background-size: auto !important;
            background-size: auto !important;
            -webkit-border-image: none !important;
            -moz-border-image: none !important;
            -o-border-image: none !important;
            border-image: none !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            -webkit-box-sizing: content-box !important;
            -moz-box-sizing: content-box !important;
            box-sizing: content-box !important;
            -webkit-column-count: auto !important;
            -moz-column-count: auto !important;
            column-count: auto !important;
            -webkit-column-gap: normal !important;
            -moz-column-gap: normal !important;
            column-gap: normal !important;
            -webkit-column-rule: medium none black !important;
            -moz-column-rule: medium none black !important;
            column-rule: medium none black !important;
            -webkit-column-span: 1 !important;
            -moz-column-span: 1 !important;
            /* doesn't exist yet but probably will */
            column-span: 1 !important;
            -webkit-column-width: auto !important;
            -moz-column-width: auto !important;
            column-width: auto !important;
            font-feature-settings: normal !important;
            overflow-x: visible !important;
            overflow-y: visible !important;
            -webkit-hyphens: manual !important;
            -moz-hyphens: manual !important;
            hyphens: manual !important;
            -webkit-perspective: none !important;
            -moz-perspective: none !important;
            -ms-perspective: none !important;
            -o-perspective: none !important;
            perspective: none !important;
            -webkit-perspective-origin: 50% 50% !important;
            -moz-perspective-origin: 50% 50% !important;
            -ms-perspective-origin: 50% 50% !important;
            -o-perspective-origin: 50% 50% !important;
            perspective-origin: 50% 50% !important;
            -webkit-backface-visibility: visible !important;
            -moz-backface-visibility: visible !important;
            -ms-backface-visibility: visible !important;
            -o-backface-visibility: visible !important;
            backface-visibility: visible !important;
            text-shadow: none !important;
            -webkit-transition: all 0s ease 0s !important;
            transition: all 0s ease 0s !important;
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
            transform: none !important;
            -webkit-transform-origin: 50% 50% !important;
            -moz-transform-origin: 50% 50% !important;
            -ms-transform-origin: 50% 50% !important;
            -o-transform-origin: 50% 50% !important;
            transform-origin: 50% 50% !important;
            -webkit-transform-style: flat !important;
            -moz-transform-style: flat !important;
            -ms-transform-style: flat !important;
            -o-transform-style: flat !important;
            transform-style: flat !important;
            word-break: normal !important;
        }

        [data-bv-rating] path,
        [data-bv-rating] polygon {
            fill: currentColor !important;
        }

        [data-bv-show="inline_rating"] path,
        [data-bv-show="inline_rating"] polygon {
            fill: currentColor !important;
        }

        /* == END CLEANSLATE == */
        [data-bv-show="inline_rating"] .bv_incentivized_review_container {
            display: block !important;
        }

        [data-bv-show="inline_rating"] .bv-rating-text-container {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            cursor: default !important;
            width: 100% !important;
            visibility: visible !important;
        }

        [data-bv-show="inline_rating"] .bv-rating-text-container .bv-rating-text {
            color: #515151 !important;
            font-size: 12px !important;
            line-height: 19.5px !important;
            font-family: Roboto, Arial, sans-serif !important;
            font-style: normal !important;
            font-weight: normal !important;
            text-decoration: none !important;
            text-transform: none !important;
            word-break: break-word !important;
            overflow: hidden !important;
            display: inline-block !important;
            text-overflow: ellipsis !important;
            width: 100% !important;
            white-space: nowrap !important;
        }

        [data-bv-show="inline_rating"] .bv_inline_rating_div_container {
            display: inline-block !important;
            width: 100% !important;
        }

        [data-bv-show="inline_rating"] .bv_hundred_percent_width {
            width: 100% !important;
        }

        [data-bv-show="inline_rating"] .incentivized_text {
            color: #515151 !important;
            font-size: 12px !important;
            font-family: Roboto, Arial, sans-serif !important;
            text-transform: none !important;
            font-weight: normal !important;
            font-style: normal !important;
            text-decoration: none !important;
            line-height: 19.5px !important;
        }

        [data-bv-show="inline_rating"] .bv_main_container.bv_hide_visibility {
            visibility: hidden !important;
        }

        .theme-pearl.store-view-idn .page-wrapper .breadcrumbs {
            padding-top: 100px !important;

        }

        .theme-pearl.store-view-idn .page-wrapper .breadcrumbs {
            background: linear-gradient(90deg, #020403 0%, #002b16 8%, #006c2e 22%, #00b94f 34%, #32f78c 43%, #62ffad 50%, #32f78c 57%, #00b94f 66%, #006c2e 78%, #002b16 92%, #020403 100%);
            border-radius: 10px;
        }

        body.catalog-product-view .page-wrapper>.page-bottom,
        body.checkout-cart-index .page-wrapper>.page-bottom {
            background: linear-gradient(90deg, #020403 0%, #002b16 8%, #006c2e 22%, #00b94f 34%, #32f78c 43%, #62ffad 50%, #32f78c 57%, #00b94f 66%, #006c2e 78%, #002b16 92%, #020403 100%);
        }

        [data-bv-rating] .bv_main_container,
        [data-bv-show="inline_rating"] .bv_main_container {
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            flex-wrap: wrap !important;
            position: relative !important;
        }

        body.catalog-product-view .column.main .sticky-gall-wrap {
            background-color: #000;
        }

        [data-bv-rating] .bv_main_container .bv_stars_button_container,
        [data-bv-show="inline_rating"] .bv_main_container .bv_stars_button_container {
            overflow: hidden !important;
        }

        [data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap,
        [data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap {
            display: flex !important;
            align-items: center !important;
            white-space: nowrap !important;
        }

        [data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child),
        [data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child) {
            padding-right: 1px !important;
        }

        [data-bv-rating] .bv_main_container .bv_averageRating_component_container,
        [data-bv-show="inline_rating"] .bv_main_container .bv_averageRating_component_container {
            padding-right: 5px !important;
        }

        [data-bv-rating] .bv_main_container .bv_text,
        [data-bv-show="inline_rating"] .bv_main_container .bv_text {
            padding: 0.15em 0 0 0 !important;
            color: #0e1111 !important;
            font-size: 16px !important;
            font-family: Roboto, Arial, sans-serif !important;
            text-transform: none !important;
            font-weight: normal !important;
            font-style: normal !important;
            text-decoration: none !important;
            line-height: 19.5px !important;
        }

        [data-bv-rating] .bv_main_container .bv_stars_component_container,
        [data-bv-show="inline_rating"] .bv_main_container .bv_stars_component_container {
            padding-right: 5px !important;
        }

        [data-bv-rating] .bv_main_container .bv-off-screen,
        [data-bv-show="inline_rating"] .bv_main_container .bv-off-screen {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
            clip: rect(1px, 1px, 1px, 1px) !important;
            padding: 0 !important;
            border: 0 !important;
        }

        [data-bv-rating] .bv_hover,
        [data-bv-show="inline_rating"] .bv_hover {
            border: 0 !important;
            background: transparent !important;
        }

        [data-bv-rating] .bv_hover:hover,
        [data-bv-show="inline_rating"] .bv_hover:hover {
            cursor: pointer !important;
        }

        .bv_ms_focusable:focus {
            border: 1px solid blue !important;
        }

        .fancybox-margin {
            margin-right: 15px;
        }

        /* Mobile menu cleanup: compact drawer, no Footlocker mega-submenu leftovers */
        @media (max-width:767px) {

            .sections.nav-sections,
            .sections.nav-sections.mobile-nav {
                position: fixed !important;
                top: 0 !important;
                left: -100% !important;
                width: min(86vw, 360px) !important;
                height: 100vh !important;
                max-height: 100vh !important;
                margin: 0 !important;
                padding: 76px 12px 18px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                background: linear-gradient(155deg, #021d13 0%, #087a45 48%, #075d89 100%) !important;
                border-right: 1px solid #000 !important;
                box-shadow: 10px 0 30px rgba(0, 0, 0, .5) !important;
                z-index: 99998 !important;
                transition: left .28s ease !important;
            }

            /* Magento commonly adds this class when the mobile menu is opened */
            html.nav-open .sections.nav-sections,
            body.nav-open .sections.nav-sections,
            .sections.nav-sections._active,
            .sections.nav-sections.active {
                left: 0 !important;
            }

            .sections.nav-sections .nav-sections-item-title,
            .sections.nav-sections .section-item-title {
                display: none !important;
            }

            .sections.nav-sections .nav-sections-items,
            .sections.nav-sections .nav-sections-item-content,
            .sections.nav-sections .section-item-content,
            .sections.nav-sections .ves-megamenu,
            .sections.nav-sections .navigation,
            .sections.nav-sections nav.navigation {
                display: block !important;
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            .sections.nav-sections .navigation>ul {
                display: flex !important;
                flex-direction: column !important;
                gap: 8px !important;
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                background: transparent !important;
            }

            .sections.nav-sections .navigation>ul>li.nav-item.level0 {
                display: block !important;
                float: none !important;
                width: 100% !important;
                height: auto !important;
                min-height: 44px !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 1px solid rgba(67, 213, 255, .55) !important;
                border-radius: 9px !important;
                overflow: hidden !important;
                background: linear-gradient(180deg, #169f68 0%, #087650 52%, #075d89 100%) !important;
                box-shadow: inset 0 2px 0 rgba(255, 255, 255, .18), inset 0 -3px 0 rgba(0, 0, 0, .28), 0 4px 8px rgba(0, 0, 0, .28) !important;
            }

            .sections.nav-sections .navigation>ul>li.nav-item.level0>a {
                display: flex !important;
                align-items: center !important;
                width: 100% !important;
                min-height: 44px !important;
                box-sizing: border-box !important;
                margin: 0 !important;
                padding: 0 14px !important;
                color: #fff !important;
                font-size: 12px !important;
                font-weight: 800 !important;
                line-height: 1.25 !important;
                text-decoration: none !important;
                white-space: normal !important;
                background: transparent !important;
                border: 0 !important;
            }

            .sections.nav-sections .navigation>ul>li.nav-item.level0:last-child>a,
            .sections.nav-sections .navigation>ul>li.nav-item.level0:last-child>a span {
                color: #ffd32a !important;
            }

            /* Hide all inherited Footlocker mega-menu panels on mobile. */
            .sections.nav-sections .navigation>ul>li>.submenu,
            .sections.nav-sections .navigation>ul>li .dropdown-menu,
            .sections.nav-sections .navigation>ul>li .submenu-inner,
            .sections.nav-sections .navigation>ul>li .nav-dropdown,
            .sections.nav-sections .navigation>ul>li .mm__menu,
            .sections.nav-sections .navigation>ul>li .mm__brands,
            .sections.nav-sections .navigation>ul>li .drilldown-back,
            .sections.nav-sections .navigation>ul>li .opener,
            .sections.nav-sections .navigation>ul>li .drill-opener {
                display: none !important;
            }

            /* Prevent injected/legacy blocks from creating the large white blank area. */
            .sections.nav-sections .navigation>ul>li:not(.level0),
            .sections.nav-sections .navigation .customer-menu,
            .sections.nav-sections .navigation .switcher,
            .sections.nav-sections .navigation .links,
            .sections.nav-sections .navigation .authorization-link {
                display: none !important;
            }

            .sections.nav-sections::-webkit-scrollbar {
                width: 5px !important
            }

            .sections.nav-sections::-webkit-scrollbar-thumb {
                background: #000 !important;
                border-radius: 10px !important
            }

            /* Keep search/header above the page and stop accidental overlap. */
            .page-header-v1 .page-header .header-main .h-navigation {
                height: auto !important;
                min-height: 0 !important;
            }
        }