/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 08 2026 | 10:06:56 */
/* ==========================================================
   DSM MOBILE MENU
========================================================== */

:root {
    --dsm-blue: #16365c;
    --dsm-blue-dark: #0d294a;
    --dsm-text: #354052;
    --dsm-muted: #687483;
    --dsm-border: #e8edf1;
    --dsm-light: #f8fafc;
}


/* DESKTOP */
.dsm-mobile-menu-ui {
    display: none;
}


@media only screen and (max-width: 767px) {


    /* ======================================================
       HIDE ORIGINAL MOBILE CONTENT
    ====================================================== */

    .shoptimizer-mobile-menu #menu-mobile-menu {
        display: none !important;
    }

    .col-full-nav .mobile-extra {
        display: none !important;
    }

    .col-full-nav .site-header-cart {
        display: none !important;
    }

    .shoptimizer-primary-navigation > .site-search {
        display: none !important;
    }


    /* ======================================================
       CONTAINER
    ====================================================== */

    .shoptimizer-mobile-menu {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        overflow: visible !important;
    }


    .dsm-mobile-menu-ui {
        display: block !important;

        width: 100%;

        margin: 0;
        padding: 0;

        background: #fff;

        color: var(--dsm-text);

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif;

        box-sizing: border-box;
    }


    .dsm-mobile-menu-ui *,
    .dsm-mobile-menu-ui *::before,
    .dsm-mobile-menu-ui *::after {
        box-sizing: border-box;
    }


    .dsm-mobile-menu-ui a {
        text-decoration: none !important;
    }


    /* ======================================================
       PHONE BAR
    ====================================================== */

    .dsm-mobile-topbar {
        width: 100%;

        min-height: 42px;

        padding: 7px 8px;

        display: flex;

        align-items: center;
        justify-content: center;

        gap: 12px;

        background: #f5f7f9;

        border-bottom:
            1px solid #edf0f3;
    }


    .dsm-contact-number {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 5px;

        white-space: nowrap;

        color: #53606f !important;

        font-size: 10.8px !important;

        font-weight: 500 !important;

        line-height: 1.1 !important;
    }


    .dsm-contact-number svg {
        width: 13px;
        height: 13px;

        flex: 0 0 13px;

        fill: none;

        stroke: var(--dsm-blue);

        stroke-width: 1.65;

        stroke-linecap: round;
        stroke-linejoin: round;
    }


    /* ======================================================
       HEADER
    ====================================================== */

    .dsm-mobile-header {
        width: 100%;
        height: 66px;

        padding: 0 16px;

        position: relative;

        display: flex;

        align-items: center;
        justify-content: space-between;

        background: #fff;

        border-bottom:
            1px solid #eef1f4;
    }


    /* CLOSE */

    .dsm-mobile-close {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        color: var(--dsm-blue) !important;

        position: relative;

        z-index: 5;
    }


    .dsm-mobile-close svg {
        width: 23px;
        height: 23px;

        fill: none;

        stroke: currentColor;

        stroke-width: 1.8;

        stroke-linecap: round;
    }


    /* LOGO */

    .dsm-mobile-logo {
        position: absolute;

        top: 50%;
        left: 50%;

        transform:
            translate(-50%, -50%);

        width: 91px;
        height: 55px;

        display: flex;

        align-items: center;
        justify-content: center;

        z-index: 2;
    }


    .dsm-mobile-logo img {
        display: block;

        width: auto !important;
        max-width: 91px !important;

        height: auto !important;
        max-height: 52px !important;

        margin: 0 !important;
    }


    /* CART */

    .dsm-mobile-cart {
        width: 40px;
        height: 40px;

        margin-left: auto;

        display: flex;

        align-items: center;
        justify-content: center;

        color: var(--dsm-blue) !important;

        position: relative;

        z-index: 5;
    }


    .dsm-mobile-cart svg {
        width: 26px;
        height: 26px;

        fill: none;

        stroke: currentColor;

        stroke-width: 1.65;

        stroke-linecap: round;
        stroke-linejoin: round;
    }


    .dsm-mobile-cart circle {
        fill: currentColor;
        stroke: none;
    }


    /* ======================================================
       SEARCH
    ====================================================== */

    .dsm-mobile-search {
        width: 100%;

        padding:
            12px 13px 13px !important;

        margin: 0 !important;

        background: #fff;

        border-bottom:
            1px solid #f0f2f4;

        position: relative;

        z-index: 999999;
    }


    .dsm-fibo-search-slot {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        overflow: visible !important;
    }


    /* ======================================================
       FIBO WRAPPER
    ====================================================== */

    .dsm-fibo-search-slot
    .dgwt-wcas-search-wrapp {

        display: block !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        float: none !important;

        z-index: 999999 !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-search-form {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
    }


    /* ======================================================
       SEARCH BOX
    ====================================================== */

    .dsm-fibo-search-slot
    .dgwt-wcas-sf-wrapp {

        display: block !important;

        position: relative !important;

        width: 100% !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        border:
            1px solid #b9c6d4 !important;

        border-radius:
            6px !important;

        box-shadow:
            none !important;

        overflow:
            hidden !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-style-pirx
    .dgwt-wcas-sf-wrapp {

        background:
            #fff !important;
    }


    /* INPUT */

    .dsm-fibo-search-slot
    input.dgwt-wcas-search-input {

        position:
            absolute !important;

        top:
            0 !important;

        left:
            0 !important;

        right:
            auto !important;

        width:
            100% !important;

        height:
            44px !important;

        min-height:
            44px !important;

        padding:
            0 84px 0 14px !important;

        margin:
            0 !important;

        border:
            0 !important;

        border-radius:
            5px !important;

        background:
            transparent !important;

        color:
            #394656 !important;

        box-shadow:
            none !important;

        outline:
            none !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Arial,
            sans-serif !important;

        font-size:
            14px !important;

        font-weight:
            400 !important;

        font-style:
            normal !important;

        line-height:
            44px !important;

        -webkit-appearance:
            none !important;

        appearance:
            none !important;

        z-index:
            1 !important;
    }


    .dsm-fibo-search-slot
    input.dgwt-wcas-search-input::placeholder {

        color:
            #788493 !important;

        opacity:
            1 !important;

        font-style:
            normal !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-sf-wrapp:focus-within {

        border-color:
            #7e92a8 !important;

        box-shadow:
            0 0 0 2px
            rgba(22,54,92,.06)
            !important;
    }


    /* REMOVE BROWSER X */

    .dsm-fibo-search-slot
    input[type="search"]::-webkit-search-decoration,

    .dsm-fibo-search-slot
    input[type="search"]::-webkit-search-cancel-button,

    .dsm-fibo-search-slot
    input[type="search"]::-webkit-search-results-button,

    .dsm-fibo-search-slot
    input[type="search"]::-webkit-search-results-decoration {

        -webkit-appearance: none !important;

        display: none !important;
    }


    /* ======================================================
       SEARCH BUTTON
    ====================================================== */

    .dsm-fibo-search-slot
    .dgwt-wcas-search-submit {

        position:
            absolute !important;

        top:
            0 !important;

        right:
            0 !important;

        left:
            auto !important;

        transform:
            none !important;

        width:
            44px !important;

        height:
            44px !important;

        min-width:
            44px !important;

        max-width:
            44px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        color:
            var(--dsm-blue) !important;

        z-index:
            20 !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-search-submit
    .dgwt-wcas-ico-magnifier {

        width:
            18px !important;

        height:
            18px !important;

        position:
            static !important;

        margin:
            0 !important;

        transform:
            none !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-search-submit
    .dgwt-wcas-ico-magnifier path {

        fill:
            var(--dsm-blue) !important;
    }


    /* ======================================================
       FIBO X / LOADER
    ====================================================== */

    .dsm-fibo-search-slot
    .dgwt-wcas-preloader {

        position:
            absolute !important;

        top:
            0 !important;

        right:
            44px !important;

        left:
            auto !important;

        width:
            40px !important;

        height:
            44px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        transform:
            none !important;

        background-position:
            center center !important;

        z-index:
            15 !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-preloader[style] {

        top:
            0 !important;

        right:
            44px !important;

        left:
            auto !important;

        width:
            40px !important;

        height:
            44px !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-search-submit[style] {

        top:
            0 !important;

        right:
            0 !important;

        left:
            auto !important;

        transform:
            none !important;
    }


    .dsm-fibo-search-slot
    .dgwt-wcas-voice-search {

        display:
            none !important;
    }


    .dsm-fibo-search-slot
    .js-dgwt-wcas-enable-mobile-form {

        display:
            none !important;

        pointer-events:
            none !important;
    }


    /* ======================================================
       FIBO RESULTS
    ====================================================== */

    body .dgwt-wcas-suggestions-wrapp {

        z-index:
            2147483000 !important;

        background:
            #fff !important;

        border:
            1px solid #e1e6eb !important;

        border-radius:
            5px !important;

        box-shadow:
            0 12px 30px
            rgba(20,34,50,.14)
            !important;

        overflow:
            hidden !important;
    }


    body .dgwt-wcas-suggestion {

        background:
            #fff !important;

        border-bottom:
            1px solid #edf0f3 !important;
    }


    body .dgwt-wcas-suggestion:hover,
    body .dgwt-wcas-suggestion-selected {

        background:
            #f6f8fa !important;
    }


    body .dgwt-wcas-st-title {

        color:
            #344052 !important;

        font-size:
            13px !important;

        font-weight:
            500 !important;
    }


    /* ======================================================
       NAVIGATION
    ====================================================== */

    .dsm-mobile-navigation {
        width: 100%;

        margin: 0;
        padding: 0;

        background: #fff;
    }


    .dsm-menu-label {
        display: flex !important;

        align-items: center !important;

        gap: 12px;

        min-width: 0;
    }


    /* ======================================================
       MAIN ICON
    ====================================================== */

    .dsm-menu-icon {
        width: 25px;
        height: 25px;

        flex: 0 0 25px;

        display: flex;

        align-items: center;
        justify-content: center;

        color: var(--dsm-blue);
    }


    .dsm-menu-icon svg {
        width: 21px;
        height: 21px;

        display: block;

        fill: none;

        stroke: currentColor;

        stroke-width: 1.6;

        stroke-linecap: round;
        stroke-linejoin: round;
    }


    /* ======================================================
       MAIN ROWS
    ====================================================== */

    .dsm-mobile-row,
    .dsm-mobile-accordion-button {

        width:
            100% !important;

        min-height:
            57px !important;

        margin:
            0 !important;

        padding:
            0 18px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        background:
            #fff !important;

        border:
            0 !important;

        border-bottom:
            1px solid var(--dsm-border) !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        color:
            var(--dsm-text) !important;

        font-family:
            inherit !important;

        font-size:
            14px !important;

        font-weight:
            500 !important;

        text-align:
            left !important;
    }


    .dsm-mobile-row {
        justify-content:
            flex-start !important;
    }


    /* ======================================================
       CHEVRONS
    ====================================================== */

    .dsm-menu-chevron {

        width:
            18px !important;

        height:
            18px !important;

        flex:
            0 0 18px !important;

        fill:
            none !important;

        stroke:
            var(--dsm-blue) !important;

        stroke-width:
            1.7 !important;

        stroke-linecap:
            round !important;

        stroke-linejoin:
            round !important;

        transition:
            transform .2s ease !important;
    }


    .dsm-mobile-accordion.is-open
    > .dsm-mobile-accordion-button
    > .dsm-menu-chevron {

        transform:
            rotate(180deg) !important;
    }


    .dsm-mobile-subgroup.is-open
    > .dsm-mobile-sub-button
    > .dsm-menu-chevron {

        transform:
            rotate(180deg) !important;
    }


    /* ======================================================
       MAIN PANEL
    ====================================================== */

    .dsm-mobile-accordion-panel {

        display:
            none;

        width:
            100%;

        margin:
            0;

        padding:
            0;

        background:
            var(--dsm-light);

        border-bottom:
            1px solid #e6ebef;
    }


    .dsm-mobile-accordion.is-open
    > .dsm-mobile-accordion-panel {

        display:
            block;
    }


    .dsm-mobile-accordion-panel
    > a {

        min-height:
            47px;

        padding:
            0 25px !important;

        display:
            flex;

        align-items:
            center;

        background:
            var(--dsm-light);

        color:
            #586575 !important;

        border-bottom:
            1px solid #edf0f3;

        font-size:
            13.5px;
    }


    /* ======================================================
       CATEGORY ROW
    ====================================================== */

    .dsm-mobile-subgroup {

        width:
            100%;

        background:
            var(--dsm-light);

        border-bottom:
            1px solid #edf0f3;
    }


    .dsm-mobile-sub-button {

        width:
            100% !important;

        min-height:
            50px !important;

        margin:
            0 !important;

        padding:
            0 18px 0 25px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        background:
            var(--dsm-light) !important;

        color:
            #4d5b6b !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        font-family:
            inherit !important;

        font-size:
            13.5px !important;

        font-weight:
            500 !important;

        text-align:
            left !important;
    }


    /* CATEGORY ICON */

    .dsm-sub-icon {
        width: 22px;
        height: 22px;

        flex:
            0 0 22px;

        display:
            flex;

        align-items:
            center;
        justify-content:
            center;

        color:
            var(--dsm-blue);
    }


    .dsm-sub-icon svg {

        width:
            18px;

        height:
            18px;

        display:
            block;

        fill:
            none;

        stroke:
            currentColor;

        stroke-width:
            1.5;

        stroke-linecap:
            round;

        stroke-linejoin:
            round;
    }


    /* ======================================================
       PRODUCT PANEL
    ====================================================== */

    .dsm-mobile-sub-panel {

        display:
            none;

        width:
            100%;

        background:
            #fff;

        border-top:
            1px solid #edf1f4;
    }


    .dsm-mobile-subgroup.is-open
    > .dsm-mobile-sub-panel {

        display:
            block;
    }


    /* ======================================================
       REAL PRODUCT ROW + ICON
    ====================================================== */

    .dsm-mobile-sub-panel
    .dsm-product-link {

        width:
            100% !important;

        min-height:
            47px !important;

        padding:
            0 20px 0 57px !important;

        display:
            flex !important;

        align-items:
            center !important;

        gap:
            11px !important;

        background:
            #fff !important;

        color:
            #5f6c7c !important;

        border-bottom:
            1px solid #f0f2f4 !important;

        font-size:
            13px !important;

        font-weight:
            400 !important;

        line-height:
            1.3 !important;
    }


    .dsm-mobile-sub-panel
    .dsm-product-link:last-child {

        border-bottom:
            0 !important;
    }


    .dsm-mobile-sub-panel
    .dsm-product-link:hover {

        background:
            #f8fafc !important;

        color:
            var(--dsm-blue) !important;
    }


    /* PRODUCT SVG */

    .dsm-product-icon {

        width:
            21px !important;

        height:
            21px !important;

        flex:
            0 0 21px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        color:
            var(--dsm-blue) !important;
    }


    .dsm-product-icon svg {

        width:
            18px !important;

        height:
            18px !important;

        display:
            block !important;

        fill:
            none !important;

        stroke:
            currentColor !important;

        stroke-width:
            1.55 !important;

        stroke-linecap:
            round !important;

        stroke-linejoin:
            round !important;

        overflow:
            visible !important;
    }


    /* ======================================================
       FILLED SVG ICONS
       Windows / Power BI etc.
    ====================================================== */

    .dsm-fill-svg svg,
    .dsm-fill-svg svg path,
    .dsm-fill-svg svg rect {

        fill:
            currentColor !important;

        stroke:
            none !important;
    }


    /* ======================================================
       HOVERS
    ====================================================== */

    .dsm-mobile-row:hover,
    .dsm-mobile-accordion-button:hover {

        background:
            #fafbfc !important;

        color:
            var(--dsm-blue) !important;
    }


    .dsm-mobile-sub-button:hover {

        background:
            #f2f5f8 !important;

        color:
            var(--dsm-blue) !important;
    }


    .dsm-product-link:hover
    .dsm-product-icon {

        color:
            var(--dsm-blue-dark) !important;
    }


    /* ======================================================
       RESET
    ====================================================== */

    .dsm-mobile-menu-ui ul,
    .dsm-mobile-menu-ui ol {

        list-style:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    /* ======================================================
       SMALLER PHONES
    ====================================================== */

    @media only screen and (max-width: 380px) {

        .dsm-mobile-topbar {

            gap:
                7px;

            padding:
                7px 5px;
        }


        .dsm-contact-number {

            font-size:
                9.8px !important;

            gap:
                4px;
        }


        .dsm-contact-number svg {

            width:
                12px;

            height:
                12px;

            flex-basis:
                12px;
        }


        .dsm-mobile-logo {

            width:
                82px;
        }


        .dsm-mobile-logo img {

            max-width:
                82px !important;
        }

    }

}