```css
/* =========================================================
MARTFURY + UBERMENU
FULL CLEAN STABLE CSS
Firefox + Chrome aligned
Horizontal sub-sub menus
No left shifting
No clipping
Fixed mobile queries
Reduced header gap
========================================================= */

/* =========================================================
GLOBAL
========================================================= */

.ps-header,
.ps-navigation,
.ps-navigation .container,
.ps-navigation .ps-container,
.ubermenu,
.ubermenu-nav,
.ubermenu-item,
.ubermenu-submenu {
    overflow: visible !important;
    box-sizing: border-box !important;
}

.ubermenu,
.ubermenu-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* =========================================================
FIX MARTFURY HEADER GAP
========================================================= */

.ps-header .header__top,
.ps-header .header__content,
.ps-header .header__center {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.ps-header {
    margin-bottom: 0 !important;
}

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

.header--sticky {
    position: sticky;
    top: 0;
    z-index: 999999 !important;
}

/* =========================================================
MAIN DROPDOWN
========================================================= */

.ubermenu .ubermenu-submenu {

    position: absolute !important;

    top: 100%;
    left: 0;

    z-index: 999999 !important;

    min-width: 1200px;
    max-width: 95vw;

    padding: 12px !important;

    background: #fff;

    border-radius: 14px;

    display: flex !important;
    flex-wrap: wrap !important;

    gap: 10px;

    align-items: flex-start !important;

    overflow: visible !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.08);
}

/* =========================================================
MAIN MENU ITEMS
========================================================= */

.ubermenu .ubermenu-submenu > .ubermenu-item {

    position: relative !important;

    width: 130px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;

    text-align: center !important;

    padding: 8px !important;

    border-radius: 12px;

    background: #fff;

    transition: all 0.25s ease;

    overflow: visible !important;
}

/* =========================================================
MAIN HOVER
========================================================= */

.ubermenu .ubermenu-submenu > .ubermenu-item:hover {

    background: #fafafa;

    transform: translateY(-2px);

    box-shadow:
        0 6px 18px rgba(0,0,0,0.08);
}

/* =========================================================
MAIN IMAGES
========================================================= */

.ubermenu .ubermenu-image {

    width: 70px !important;
    height: 70px !important;

    border-radius: 10px;

    overflow: hidden;

    margin: 0 auto 8px !important;

    background: #fff;

    box-shadow:
        0 4px 10px rgba(0,0,0,0.08);
}

.ubermenu .ubermenu-image img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    display: block;
}

/* =========================================================
MAIN TEXT
========================================================= */

.ubermenu .ubermenu-target,
.ubermenu .ubermenu-target-text {

    display: block !important;

    text-align: center !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
}

/* =========================================================
TOP MENU FONT
========================================================= */

.ubermenu .ubermenu-item-level-0 > .ubermenu-target {

    font-size: 16px !important;
    font-weight: 700 !important;
}

/* =========================================================
HORIZONTAL SUB-SUB MENU
========================================================= */

.ubermenu .ubermenu-submenu .ubermenu-submenu {

    position: absolute !important;

    top: 100% !important;

    left: 0 !important;
    right: auto !important;

    transform: none !important;

    display: none !important;

    flex-direction: row !important;
    flex-wrap: wrap !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: auto !important;

    min-width: 320px !important;
    max-width: 560px !important;

    padding: 10px !important;

    gap: 8px !important;

    background: #fff !important;

    border-radius: 12px !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,0.12);

    z-index: 999999 !important;

    max-height: 70vh !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* =========================================================
SHOW SUB-SUB MENU
========================================================= */

.ubermenu .ubermenu-submenu > .ubermenu-item:hover > .ubermenu-submenu {

    display: flex !important;
}

/* =========================================================
SUB-SUB ITEMS
========================================================= */

.ubermenu .ubermenu-submenu .ubermenu-submenu > .ubermenu-item {

    width: 130px !important;
    min-width: 130px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;

    text-align: center !important;

    padding: 8px !important;

    margin: 0 !important;

    background: #fafafa !important;

    border-radius: 8px !important;

    flex: 0 0 auto !important;

    transition: all 0.2s ease;
}

/* =========================================================
SUB-SUB HOVER
========================================================= */

.ubermenu .ubermenu-submenu .ubermenu-submenu > .ubermenu-item:hover {

    background: #f2f2f2;

    transform: translateY(-2px);
}

/* =========================================================
SUB-SUB IMAGES
========================================================= */

.ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-image {

    width: 42px !important;
    height: 42px !important;

    margin: 0 auto 6px !important;

    border-radius: 8px;
}

/* =========================================================
SUB-SUB TEXT
========================================================= */

.ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target,
.ubermenu .ubermenu-submenu .ubermenu-submenu .ubermenu-target-text {

    text-align: center !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
}

/* =========================================================
SCROLLBAR
========================================================= */

.ubermenu .ubermenu-submenu .ubermenu-submenu::-webkit-scrollbar {
    width: 6px;
}

.ubermenu .ubermenu-submenu .ubermenu-submenu::-webkit-scrollbar-thumb {

    background: rgba(0,0,0,0.25);

    border-radius: 10px;
}

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

@media (max-width: 1024px) {

    .ubermenu .ubermenu-submenu > .ubermenu-item {

        width: calc(25% - 10px) !important;
    }
}

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

@media (max-width: 768px) {

    .ubermenu .ubermenu-submenu {

        min-width: 100% !important;
    }

    .ubermenu .ubermenu-submenu > .ubermenu-item {

        width: calc(33.33% - 10px) !important;
    }

    .ubermenu .ubermenu-image {

        width: 55px !important;
        height: 55px !important;
    }

    .ubermenu .ubermenu-submenu .ubermenu-submenu {

        position: relative !important;

        left: auto !important;
        top: auto !important;

        transform: none !important;

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

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

@media (max-width: 480px) {

    .ubermenu .ubermenu-submenu > .ubermenu-item {

        width: calc(50% - 10px) !important;
    }

    .ubermenu .ubermenu-target,
    .ubermenu .ubermenu-target-text {

        font-size: 13px !important;
    }
}
```
```css id="dr88v0"
/* =========================================================
MAKE MARTFURY HEADER SMALLER
========================================================= */

/* Main header area */
.header-main {
    padding: 10px 0 !important;
    min-height: auto !important;
}

/* Container inside header */
.header-main .martfury-container {
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
LOGO SIZE DESKTOP
========================================================= */

.header-main .logo img,
.header-main .header__left img {
    max-height: 100px !important;
    width: auto !important;
}

/* Search bar height */
.header-main .ps-search input {
    height: 42px !important;
}

/* Search button */
.header-main .ps-search button {
    height: 42px !important;
}

/* Icons alignment */
.header-main .header__right {
    align-items: center !important;
}
/* =========================================================
MOBILE HEADER FIX
========================================================= */

@media (max-width: 768px) {

    /* Mobile header height */
    .header-main,
    .header-main-wrapper,
    .site-header .header-main {
        padding: 8px 0 !important;
    }

    /* Bigger mobile logo */
    .header-main .logo img,
    .header-main .header__left img {
        max-height: 55px !important;
        width: auto !important;
    }

    /* Mobile search */
    .header-main .ps-search input,
    .header-main .ps-search button {
        height: 40px !important;
    }

    /* Reduce spacing */
    .header-main .martfury-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Top grey bar */
    .topbar {
        padding: 2px 0 !important;
    }
}
.topbar {
    padding: 1px 0 !important;
    font-size: 12px !important;
}
/* Search button darker */
.ps-search button {
    background: #222 !important;
    color: #fff !important;
}

/* Rounded corners */
.ps-search input {
    border-radius: 8px 0 0 8px !important;
}

.ps-search button {
    border-radius: 0 8px 8px 0 !important;
}

/* Placeholder contrast */
.ps-search input::placeholder {
    color: #777 !important;
}
/* =========================================================
FULLY ROUNDED SEARCH BAR - MARTFURY
========================================================= */

/* Main search wrapper */
.ps-search {
    border-radius: 30px !important;
    overflow: hidden !important;
    border: 1px solid #ddd !important;
}

/* Search input */
.ps-search input {
    border-radius: 0 !important;
    border: none !important;
}

/* Search button */
.ps-search button {
    border-radius: 0 !important;
    border: none !important;
    background: #222 !important;
    color: #fff !important;
}
/* =========================================================
FORCE ROUNDED MARTFURY SEARCH BAR
========================================================= */

.header--standard .ps-search,
.header-main .ps-search,
.ps-header .ps-search {
    border-radius: 40px !important;
    overflow: hidden !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
}

/* Input */
.header--standard .ps-search input,
.header-main .ps-search input,
.ps-header .ps-search input {
    border: none !important;
    border-radius: 0 !important;
}

/* Button */
.header--standard .ps-search button,
.header-main .ps-search button,
.ps-header .ps-search button {
    border: none !important;
    border-radius: 0 !important;
    background: #222 !important;
    color: #fff !important;
}