:root {
  --accent-color: #DBB452;
}

.menu .catalog .home-office-solutions {
  display: none;
}

.menu .catalog .catering {
  display: inline-block;
}

.header-mobile #mobileVueNav .home-office-solutions {
  display: none;
}

.header-mobile #mobileVueNav .catering {
  display: list-item;
}

/* =========================================================
   GO2 HEADER REDESIGN
   Complete replacement stylesheet

   Widget classes:
   Logo:    go2-header-logo
   Search:  go2-header-search
   Account: go2-header-account
   Basket:  go2-header-basket

   The existing EvolutionX menu and basket dropdown remain
   under EvolutionX control.
========================================================= */

:root {
    --go2-header-navy: #010C20;
    --go2-header-navy-soft: #07172F;
    --go2-header-gold: #DCB34C;
    --go2-header-gold-light: #F8EFD7;
    --go2-header-white: #FFFFFF;
    --go2-header-grey: #F5F6F8;
    --go2-header-border: #DDE2E8;
    --go2-header-text: #263246;
    --go2-header-muted: #7A8494;
    --go2-header-shadow: 0 8px 24px rgba(1, 12, 32, 0.09);
}

/* =========================================================
   SHARED WIDGET SETTINGS
========================================================= */

.go2-header-logo,
.go2-header-search,
.go2-header-account,
.go2-header-basket {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 108px;
    box-sizing: border-box !important;
}

/* =========================================================
   LOGO
========================================================= */

.go2-header-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 8px !important;
}

.go2-header-logo > * {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.go2-header-logo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
}

.go2-header-logo img {
    display: block !important;
    width: auto !important;
    max-width: 180px !important;
    max-height: 82px !important;
    object-fit: contain !important;
    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}

.go2-header-logo a:hover img {
    transform: scale(1.025);
}

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

.go2-header-search {
    display: flex !important;
    align-items: center !important;
    padding: 18px 12px !important;
}

.go2-header-search > * {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.go2-header-search form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Fill all normal search wrappers */

.go2-header-search form > div,
.go2-header-search .input-group,
.go2-header-search .search-wrapper,
.go2-header-search .search-container {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

.go2-header-search form > div > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Search field */

.go2-header-search input[type="search"],
.go2-header-search input[type="text"],
.go2-header-search .form-control {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 66px 0 21px !important;

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;
    outline: none !important;

    color: var(--go2-header-text) !important;
    background: var(--go2-header-grey) !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 56px !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.go2-header-search input[type="search"]::placeholder,
.go2-header-search input[type="text"]::placeholder,
.go2-header-search .form-control::placeholder {
    color: var(--go2-header-muted) !important;
    opacity: 1 !important;
}

.go2-header-search input[type="search"]:hover,
.go2-header-search input[type="text"]:hover,
.go2-header-search .form-control:hover {
    border-color: #C7CDD5 !important;
    background: var(--go2-header-white) !important;
}

.go2-header-search input[type="search"]:focus,
.go2-header-search input[type="text"]:focus,
.go2-header-search .form-control:focus {
    border-color: var(--go2-header-gold) !important;
    background: var(--go2-header-white) !important;
    box-shadow: 0 0 0 4px rgba(220, 179, 76, 0.17) !important;
}

/* Search button */

.go2-header-search form button[type="submit"],
.go2-header-search form input[type="submit"],
.go2-header-search form .search-button {
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    z-index: 5 !important;

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

    width: 43px !important;
    min-width: 43px !important;
    max-width: 43px !important;
    height: 43px !important;

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

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 9px !important;
    outline: none !important;

    color: var(--go2-header-white) !important;
    background: var(--go2-header-navy) !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

.go2-header-search form button[type="submit"]:hover,
.go2-header-search form input[type="submit"]:hover,
.go2-header-search form .search-button:hover {
    color: var(--go2-header-navy) !important;
    background: var(--go2-header-gold) !important;
}

.go2-header-search form button[type="submit"] i,
.go2-header-search form button[type="submit"] svg {
    color: inherit !important;
    fill: currentColor !important;
    font-size: 20px !important;
}

/* Search suggestions */

.go2-header-search .dropdown-menu,
.go2-header-search [class*="autocomplete"],
.go2-header-search [class*="suggestion"] {
    overflow: hidden;
    margin-top: 8px !important;

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;

    background: var(--go2-header-white) !important;
    box-shadow: var(--go2-header-shadow) !important;
}

/* =========================================================
   ACCOUNT
========================================================= */

.go2-header-account {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 8px !important;
}

.go2-header-account > * {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/*
   EvolutionX may wrap the account link in one or two
   container elements.
*/

.go2-header-account > a,
.go2-header-account > button,
.go2-header-account > div > a,
.go2-header-account > div > button,
.go2-header-account > div > div > a,
.go2-header-account > div > div > button {
    display: flex !important;
    position: relative !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 10px 15px !important;

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;

    color: var(--go2-header-navy) !important;
    background: var(--go2-header-white) !important;

    box-shadow: 0 5px 17px rgba(1, 12, 32, 0.07) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.go2-header-account > a:hover,
.go2-header-account > button:hover,
.go2-header-account > div > a:hover,
.go2-header-account > div > button:hover,
.go2-header-account > div > div > a:hover,
.go2-header-account > div > div > button:hover {
    transform: translateY(-2px) !important;
    border-color: var(--go2-header-gold) !important;
    background: var(--go2-header-gold-light) !important;
    box-shadow: var(--go2-header-shadow) !important;
}

.go2-header-account i,
.go2-header-account svg {
    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    color: var(--go2-header-navy) !important;
    fill: currentColor !important;

    font-size: 29px !important;
}

/* =========================================================
   BASKET
   Only the visible widget container is styled.
   No dropdown, mini-cart, count or quantity selectors are
   used here.
========================================================= */

.go2-header-basket {
    position: relative !important;

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

    padding: 18px 8px !important;

    overflow: visible !important;
}

/*
   Style the basket widget itself as the button rather than
   styling its internal links, values, badges or dropdown.
*/

.go2-header-basket {
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

/*
   The normal visible basket area receives the panel styling.
   Children keep their original EvolutionX layout.
*/

.go2-header-basket > :first-child {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;

    background: var(--go2-header-white) !important;
    box-shadow: 0 5px 17px rgba(1, 12, 32, 0.07) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.go2-header-basket > :first-child:hover {
    transform: translateY(-2px);
    border-color: var(--go2-header-gold) !important;
    background: var(--go2-header-gold-light) !important;
    box-shadow: var(--go2-header-shadow) !important;
}

/*
   Do not force basket children to full width.
   This prevents the price from becoming a horizontal line.
*/

.go2-header-basket > :first-child > * {
    max-width: 100%;
    box-sizing: border-box;
}

/*
   Only apply colour to the visible basket icon.
   Dimensions and positioning stay controlled by EvolutionX.
*/

.go2-header-basket > :first-child i,
.go2-header-basket > :first-child svg {
    color: var(--go2-header-navy) !important;
    fill: currentColor !important;
}

/*
   Important:
   There are intentionally no rules below targeting:

   .dropdown-menu
   .mini-cart
   .minicart
   .basket-dropdown
   .cart-dropdown
   .popover
   .badge
   [class*="count"]
   [class*="quantity"]
   [class*="qty"]

   This leaves the EvolutionX hover basket exactly as built.
*/

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
    .go2-header-logo,
    .go2-header-search,
    .go2-header-account,
    .go2-header-basket {
        min-height: 94px;
    }

    .go2-header-logo img {
        max-width: 150px !important;
        max-height: 70px !important;
    }

    .go2-header-search {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .go2-header-search input[type="search"],
    .go2-header-search input[type="text"],
    .go2-header-search .form-control {
        height: 52px !important;
        line-height: 52px !important;
    }

    .go2-header-search form button[type="submit"],
    .go2-header-search form input[type="submit"],
    .go2-header-search form .search-button {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
    }

    .go2-header-account {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .go2-header-account > a,
    .go2-header-account > button,
    .go2-header-account > div > a,
    .go2-header-account > div > button,
    .go2-header-account > div > div > a,
    .go2-header-account > div > div > button {
        min-height: 54px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        font-size: 13px !important;
    }

    .go2-header-account i,
    .go2-header-account svg {
        font-size: 26px !important;
    }

    .go2-header-basket {
        padding: 13px 6px !important;
    }

    .go2-header-basket > :first-child {
        min-height: 54px !important;
        padding: 7px 8px !important;
    }
}

/* =========================================================
   MOBILE
   EvolutionX remains responsible for widget positioning and
   the existing mobile menu.
========================================================= */

@media (max-width: 767px) {
    .go2-header-logo,
    .go2-header-search,
    .go2-header-account,
    .go2-header-basket {
        min-height: auto;
    }

    .go2-header-logo {
        padding: 8px 5px !important;
    }

    .go2-header-logo img {
        max-width: 125px !important;
        max-height: 60px !important;
    }

    .go2-header-search {
        padding: 8px 8px 12px !important;
    }

    .go2-header-search input[type="search"],
    .go2-header-search input[type="text"],
    .go2-header-search .form-control {
        height: 48px !important;
        padding-right: 57px !important;
        padding-left: 16px !important;

        border-radius: 10px !important;

        font-size: 14px !important;
        line-height: 48px !important;
    }

    .go2-header-search form button[type="submit"],
    .go2-header-search form input[type="submit"],
    .go2-header-search form .search-button {
        right: 6px !important;

        width: 37px !important;
        min-width: 37px !important;
        max-width: 37px !important;
        height: 37px !important;

        border-radius: 8px !important;
    }

    .go2-header-account {
        padding: 6px 4px 10px !important;
    }

    .go2-header-account > a,
    .go2-header-account > button,
    .go2-header-account > div > a,
    .go2-header-account > div > button,
    .go2-header-account > div > div > a,
    .go2-header-account > div > div > button {
        min-height: 48px !important;
        padding: 8px 10px !important;

        border-radius: 10px !important;
        box-shadow: none !important;

        font-size: 12px !important;
    }

    .go2-header-account i,
    .go2-header-account svg {
        font-size: 23px !important;
    }

    .go2-header-basket {
        padding: 6px 4px 10px !important;
    }

    .go2-header-basket > :first-child {
        min-height: 48px !important;
        padding: 7px 8px !important;

        border-radius: 10px !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   VERY SMALL SCREENS
========================================================= */

@media (max-width: 420px) {
    .go2-header-logo img {
        max-width: 108px !important;
    }

    .go2-header-account > a,
    .go2-header-account > button,
    .go2-header-account > div > a,
    .go2-header-account > div > button,
    .go2-header-account > div > div > a,
    .go2-header-account > div > div > button {
        gap: 6px !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
}

/* =========================================================
   FINAL BASKET BUTTON MATCH
   Styles only the small closed basket control
   Leaves the expanded EvolutionX basket untouched
========================================================= */

.go2-header-basket {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/*
   Target only the visible basket trigger.
   The selector looks for the direct child that contains
   the basket icon.
*/

.go2-header-basket > *:has(i),
.go2-header-basket > *:has(svg) {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;

    color: var(--go2-header-navy) !important;
    background: var(--go2-header-white) !important;

    box-shadow: 0 5px 17px rgba(1, 12, 32, 0.07) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.go2-header-basket > *:has(i):hover,
.go2-header-basket > *:has(svg):hover {
    transform: translateY(-2px) !important;
    border-color: var(--go2-header-gold) !important;
    background: var(--go2-header-gold-light) !important;
    box-shadow: var(--go2-header-shadow) !important;
}

/* Basket icon */

.go2-header-basket > *:has(i) i,
.go2-header-basket > *:has(svg) svg {
    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    color: var(--go2-header-navy) !important;
    fill: currentColor !important;

    font-size: 29px !important;
}

/* Basket value text */

.go2-header-basket > *:has(i) span,
.go2-header-basket > *:has(i) strong,
.go2-header-basket > *:has(svg) span,
.go2-header-basket > *:has(svg) strong {
    width: auto !important;
    max-width: none !important;

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

    border: 0 !important;
    background: transparent !important;

    color: var(--go2-header-navy) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Small quantity badge */

.go2-header-basket > *:has(i) .badge,
.go2-header-basket > *:has(svg) .badge {
    position: absolute !important;
    top: 4px !important;
    right: 5px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 19px !important;
    height: 19px !important;

    padding: 1px 5px !important;

    border: 2px solid var(--go2-header-white) !important;
    border-radius: 999px !important;

    color: var(--go2-header-navy) !important;
    background: var(--go2-header-gold) !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* Tablet */

@media (max-width: 1100px) {
    .go2-header-basket > *:has(i),
    .go2-header-basket > *:has(svg) {
        min-height: 54px !important;
        padding: 9px 11px !important;
    }

    .go2-header-basket > *:has(i) i,
    .go2-header-basket > *:has(svg) svg {
        font-size: 26px !important;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .go2-header-basket > *:has(i),
    .go2-header-basket > *:has(svg) {
        min-height: 48px !important;
        padding: 8px 10px !important;

        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .go2-header-basket > *:has(i) i,
    .go2-header-basket > *:has(svg) svg {
        font-size: 23px !important;
    }

    .go2-header-basket > *:has(i) span,
    .go2-header-basket > *:has(i) strong,
    .go2-header-basket > *:has(svg) span,
    .go2-header-basket > *:has(svg) strong {
        font-size: 12px !important;
    }
}

/* =========================================================
   GO2 BASKET – FINAL SIZE AND LAYERING FIX
========================================================= */

/*
   Keep the basket widget above the navigation, banners and
   other homepage content when its dropdown opens.
*/

.go2-header-basket {
    position: relative !important;
    z-index: 100000 !important;

    min-height: 108px !important;
    padding: 18px 8px !important;

    overflow: visible !important;
}

/*
   Raise the EvolutionX layout cell containing the basket.
   This prevents a parent stacking context from trapping the
   expanded mini-cart behind the menu or homepage content.
*/

*:has(> .go2-header-basket) {
    position: relative !important;
    z-index: 100000 !important;
    overflow: visible !important;
}

/* =========================================================
   CLOSED BASKET BUTTON
========================================================= */

/*
   Match the outer basket box to the account button.
*/

.go2-header-basket > :first-child {
    display: flex !important;
    position: relative !important;

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

    width: 100% !important;
    max-width: 100% !important;

    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

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

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;

    color: var(--go2-header-navy) !important;
    background: var(--go2-header-white) !important;

    box-shadow: 0 5px 17px rgba(1, 12, 32, 0.07) !important;

    box-sizing: border-box !important;
}

/*
   EvolutionX places another grey basket panel inside the
   outer element. Flatten that inner panel so the closed
   basket becomes one clean account-style button.
*/

.go2-header-basket > :first-child > :first-child {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 8px 14px !important;

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

    background: transparent !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

/* Remove unwanted blocks within the closed trigger */

.go2-header-basket > :first-child > :first-child > div,
.go2-header-basket > :first-child > :first-child > span,
.go2-header-basket > :first-child > :first-child > a {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Closed basket icon */

.go2-header-basket > :first-child > :first-child i,
.go2-header-basket > :first-child > :first-child svg {
    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    color: var(--go2-header-navy) !important;
    fill: currentColor !important;

    font-size: 29px !important;
}

/* Closed basket value */

.go2-header-basket > :first-child > :first-child span,
.go2-header-basket > :first-child > :first-child strong {
    color: var(--go2-header-navy) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}

/* Closed basket hover */

.go2-header-basket > :first-child:hover {
    transform: translateY(-2px) !important;

    border-color: var(--go2-header-gold) !important;
    background: var(--go2-header-gold-light) !important;

    box-shadow: var(--go2-header-shadow) !important;
}

/* =========================================================
   EXPANDED EVOLUTIONX BASKET
========================================================= */

/*
   Do not redesign the expanded basket. Only ensure that it
   displays above the menu and homepage content.
*/

.go2-header-basket .dropdown-menu,
.go2-header-basket [class*="mini-cart"],
.go2-header-basket [class*="minicart"],
.go2-header-basket [class*="basket-dropdown"],
.go2-header-basket [class*="cart-dropdown"],
.go2-header-basket [class*="popover"] {
    z-index: 100001 !important;
}

/*
   Catch EvolutionX panels positioned with inline styling.
*/

.go2-header-basket [style*="position: absolute"],
.go2-header-basket [style*="position:absolute"] {
    z-index: 100001 !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
    .go2-header-basket {
        min-height: 94px !important;
        padding: 13px 6px !important;
    }

    .go2-header-basket > :first-child {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
    }

    .go2-header-basket > :first-child > :first-child {
        padding: 7px 10px !important;
    }

    .go2-header-basket > :first-child > :first-child i,
    .go2-header-basket > :first-child > :first-child svg {
        font-size: 26px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .go2-header-basket {
        min-height: auto !important;
        padding: 6px 4px 10px !important;
    }

    .go2-header-basket > :first-child {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .go2-header-basket > :first-child > :first-child {
        padding: 6px 8px !important;
        border-radius: 9px !important;
    }

    .go2-header-basket > :first-child > :first-child i,
    .go2-header-basket > :first-child > :first-child svg {
        font-size: 23px !important;
    }

    .go2-header-basket > :first-child > :first-child span,
    .go2-header-basket > :first-child > :first-child strong {
        font-size: 12px !important;
    }
}

/* =========================================================
   GO2 BASKET – FINAL ALIGNMENT PATCH
========================================================= */

/* Keep the basket widget aligned with the account widget */
.go2-header-basket {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 108px !important;
    padding: 18px 8px !important;

    overflow: visible !important;
}

/* Closed basket outer button */
.go2-header-basket > :first-child {
    position: relative !important;

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

    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;

    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

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

    border: 1px solid var(--go2-header-border) !important;
    border-radius: 12px !important;

    background: var(--go2-header-white) !important;
    box-shadow: 0 5px 17px rgba(1, 12, 32, 0.07) !important;

    box-sizing: border-box !important;
}

/* EvolutionX inner grey basket panel */
.go2-header-basket > :first-child > :first-child {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    width: calc(100% - 16px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 16px) !important;

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

    margin: 0 !important;
    padding: 6px 12px !important;

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

    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Basket icon */
.go2-header-basket > :first-child > :first-child i,
.go2-header-basket > :first-child > :first-child svg {
    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;

    color: var(--go2-header-navy) !important;
    fill: currentColor !important;

    font-size: 28px !important;
}

/* Basket value */
.go2-header-basket > :first-child > :first-child span,
.go2-header-basket > :first-child > :first-child strong {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

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

    border: 0 !important;
    background: transparent !important;

    color: var(--go2-header-navy) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Item quantity badge – keep it inside the box */
.go2-header-basket > :first-child .badge {
    position: absolute !important;
    top: 3px !important;
    right: 5px !important;
    z-index: 5 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 18px !important;
    max-width: none !important;

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

    margin: 0 !important;
    padding: 1px 5px !important;

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

    color: var(--go2-header-navy) !important;
    background: var(--go2-header-gold) !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    transform: none !important;
}

/*
   Some EvolutionX basket versions use a quantity class
   rather than Bootstrap's .badge class.
*/
.go2-header-basket > :first-child [class*="quantity"],
.go2-header-basket > :first-child [class*="count"],
.go2-header-basket > :first-child [class*="qty"] {
    position: absolute !important;
    top: 3px !important;
    right: 5px !important;
    z-index: 5 !important;

    width: auto !important;
    min-width: 18px !important;
    max-width: none !important;

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

    margin: 0 !important;
    padding: 1px 5px !important;

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

    color: var(--go2-header-navy) !important;
    background: var(--go2-header-gold) !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    text-align: center !important;

    transform: none !important;
}

/* Closed basket hover */
.go2-header-basket > :first-child:hover {
    transform: translateY(-2px) !important;

    border-color: var(--go2-header-gold) !important;
    background: var(--go2-header-gold-light) !important;

    box-shadow: var(--go2-header-shadow) !important;
}

/* =========================================================
   APPLY COUPON BUTTON ALIGNMENT
   Does not otherwise redesign the open basket.
========================================================= */

.go2-header-basket button[class*="coupon"],
.go2-header-basket [class*="coupon"] button,
.go2-header-basket a[class*="coupon"],
.go2-header-basket [class*="coupon"] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    text-align: center !important;
    line-height: 1.2 !important;
}

.go2-header-basket button[class*="coupon"] i,
.go2-header-basket button[class*="coupon"] svg,
.go2-header-basket [class*="coupon"] button i,
.go2-header-basket [class*="coupon"] button svg,
.go2-header-basket a[class*="coupon"] i,
.go2-header-basket a[class*="coupon"] svg {
    position: static !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    transform: none !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
    .go2-header-basket {
        min-height: 94px !important;
        padding: 13px 6px !important;
    }

    .go2-header-basket > :first-child {
        width: 158px !important;
        min-width: 158px !important;
        max-width: 158px !important;

        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
    }

    .go2-header-basket > :first-child > :first-child {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        padding: 5px 10px !important;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .go2-header-basket {
        min-height: auto !important;
        padding: 6px 4px 10px !important;
    }

    .go2-header-basket > :first-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .go2-header-basket > :first-child > :first-child {
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        padding: 4px 8px !important;
    }
}