:root {
    --mb-black: #0d0e0d;
    --mb-dark: #151715;
    --mb-white: #f8f7f3;
    --mb-paper: #f4f2ec;
    --mb-gold: #b39a69;
    --mb-muted: #797a74;
    --mb-line: #dedbd3;
}

html {
    scroll-behavior: smooth;
}

body.mb26-page {
    margin: 0 !important;
    background: var(--mb-white);
}

body.mb26-page #wpadminbar {
    z-index: 999999;
}

#mb26,
#mb26 * {
    box-sizing: border-box;
}

#mb26 {
    width: 100%;
    overflow: hidden;
    background: var(--mb-white);
    color: var(--mb-black);
    font-family:
        "Source Sans Pro",
        Arial,
        sans-serif;
}

#mb26 a {
    text-decoration: none;
}

#mb26 img {
    max-width: 100%;
}

#mb26 h1,
#mb26 h2,
#mb26 h3,
#mb26 p {
    margin-top: 0;
}

.mb26-container {
    width: min(1500px, calc(100% - 70px));
    margin: 0 auto;
}


/* ======================================================
   HERO
====================================================== */

.mb26-hero {
    --hero: none;

    min-height: 700px;
    position: relative;
    color: #fff;

    background:
        var(--hero)
        center 35% / cover no-repeat;

    overflow: hidden;
}

.mb26-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5,9,12,.82) 0%,
            rgba(6,9,11,.58) 31%,
            rgba(6,9,11,.13) 61%,
            rgba(6,9,11,.18) 100%
        );
}


/* header */

.mb26-header {
    position: relative;
    z-index: 10;

    width: min(1500px, calc(100% - 70px));
    height: 78px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 180px 1fr auto;
    align-items: center;
    gap: 30px;
}

.mb26-logo {
    display: flex;
    align-items: center;

    color: #fff;

    font-family: Jura, sans-serif;
    font-size: 22px;
    font-weight: 800;
}

.mb26-logo img {
    width: 145px;
    max-height: 48px;
    object-fit: contain;
}

.mb26-main-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 33px;
}

.mb26-main-nav a {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .095em;
}

.mb26-main-nav a:hover {
    opacity: .7;
}

.mb26-header-icons {
    display: flex;
    align-items: center;
    gap: 18px;
}

.mb26-header-icons a {
    position: relative;
    color: #fff;
}

.mb26-header-icons svg {
    width: 21px;
    height: 21px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

.mb26-cart-icon span {
    position: absolute;
    top: -8px;
    right: -10px;

    font-size: 10px;
}

.mb26-mobile-menu {
    display: none;
}


/* hero typography */

.mb26-hero-content {
    position: relative;
    z-index: 3;

    width: min(1500px, calc(100% - 70px));
    margin: 95px auto 0;
}

.mb26-hero h1 {
    margin-bottom: 20px;

    font-family: Jura, sans-serif;
    font-size: clamp(74px, 7vw, 116px);
    font-weight: 700;
    line-height: .86;
    letter-spacing: -.055em;

    text-shadow:
        0 2px 15px rgba(0,0,0,.2);
}

.mb26-hero-content > p {
    margin-bottom: 30px;

    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
}

.mb26-hero-buttons {
    display: flex;
    gap: 14px;
}

.mb26-button {
    min-height: 50px;

    padding: 0 25px;

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

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;

    transition:
        transform .2s ease,
        background .2s ease;
}

.mb26-button:hover {
    transform: translateY(-2px);
}

.mb26-button-gold {
    background: var(--mb-gold);
    color: #111;
}

.mb26-button-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.85);
}

.mb26-handwriting {
    position: absolute;
    z-index: 3;

    right: 7%;
    top: 155px;

    color: rgba(255,255,255,.83);

    font-family: Georgia, serif;
    font-size: 30px;
    line-height: .9;
    font-style: italic;

    transform: rotate(-8deg);
}

.mb26-cold-world {
    position: absolute;
    z-index: 3;

    right: 4%;
    bottom: 28px;

    color: rgba(255,255,255,.8);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .25em;
    line-height: 1.55;
}


/* ======================================================
   TRUST BAR
====================================================== */

.mb26-trust {
    min-height: 96px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: linear-gradient(180deg, #171916, #0d0e0d);
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.12);
}

.mb26-trust > div {
    padding: 18px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border-right: 1px solid rgba(255,255,255,.12);
}

.mb26-trust > div:last-child {
    border-right: 0;
}

.mb26-trust-icon {
    width: 34px;
    min-width: 34px;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #c9b083;
}

.mb26-trust-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mb26-trust > div > span:last-child {
    display: flex;
    flex-direction: column;
    color: rgba(255,255,255,.72);
    font-size: 12px;
    line-height: 1.35;
}

.mb26-trust strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
}


/* ======================================================
   WHITE SECTIONS
====================================================== */

.mb26-white {
    background: #fff;
}

.mb26-section-title {
    margin-bottom: 24px;
}

.mb26-title-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.mb26-section-title small,
.mb26-size-copy small,
.mb26-newsletter small,
.mb26-social-title small,
.mb26-ukraine-copy small {
    display: block;

    margin-bottom: 6px;

    color: #77746c;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .22em;
}

.mb26-section-title h2,
.mb26-social-title h2 {
    margin: 0;

    display: flex;
    align-items: center;
    gap: 20px;

    font-family: Jura, sans-serif;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
}

.mb26-section-title h2 i,
.mb26-social-title h2 i,
.mb26-size-copy h2 i,
.mb26-newsletter h2 i {
    display: inline-block;

    width: 35px;
    height: 1px;

    background: #7d776d;
}

.mb26-title-row > a {
    color: #766a56;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .11em;
}


/* ======================================================
   CATEGORIES
====================================================== */

.mb26-white > .mb26-container {
    padding-top: 30px;
}

.mb26-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 13px;
}

.mb26-category {
    position: relative;

    height: 355px;

    overflow: hidden;

    color: #fff;
    background: #333;
}

.mb26-category > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease,
        filter .5s ease;
}

.mb26-category:hover img {
    transform: scale(1.045);
}

.mb26-category-shade {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 35%,
            rgba(0,0,0,.76) 100%
        );
}

.mb26-category-text {
    position: absolute;
    z-index: 2;

    left: 22px;
    right: 22px;
    bottom: 18px;
}

.mb26-category-text h3 {
    margin-bottom: 4px;

    font-family: Jura, sans-serif;
    font-size: 22px;
    line-height: 1;
}

.mb26-category-text p {
    margin-bottom: 9px;

    color: rgba(255,255,255,.85);

    font-size: 11px;
}

.mb26-category-text strong {
    font-size: 9px;
    letter-spacing: .09em;
}


/* ======================================================
   PRODUCTS
====================================================== */

.mb26-products-section .mb26-container {
    padding-top: 35px;
    padding-bottom: 36px;
}

.mb26-products-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        minmax(230px, 1.15fr);

    gap: 13px;
}

.mb26-product-card {
    min-width: 0;

    display: flex;
    flex-direction: column;

    background: #fff;
}

.mb26-product-photo {
    height: 280px;

    display: block;

    overflow: hidden;

    background: #f3f3f2;
}

.mb26-product-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    padding: 7px;

    transition: transform .35s ease;
}

.mb26-product-card:hover .mb26-product-photo img {
    transform: scale(1.025);
}

.mb26-product-body {
    flex: 1;

    padding: 12px 10px 0;

    display: flex;
    flex-direction: column;
}

.mb26-rating {
    min-height: 18px;

    display: flex;
    align-items: center;
    gap: 6px;
}

.mb26-rating .star-rating {
    float: none;
    margin: 0;

    font-size: 12px;
}

.mb26-rating span {
    font-size: 9px;
}

.mb26-product-body h3 {
    min-height: 44px;

    margin: 5px 0;

    font-size: 12px;
    line-height: 1.25;
}

.mb26-product-body h3 a {
    color: #111;
}

.mb26-price {
    margin-bottom: 11px;

    color: #111;

    font-size: 16px;
    font-weight: 800;
}

.mb26-add {
    margin-top: auto;

    min-height: 38px;

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

    background: #9c8a66;

    color: #fff;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .11em;
}

.mb26-add:hover {
    background: #111;
}

.mb26-product-promo {
    min-height: 390px;

    padding: 30px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    color: #fff;

    background:
        linear-gradient(
            rgba(16,25,30,.35),
            rgba(16,25,30,.35)
        ),
        url('https://madbomber.com/wp-content/uploads/2026/08/Max-Sweden-Mtn-Sunset.jpg')
        center / cover no-repeat;
}

.mb26-product-promo > div {
    font-family: Jura, sans-serif;

    font-size: 30px;
    font-weight: 700;
    line-height: .96;
}

.mb26-product-promo a {
    width: fit-content;

    margin-top: 24px;
    padding: 12px 18px;

    border: 1px solid rgba(255,255,255,.8);

    color: #fff;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
}


/* ======================================================
   UKRAINE
====================================================== */

.mb26-ukraine {
    min-height: 350px;

    display: grid;
    grid-template-columns: 38% 42% 20%;

    background:
        linear-gradient(
            90deg,
            #121412,
            #171917
        );

    color: #fff;
}

.mb26-ukraine-image {
    overflow: hidden;
}

.mb26-ukraine-image img {
    width: 100%;
    height: 100%;
    min-height: 350px;

    display: block;

    object-fit: cover;
}

.mb26-ukraine-copy {
    padding: 58px 55px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.mb26-ukraine-copy h2 {
    margin-bottom: 9px;

    font-family: Jura, sans-serif;
    font-size: 31px;
}

.mb26-ukraine-copy > i {
    width: 35px;
    height: 1px;

    margin-bottom: 17px;

    display: block;

    background: #baa273;
}

.mb26-ukraine-copy p {
    max-width: 530px;

    margin-bottom: 20px;

    color: rgba(255,255,255,.8);

    font-size: 13px;
    line-height: 1.55;
}

.mb26-ukraine-mark {
    padding: 40px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
}

.mb26-ukraine-mark em {
    color: #b9a98d;

    font-family: Georgia, serif;
    font-size: 26px;
    line-height: 1.05;
}

.mb26-ukraine-mark strong {
    margin-top: 25px;

    color: #c2a96f;

    font-size: 35px;
}


/* ======================================================
   MOUNTAIN
====================================================== */

.mb26-mountain {
    --mountain: none;

    min-height: 305px;

    position: relative;

    display: flex;
    align-items: center;

    color: #fff;

    background:
        var(--mountain)
        center 45% / cover no-repeat;
}

.mb26-mountain-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3,8,12,.62),
            rgba(3,8,12,.08)
        );
}

.mb26-mountain-content {
    position: relative;
    z-index: 2;

    width: min(1500px, calc(100% - 70px));
    margin: 0 auto;
}

.mb26-mountain h2 {
    margin-bottom: 25px;

    font-family: Jura, sans-serif;
    font-size: 40px;
    line-height: .94;
}


/* ======================================================
   REVIEWS
====================================================== */

.mb26-review-section .mb26-container {
    padding-top: 30px;
    padding-bottom: 34px;
}

.mb26-review-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 14px;
}

.mb26-review-card {
    min-height: 150px;

    padding: 20px;

    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 17px;

    align-items: center;

    background: #faf9f6;
}

.mb26-review-card > img {
    width: 75px;
    height: 75px;

    border-radius: 50%;

    object-fit: cover;
}

.mb26-stars {
    margin-bottom: 8px;

    color: #aa874b;

    font-size: 12px;
    letter-spacing: .08em;
}

.mb26-review-card blockquote {
    margin: 0 0 8px;

    font-size: 12px;
    line-height: 1.45;
}

.mb26-review-card strong {
    font-size: 10px;
}


/* ======================================================
   SIZE
====================================================== */

.mb26-size-guide {
    min-height: 310px;

    display: grid;
    grid-template-columns: 35% 40% 25%;

    background: #171917;

    color: #fff;
}

.mb26-size-photo {
    --size-photo: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(23,25,23,.35)
        ),
        var(--size-photo)
        center / cover no-repeat;
}

.mb26-size-copy {
    padding: 62px 52px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.mb26-size-copy h2 {
    margin-bottom: 15px;

    display: flex;
    align-items: center;
    gap: 20px;

    font-family: Jura, sans-serif;
    font-size: 28px;
}

.mb26-size-copy p {
    max-width: 450px;

    margin-bottom: 19px;

    color: rgba(255,255,255,.75);

    font-size: 13px;
    line-height: 1.55;
}

.mb26-head-shape {
    display: grid;
    place-items: center;

    opacity: .55;
}

.mb26-head-shape svg {
    width: 80%;
    max-width: 250px;

    fill: none;
    stroke: #968f81;
    stroke-width: 2;
}


/* ======================================================
   SOCIAL
====================================================== */

.mb26-social {
    padding-top: 26px;

    background: #fff;
}

.mb26-social-title {
    margin-bottom: 16px;

    display: flex;
    justify-content: space-between;
    align-items: end;
}

.mb26-social-title span {
    color: #756c5e;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
}

.mb26-social-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);

    gap: 6px;

    padding: 0 35px 28px;
}

.mb26-social-grid figure {
    height: 135px;

    margin: 0;

    overflow: hidden;
}

.mb26-social-grid img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .4s ease;
}

.mb26-social-grid figure:hover img {
    transform: scale(1.06);
}


/* ======================================================
   NEWSLETTER
====================================================== */

.mb26-newsletter {
    min-height: 145px;

    padding:
        32px
        max(35px, calc((100vw - 1500px) / 2));

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;

    align-items: center;

    background:
        linear-gradient(
            90deg,
            #151715,
            #0b0c0b
        );

    color: #fff;
}

.mb26-newsletter h2 {
    margin: 0 0 5px;

    display: flex;
    align-items: center;
    gap: 20px;

    font-family: Jura, sans-serif;
    font-size: 26px;
}

.mb26-newsletter p {
    margin: 0;

    color: rgba(255,255,255,.65);

    font-size: 11px;
}

.mb26-newsletter-form form {
    display: grid;
    grid-template-columns: 1fr 190px;
}

.mb26-newsletter-form input {
    height: 45px;

    padding: 0 16px;

    border: 1px solid rgba(255,255,255,.4);

    background: transparent;

    color: #fff;

    outline: none;
}

.mb26-newsletter-form button {
    border: 0;

    background: #b0986d;

    color: #fff;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}


/* ======================================================
   FOOTER
====================================================== */

.mb26-footer {
    min-height: 210px;

    padding:
        38px
        max(35px, calc((100vw - 1500px) / 2));

    display: grid;
    grid-template-columns: 1.65fr 1fr 1fr 1fr 1.3fr;
    gap: 45px;

    background: #fff;

    color: #111;
}

.mb26-footer-brand img {
    width: 145px;
    max-height: 55px;

    display: block;

    object-fit: contain;
}

.mb26-footer-brand strong {
    margin-top: 10px;

    display: block;

    font-size: 10px;
    letter-spacing: .12em;
}

.mb26-footer h3 {
    margin-bottom: 11px;

    font-size: 10px;
    letter-spacing: .09em;
}

.mb26-footer > div:not(.mb26-footer-brand) > a {
    display: block;

    margin-bottom: 5px;

    color: #111;

    font-size: 10px;
}

.mb26-footer-social {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 15px;
}

.mb26-footer-social > span {
    font-size: 16px;
    font-weight: 800;
}

.mb26-footer-social small {
    width: 100%;

    margin-top: 35px;

    color: #777;

    font-size: 8px;
}


/* ======================================================
   TRANSITIONS
====================================================== */

.mb26-category,
.mb26-product-card,
.mb26-review-card {
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.mb26-category:hover,
.mb26-product-card:hover {
    transform: translateY(-3px);
}


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

@media (max-width: 1150px) {

    .mb26-main-nav,
    .mb26-header-icons {
        display: none;
    }

    .mb26-header {
        grid-template-columns: 1fr auto;
    }

    .mb26-mobile-menu {
        display: block;
        position: relative;
    }

    .mb26-mobile-menu summary {
        cursor: pointer;

        list-style: none;

        color: #fff;

        font-size: 11px;
        font-weight: 800;
        letter-spacing: .12em;
    }

    .mb26-mobile-menu summary::-webkit-details-marker {
        display: none;
    }

    .mb26-mobile-menu > div {
        position: absolute;

        top: 35px;
        right: 0;

        width: 260px;

        padding: 20px;

        background: #111;
    }

    .mb26-mobile-menu a {
        display: block;

        padding: 10px 0;

        border-bottom: 1px solid rgba(255,255,255,.12);

        color: #fff;

        font-size: 11px;
    }

    .mb26-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mb26-product-promo {
        grid-column: span 2;
        min-height: 300px;
    }

    .mb26-ukraine {
        grid-template-columns: 45% 55%;
    }

    .mb26-ukraine-mark {
        display: none;
    }

    .mb26-social-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .mb26-footer {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    .mb26-footer-social {
        grid-column: 1 / -1;
    }
}


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

@media (max-width: 767px) {

    .mb26-container,
    .mb26-header,
    .mb26-hero-content,
    .mb26-mountain-content {
        width: calc(100% - 34px);
    }

    .mb26-header {
        height: 68px;
    }

    .mb26-logo img {
        width: 125px;
    }

    .mb26-hero {
        min-height: 690px;

        background-position: 58% center;
    }

    .mb26-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(4,8,10,.12),
                rgba(4,8,10,.77)
            );
    }

    .mb26-hero-content {
        margin-top: 285px;
    }

    .mb26-hero h1 {
        font-size: 56px;
    }

    .mb26-hero-content > p {
        font-size: 15px;
    }

    .mb26-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .mb26-handwriting,
    .mb26-cold-world {
        display: none;
    }

    .mb26-trust {
        grid-template-columns: 1fr 1fr;
    }

    .mb26-trust > div {
        min-height: 90px;

        padding: 15px 12px;

        gap: 8px;
    }

    .mb26-trust-icon {
        width: 22px;
        min-width: 22px;
        height: 22px;
    }

    .mb26-trust > div > span:last-child {
        font-size: 9px;
    }

    .mb26-trust strong {
        font-size: 9px;
    }

    .mb26-title-row,
    .mb26-social-title {
        align-items: flex-start;
    }

    .mb26-title-row > a,
    .mb26-social-title > span {
        display: none;
    }

    .mb26-section-title h2,
    .mb26-social-title h2 {
        font-size: 24px;
    }

    .mb26-category-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mb26-category {
        height: 310px;
    }

    .mb26-category-text {
        left: 14px;
        right: 14px;
        bottom: 14px;
    }

    .mb26-category-text h3 {
        font-size: 17px;
    }

    .mb26-products-grid {
        grid-template-columns: 1fr;
    }

    .mb26-product-photo {
        height: 360px;
    }

    .mb26-product-promo {
        grid-column: auto;
        min-height: 340px;
    }

    .mb26-ukraine {
        grid-template-columns: 1fr;
    }

    .mb26-ukraine-image img {
        min-height: 350px;
    }

    .mb26-ukraine-copy {
        padding: 50px 22px;
    }

    .mb26-mountain {
        min-height: 380px;
    }

    .mb26-review-grid {
        grid-template-columns: 1fr;
    }

    .mb26-size-guide {
        grid-template-columns: 1fr;
    }

    .mb26-size-photo {
        min-height: 330px;
    }

    .mb26-size-copy {
        padding: 48px 22px;
    }

    .mb26-head-shape {
        display: none;
    }

    .mb26-social-grid {
        grid-template-columns: repeat(2, 1fr);

        padding-left: 17px;
        padding-right: 17px;
    }

    .mb26-social-grid figure {
        height: 180px;
    }

    .mb26-newsletter {
        grid-template-columns: 1fr;

        gap: 22px;

        padding: 38px 18px;
    }

    .mb26-newsletter-form form {
        grid-template-columns: 1fr;
    }

    .mb26-newsletter-form button {
        min-height: 44px;
    }

    .mb26-footer {
        grid-template-columns: 1fr 1fr;

        padding: 42px 20px;
    }

    .mb26-footer-brand,
    .mb26-footer-social {
        grid-column: 1 / -1;
    }
}

/* === MADBOMBER TRUST V3.1 START === */

.mb26-trust {
    min-height: 102px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    background:
        linear-gradient(
            180deg,
            #161815 0%,
            #0d0f0d 100%
        ) !important;
    color: #fff !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    border-bottom: 1px solid rgba(255,255,255,.05) !important;
}

.mb26-trust-item {
    min-width: 0 !important;
    min-height: 102px !important;

    padding: 19px 34px !important;

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

    gap: 20px !important;

    border-right:
        1px solid
        rgba(255,255,255,.10) !important;
}

.mb26-trust-item:last-child {
    border-right: 0 !important;
}

.mb26-trust-icon {
    width: 43px !important;
    min-width: 43px !important;
    height: 43px !important;

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

    color: #c9ad72 !important;
}

.mb26-trust-icon svg {
    width: 43px !important;
    height: 43px !important;

    display: block !important;

    fill: none !important;
    stroke: currentColor !important;

    stroke-width: 2.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    overflow: visible !important;
}

.mb26-icon-tryzub svg {
    width: 40px !important;
    height: 45px !important;

    stroke-width: 2.7 !important;
}

.mb26-trust-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    color: #fff !important;
}

.mb26-trust-copy strong {
    margin: 0 0 5px !important;

    display: block !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.1 !important;

    font-weight: 800 !important;

    letter-spacing: .045em !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;
}

.mb26-trust-copy > span {
    display: block !important;

    color: rgba(255,255,255,.72) !important;

    font-size: 12.5px !important;
    line-height: 1.25 !important;

    font-weight: 400 !important;

    white-space: nowrap !important;
}


/* Tablet */

@media (max-width: 1150px) {

    .mb26-trust-item {
        padding-left: 18px !important;
        padding-right: 18px !important;

        gap: 14px !important;
    }

    .mb26-trust-icon {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    .mb26-trust-icon svg {
        width: 38px !important;
        height: 38px !important;
    }

    .mb26-trust-copy strong {
        font-size: 12px !important;
    }

    .mb26-trust-copy > span {
        font-size: 11px !important;
    }
}


/* Mobile */

@media (max-width: 767px) {

    .mb26-trust {
        grid-template-columns: 1fr 1fr !important;
    }

    .mb26-trust-item {
        min-height: 92px !important;

        padding: 15px 12px !important;

        justify-content: flex-start !important;

        gap: 11px !important;
    }

    .mb26-trust-icon {
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
    }

    .mb26-trust-icon svg {
        width: 29px !important;
        height: 29px !important;
    }

    .mb26-trust-copy strong {
        margin-bottom: 3px !important;

        font-size: 9.5px !important;

        white-space: normal !important;
    }

    .mb26-trust-copy > span {
        font-size: 9px !important;

        white-space: normal !important;
    }
}

/* === MADBOMBER TRUST V3.1 END === */

/* === MADBOMBER TRUST V3.2 START === */

.mb26-trust-item {
    align-items: center !important;
}

.mb26-trust-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #c8ad73 !important;
    flex: 0 0 auto !important;
}

.mb26-trust-icon svg {
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
}

/* exact icon proportions */
.mb26-icon-tryzub {
    width: 30px !important;
    min-width: 30px !important;
    height: 42px !important;
}
.mb26-icon-tryzub svg {
    width: 30px !important;
    height: 42px !important;
    stroke-width: 2.5 !important;
}

.mb26-icon-snow {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
}
.mb26-icon-snow svg {
    width: 34px !important;
    height: 34px !important;
    stroke-width: 2.4 !important;
}

.mb26-icon-star {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
}
.mb26-icon-star svg {
    width: 34px !important;
    height: 34px !important;
    stroke-width: 2.2 !important;
}

.mb26-icon-lock {
    width: 28px !important;
    min-width: 28px !important;
    height: 36px !important;
}
.mb26-icon-lock svg {
    width: 28px !important;
    height: 36px !important;
    stroke-width: 2.4 !important;
}

@media (max-width: 1150px) {
    .mb26-icon-tryzub { width: 26px !important; min-width: 26px !important; height: 36px !important; }
    .mb26-icon-tryzub svg { width: 26px !important; height: 36px !important; }

    .mb26-icon-snow,
    .mb26-icon-star { width: 30px !important; min-width: 30px !important; height: 30px !important; }
    .mb26-icon-snow svg,
    .mb26-icon-star svg { width: 30px !important; height: 30px !important; }

    .mb26-icon-lock { width: 24px !important; min-width: 24px !important; height: 31px !important; }
    .mb26-icon-lock svg { width: 24px !important; height: 31px !important; }
}

@media (max-width: 767px) {
    .mb26-icon-tryzub { width: 21px !important; min-width: 21px !important; height: 29px !important; }
    .mb26-icon-tryzub svg { width: 21px !important; height: 29px !important; }

    .mb26-icon-snow,
    .mb26-icon-star { width: 23px !important; min-width: 23px !important; height: 23px !important; }
    .mb26-icon-snow svg,
    .mb26-icon-star svg { width: 23px !important; height: 23px !important; }

    .mb26-icon-lock { width: 19px !important; min-width: 19px !important; height: 25px !important; }
    .mb26-icon-lock svg { width: 19px !important; height: 25px !important; }
}

/* === MADBOMBER TRUST V3.2 END === */


/* === MADBOMBER TRUST V3.3 START === */

.mb26-trust {
    min-height: 108px !important;
    height: 108px !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    background:
        linear-gradient(
            180deg,
            #161815 0%,
            #0c0e0c 100%
        ) !important;

    border-top: 1px solid rgba(255,255,255,.11) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.mb26-trust-item {
    height: 108px !important;

    padding: 0 34px !important;

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

    gap: 22px !important;

    border-right: 1px solid rgba(255,255,255,.11) !important;
}

.mb26-trust-item:last-child {
    border-right: 0 !important;
}


/* ---------- icons ---------- */

.mb26-trust-icon {
    flex: 0 0 auto !important;

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

    color: #c9ad73 !important;

    transform: none !important;
}

.mb26-trust-icon svg {
    display: block !important;

    fill: none !important;
    stroke: currentColor !important;

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


/* Ukrainian trident */
.mb26-icon-tryzub {
    width: 38px !important;
    min-width: 38px !important;
    height: 48px !important;
}

.mb26-icon-tryzub svg {
    width: 38px !important;
    height: 48px !important;
    stroke-width: 2.25 !important;
}


/* Snowflake */
.mb26-icon-snow {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
}

.mb26-icon-snow svg {
    width: 46px !important;
    height: 46px !important;
    stroke-width: 2.2 !important;
}


/* Star */
.mb26-icon-star {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
}

.mb26-icon-star svg {
    width: 44px !important;
    height: 44px !important;
    stroke-width: 2.05 !important;
}


/* Lock */
.mb26-icon-lock {
    width: 36px !important;
    min-width: 36px !important;
    height: 46px !important;
}

.mb26-icon-lock svg {
    width: 36px !important;
    height: 46px !important;
    stroke-width: 2.15 !important;
}


/* ---------- copy ---------- */

.mb26-trust-copy {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.mb26-trust-copy strong {
    margin: 0 0 6px !important;

    color: #fff !important;

    font-family:
        "Source Sans Pro",
        Arial,
        sans-serif !important;

    font-size: 16px !important;
    line-height: 1.05 !important;

    font-weight: 800 !important;

    letter-spacing: .025em !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.mb26-trust-copy > span {
    margin: 0 !important;

    color: rgba(255,255,255,.74) !important;

    font-family:
        "Source Sans Pro",
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.15 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;
}


/* ---------- large desktop ---------- */

@media (min-width: 1450px) {

    .mb26-trust-item {
        padding-left: 42px !important;
        padding-right: 42px !important;
        gap: 24px !important;
    }

}


/* ---------- tablet ---------- */

@media (max-width: 1150px) {

    .mb26-trust {
        height: auto !important;
        min-height: 98px !important;
    }

    .mb26-trust-item {
        height: 98px !important;

        padding: 0 18px !important;

        gap: 15px !important;
    }

    .mb26-icon-tryzub {
        width: 31px !important;
        min-width: 31px !important;
        height: 40px !important;
    }

    .mb26-icon-tryzub svg {
        width: 31px !important;
        height: 40px !important;
    }

    .mb26-icon-snow,
    .mb26-icon-star {
        width: 37px !important;
        min-width: 37px !important;
        height: 37px !important;
    }

    .mb26-icon-snow svg,
    .mb26-icon-star svg {
        width: 37px !important;
        height: 37px !important;
    }

    .mb26-icon-lock {
        width: 30px !important;
        min-width: 30px !important;
        height: 39px !important;
    }

    .mb26-icon-lock svg {
        width: 30px !important;
        height: 39px !important;
    }

    .mb26-trust-copy strong {
        font-size: 13px !important;
    }

    .mb26-trust-copy > span {
        font-size: 11px !important;
    }

}


/* ---------- mobile ---------- */

@media (max-width: 767px) {

    .mb26-trust {
        grid-template-columns: 1fr 1fr !important;
        height: auto !important;
    }

    .mb26-trust-item {
        height: 92px !important;

        padding: 0 13px !important;

        justify-content: flex-start !important;

        gap: 11px !important;
    }

    .mb26-icon-tryzub {
        width: 24px !important;
        min-width: 24px !important;
        height: 31px !important;
    }

    .mb26-icon-tryzub svg {
        width: 24px !important;
        height: 31px !important;
    }

    .mb26-icon-snow,
    .mb26-icon-star {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
    }

    .mb26-icon-snow svg,
    .mb26-icon-star svg {
        width: 27px !important;
        height: 27px !important;
    }

    .mb26-icon-lock {
        width: 23px !important;
        min-width: 23px !important;
        height: 29px !important;
    }

    .mb26-icon-lock svg {
        width: 23px !important;
        height: 29px !important;
    }

    .mb26-trust-copy strong {
        margin-bottom: 3px !important;

        font-size: 10px !important;
        line-height: 1.15 !important;

        white-space: normal !important;
    }

    .mb26-trust-copy > span {
        font-size: 9px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
    }

}

/* === MADBOMBER TRUST V3.3 END === */

/* === MADBOMBER TRUST V3.4 FINAL ICONS === */

.mb26-trust-icon {
    flex: 0 0 auto !important;
    color: #c9ad73 !important;
}

.mb26-trust-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;

    filter:
        brightness(0)
        saturate(100%)
        invert(75%)
        sepia(33%)
        saturate(637%)
        hue-rotate(358deg)
        brightness(86%)
        contrast(84%);
}


/* real Ukrainian coat of arms */
.mb26-icon-coat {
    width: 35px !important;
    min-width: 35px !important;
    height: 46px !important;

    background: #c9ad73 !important;

    -webkit-mask:
        url('/wp-content/themes/mad-bomber/assets/trust-icons/ukraine-coat.svg')
        center / contain no-repeat;

    mask:
        url('/wp-content/themes/mad-bomber/assets/trust-icons/ukraine-coat.svg')
        center / contain no-repeat;
}


/* snowflake */
.mb26-icon-snow {
    width: 43px !important;
    min-width: 43px !important;
    height: 43px !important;
}


/* arrows */
.mb26-icon-arrows {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
}


/* lock */
.mb26-icon-lock {
    width: 34px !important;
    min-width: 34px !important;
    height: 43px !important;
}


/* keep text proportions from V3.3 */
.mb26-trust-copy strong {
    font-size: 16px !important;
}

.mb26-trust-copy > span {
    font-size: 13px !important;
}


@media (max-width: 1150px) {

    .mb26-icon-coat {
        width: 30px !important;
        min-width: 30px !important;
        height: 40px !important;
    }

    .mb26-icon-snow {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
    }

    .mb26-icon-arrows {
        width: 35px !important;
        min-width: 35px !important;
        height: 35px !important;
    }

    .mb26-icon-lock {
        width: 29px !important;
        min-width: 29px !important;
        height: 37px !important;
    }
}


@media (max-width: 767px) {

    .mb26-icon-coat {
        width: 23px !important;
        min-width: 23px !important;
        height: 31px !important;
    }

    .mb26-icon-snow,
    .mb26-icon-arrows {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
    }

    .mb26-icon-lock {
        width: 22px !important;
        min-width: 22px !important;
        height: 28px !important;
    }
}

/* === END TRUST V3.4 === */

/* === MADBOMBER TRUST V3.5 === */

/*
 * 1 TRYZUB
 * 2 SNOWFLAKE
 * 3 ARROWS
 * 4 LOCK
 */

.mb26-icon-tryzub-real {
    width: 29px !important;
    min-width: 29px !important;
    height: 48px !important;

    background: #c9ad73 !important;

    -webkit-mask:
        url('/wp-content/themes/mad-bomber/assets/trust-icons/tryzub-v35.svg')
        center / contain no-repeat !important;

    mask:
        url('/wp-content/themes/mad-bomber/assets/trust-icons/tryzub-v35.svg')
        center / contain no-repeat !important;
}

.mb26-icon-snow-real {
    width: 45px !important;
    min-width: 45px !important;
    height: 45px !important;
}

.mb26-icon-arrows-real {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
}

.mb26-icon-lock-real {
    width: 32px !important;
    min-width: 32px !important;
    height: 43px !important;
}

.mb26-icon-snow-real img,
.mb26-icon-arrows-real img,
.mb26-icon-lock-real img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: contain !important;

    filter: none !important;
}


/* text stays large */
.mb26-trust-copy strong {
    font-size: 16px !important;
    line-height: 1.05 !important;
}

.mb26-trust-copy > span {
    font-size: 13px !important;
    line-height: 1.15 !important;
}


/* spacing */
.mb26-trust-item {
    gap: 22px !important;
}


/* mobile */
@media (max-width: 767px) {

    .mb26-icon-tryzub-real {
        width: 20px !important;
        min-width: 20px !important;
        height: 33px !important;
    }

    .mb26-icon-snow-real {
        width: 29px !important;
        min-width: 29px !important;
        height: 29px !important;
    }

    .mb26-icon-arrows-real {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
    }

    .mb26-icon-lock-real {
        width: 22px !important;
        min-width: 22px !important;
        height: 29px !important;
    }
}

/* === END TRUST V3.5 === */

/* === MADBOMBER HOME TYPOGRAPHY V3.6 === */

/* small section labels */
.mb26-section-title small,
.mb26-social-title small {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .20em !important;
    margin-bottom: 9px !important;
}


/* main section headings */
.mb26-section-title h2,
.mb26-social-title h2 {
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}


/* horizontal line after heading */
.mb26-section-title h2 i,
.mb26-social-title h2 i {
    width: 42px !important;
}


/* view all products */
.mb26-title-row > a {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .10em !important;
}


/* category card title */
.mb26-category-text h3 {
    font-size: 24px !important;
    line-height: 1.05 !important;
    margin-bottom: 7px !important;
}


/* category description */
.mb26-category-text p {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 13px !important;
}


/* category SHOP NOW */
.mb26-category-text strong {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .10em !important;
}


/* slightly more breathing room */
.mb26-section-title {
    margin-bottom: 30px !important;
}


/* BEST SELLERS product names */
.mb26-product-body h3 {
    font-size: 14px !important;
    line-height: 1.3 !important;
}


/* prices */
.mb26-price {
    font-size: 17px !important;
}


/* add to cart */
.mb26-add {
    font-size: 10.5px !important;
    min-height: 42px !important;
}


/* tablet */
@media (max-width: 1150px) {

    .mb26-section-title small,
    .mb26-social-title small {
        font-size: 11px !important;
    }

    .mb26-section-title h2,
    .mb26-social-title h2 {
        font-size: 29px !important;
    }

    .mb26-category-text h3 {
        font-size: 21px !important;
    }

    .mb26-category-text p {
        font-size: 12px !important;
    }

}


/* mobile */
@media (max-width: 767px) {

    .mb26-section-title small,
    .mb26-social-title small {
        font-size: 9.5px !important;
        letter-spacing: .16em !important;
    }

    .mb26-section-title h2,
    .mb26-social-title h2 {
        font-size: 26px !important;
    }

    .mb26-category-text h3 {
        font-size: 18px !important;
    }

    .mb26-category-text p {
        font-size: 11px !important;
    }

    .mb26-category-text strong {
        font-size: 9.5px !important;
    }

}

/* === END HOME TYPOGRAPHY V3.6 === */

/* === MADBOMBER UKRAINE TYPOGRAPHY V3.7 === */


/* small OUR STORY label */
.mb26-ukraine-copy small {
    margin-bottom: 10px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;

    letter-spacing: .20em !important;
}


/* MADE IN UKRAINE heading */
.mb26-ukraine-copy h2 {
    margin-bottom: 12px !important;

    font-size: 36px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: -.02em !important;
}


/* small gold divider */
.mb26-ukraine-copy > i {
    width: 42px !important;

    margin-bottom: 21px !important;
}


/* main story copy */
.mb26-ukraine-copy p {
    max-width: 650px !important;

    margin-bottom: 26px !important;

    font-size: 16px !important;
    line-height: 1.55 !important;

    font-weight: 400 !important;
}


/* READ OUR STORY button */
.mb26-ukraine-copy .mb26-button {
    min-height: 52px !important;

    padding-left: 28px !important;
    padding-right: 28px !important;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .10em !important;
}


/* Support Ukrainian Business */
.mb26-ukraine-mark em {
    font-size: 30px !important;
    line-height: 1.08 !important;
}


/* icon under Support Ukrainian Business */
.mb26-ukraine-mark strong {
    margin-top: 28px !important;

    font-size: 40px !important;
}


/* give text a little more room */
.mb26-ukraine-copy {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}


/* tablet */
@media (max-width: 1150px) {

    .mb26-ukraine-copy small {
        font-size: 11px !important;
    }

    .mb26-ukraine-copy h2 {
        font-size: 32px !important;
    }

    .mb26-ukraine-copy p {
        font-size: 15px !important;
    }

    .mb26-ukraine-copy .mb26-button {
        font-size: 11px !important;
    }

}


/* mobile */
@media (max-width: 767px) {

    .mb26-ukraine-copy small {
        font-size: 10px !important;
    }

    .mb26-ukraine-copy h2 {
        font-size: 30px !important;
    }

    .mb26-ukraine-copy p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .mb26-ukraine-copy .mb26-button {
        min-height: 48px !important;

        font-size: 10.5px !important;
    }

}

/* === END UKRAINE TYPOGRAPHY V3.7 === */

/* === MADBOMBER REVIEWS / SIZE / SOCIAL V3.8 === */


/* REVIEW SECTION LABEL */
.mb26-review-section .mb26-section-title small {
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .20em !important;
    margin-bottom: 9px !important;
}


/* REVIEW SECTION TITLE */
.mb26-review-section .mb26-section-title h2 {
    font-size: 32px !important;
    line-height: 1 !important;
}


/* REVIEW CARD TEXT */
.mb26-review-card blockquote {
    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* REVIEW AUTHOR */
.mb26-review-card strong {
    font-size: 11px !important;
    line-height: 1.2 !important;
}


/* STARS */
.mb26-stars {
    font-size: 13px !important;
}


/* GET THE RIGHT FIT */
.mb26-size-copy small {
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .20em !important;
    margin-bottom: 10px !important;
}


/* FIND YOUR PERFECT SIZE */
.mb26-size-copy h2 {
    font-size: 34px !important;
    line-height: 1 !important;
    margin-bottom: 18px !important;
}


/* SIZE DESCRIPTION */
.mb26-size-copy p {
    max-width: 560px !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    margin-bottom: 24px !important;
}


/* SIZE BUTTON */
.mb26-size-copy .mb26-button {
    min-height: 50px !important;

    padding-left: 26px !important;
    padding-right: 26px !important;

    font-size: 11px !important;
    line-height: 1 !important;

    letter-spacing: .10em !important;
}


/* FOLLOW OUR JOURNEY */
.mb26-social-title small {
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .20em !important;
    margin-bottom: 9px !important;
}


/* @MADBOMBER */
.mb26-social-title h2 {
    font-size: 30px !important;
    line-height: 1 !important;
}


/* TAG US TO BE FEATURED */
.mb26-social-title > span {
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .10em !important;
}


/* TABLET */
@media (max-width: 1150px) {

    .mb26-review-section .mb26-section-title small,
    .mb26-size-copy small,
    .mb26-social-title small {
        font-size: 11px !important;
    }

    .mb26-review-section .mb26-section-title h2 {
        font-size: 29px !important;
    }

    .mb26-size-copy h2 {
        font-size: 31px !important;
    }

    .mb26-size-copy p {
        font-size: 14px !important;
    }

    .mb26-social-title h2 {
        font-size: 27px !important;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .mb26-review-section .mb26-section-title small,
    .mb26-size-copy small,
    .mb26-social-title small {
        font-size: 9.5px !important;
        letter-spacing: .16em !important;
    }

    .mb26-review-section .mb26-section-title h2 {
        font-size: 26px !important;
    }

    .mb26-review-card blockquote {
        font-size: 13px !important;
    }

    .mb26-review-card strong {
        font-size: 10px !important;
    }

    .mb26-size-copy h2 {
        font-size: 28px !important;
    }

    .mb26-size-copy p {
        font-size: 13.5px !important;
    }

    .mb26-size-copy .mb26-button {
        min-height: 46px !important;
        font-size: 10px !important;
    }

    .mb26-social-title h2 {
        font-size: 25px !important;
    }

}

/* === END V3.8 === */

/* =========================================================
   MADBOMBER NEWSLETTER + FOOTER V3.9
========================================================= */


/* ---------------- NEWSLETTER LEFT ---------------- */

.mb26-newsletter {
    min-height: 185px !important;

    padding-top: 34px !important;
    padding-bottom: 34px !important;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(520px, 1.1fr) !important;

    gap: 70px !important;
}


.mb26-newsletter small {
    margin-bottom: 10px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;
    letter-spacing: .20em !important;
}


.mb26-newsletter h2 {
    margin-bottom: 10px !important;

    font-size: 34px !important;
    line-height: 1 !important;

    font-weight: 700 !important;
}


.mb26-newsletter h2 i {
    width: 42px !important;
}


.mb26-newsletter p {
    max-width: 600px !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    color: rgba(255,255,255,.76) !important;
}


/* ---------------- WHITE FORM CARD ---------------- */

.mb26-newsletter-form {
    width: 100% !important;
}


.mb26-newsletter-form > *,
.mb26-newsletter-form form,
.mb26-newsletter-form .sib_signup_form,
.mb26-newsletter-form .sib-form,
.mb26-newsletter-form .sib-container {
    width: 100% !important;
    max-width: none !important;
}


.mb26-newsletter-form form,
.mb26-newsletter-form .sib_signup_form,
.mb26-newsletter-form .sib-form,
.mb26-newsletter-form .sib-container {
    padding: 24px 28px !important;

    background: #ffffff !important;

    color: #111111 !important;

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


/* Brevo / Sendinblue headings */
.mb26-newsletter-form h1,
.mb26-newsletter-form h2,
.mb26-newsletter-form h3,
.mb26-newsletter-form .sib-form-block__heading {
    margin: 0 0 18px !important;

    color: #111 !important;

    font-family: Jura, Arial, sans-serif !important;

    font-size: 24px !important;
    line-height: 1.1 !important;

    font-weight: 700 !important;

    text-align: center !important;
}


/* labels */
.mb26-newsletter-form label,
.mb26-newsletter-form .entry__label,
.mb26-newsletter-form .sib-form-block__label-row {
    color: #222 !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;
}


/* input rows */
.mb26-newsletter-form input[type="text"],
.mb26-newsletter-form input[type="email"],
.mb26-newsletter-form input[type="tel"] {
    min-height: 48px !important;

    padding: 0 14px !important;

    background: #fff !important;
    color: #111 !important;

    border: 1px solid #a8a8a8 !important;
    border-radius: 0 !important;

    font-size: 15px !important;

    box-shadow: none !important;
}


.mb26-newsletter-form input::placeholder {
    color: #777 !important;
}


/* form layout */
.mb26-newsletter-form form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}


/*
 * If plugin creates wrapper rows,
 * keep them readable and evenly spaced.
 */
.mb26-newsletter-form .sib-form-block,
.mb26-newsletter-form .form__entry,
.mb26-newsletter-form .entry__field {
    margin-bottom: 12px !important;
}


/* button */
.mb26-newsletter-form button,
.mb26-newsletter-form input[type="submit"],
.mb26-newsletter-form .sib-form-block__button {
    min-height: 48px !important;

    padding: 0 24px !important;

    background: #b39a69 !important;
    color: #fff !important;

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

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 800 !important;
    letter-spacing: .10em !important;

    cursor: pointer !important;
}


/* messages */
.mb26-newsletter-form .sib-form-message-panel,
.mb26-newsletter-form .sib-form-message-panel__text {
    font-size: 13px !important;
}


/* ---------------- FOOTER ---------------- */

.mb26-footer {
    min-height: 245px !important;

    padding-top: 48px !important;
    padding-bottom: 42px !important;

    gap: 55px !important;
}


/* logo */
.mb26-footer-brand img {
    width: 175px !important;
    max-height: 70px !important;
}


/* GET OUT. STAY OUT. */
.mb26-footer-brand strong {
    margin-top: 15px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 800 !important;
    letter-spacing: .14em !important;
}


/* SHOP / HELP / ABOUT */
.mb26-footer h3 {
    margin-bottom: 16px !important;

    font-size: 13px !important;
    line-height: 1 !important;

    font-weight: 800 !important;
    letter-spacing: .10em !important;
}


/* footer links */
.mb26-footer > div:not(.mb26-footer-brand) > a {
    margin-bottom: 10px !important;

    font-size: 13px !important;
    line-height: 1.3 !important;

    color: #111 !important;
}


/* socials */
.mb26-footer-social {
    gap: 18px !important;
}


.mb26-footer-social > span {
    font-size: 20px !important;
    line-height: 1 !important;
}


/* copyright */
.mb26-footer-social small {
    margin-top: 38px !important;

    font-size: 10.5px !important;
    line-height: 1.35 !important;
}


/* ---------------- TABLET ---------------- */

@media (max-width: 1150px) {

    .mb26-newsletter {
        grid-template-columns: 1fr 1fr !important;
        gap: 35px !important;
    }

    .mb26-newsletter h2 {
        font-size: 30px !important;
    }

    .mb26-newsletter p {
        font-size: 14px !important;
    }

    .mb26-newsletter-form h1,
    .mb26-newsletter-form h2,
    .mb26-newsletter-form h3,
    .mb26-newsletter-form .sib-form-block__heading {
        font-size: 21px !important;
    }

    .mb26-footer h3 {
        font-size: 12px !important;
    }

    .mb26-footer > div:not(.mb26-footer-brand) > a {
        font-size: 12px !important;
    }

}


/* ---------------- MOBILE ---------------- */

@media (max-width: 767px) {

    .mb26-newsletter {
        grid-template-columns: 1fr !important;

        gap: 28px !important;

        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .mb26-newsletter small {
        font-size: 10px !important;
    }

    .mb26-newsletter h2 {
        font-size: 28px !important;
    }

    .mb26-newsletter p {
        font-size: 13.5px !important;
    }

    .mb26-newsletter-form form,
    .mb26-newsletter-form .sib_signup_form,
    .mb26-newsletter-form .sib-form,
    .mb26-newsletter-form .sib-container {
        padding: 22px 18px !important;
    }

    .mb26-newsletter-form form {
        grid-template-columns: 1fr !important;
    }

    .mb26-newsletter-form h1,
    .mb26-newsletter-form h2,
    .mb26-newsletter-form h3,
    .mb26-newsletter-form .sib-form-block__heading {
        font-size: 20px !important;
    }

    .mb26-footer {
        gap: 34px 28px !important;
    }

    .mb26-footer-brand img {
        width: 155px !important;
    }

    .mb26-footer h3 {
        font-size: 12px !important;
    }

    .mb26-footer > div:not(.mb26-footer-brand) > a {
        font-size: 12px !important;
    }

}

/* === END MADBOMBER V3.9 === */









/* =========================================================
   MADBOMBER NEWSLETTER + FOOTER SCALE V3.9.3
========================================================= */


/* =========================================================
   NEWSLETTER WHOLE SECTION
========================================================= */

.mb26-newsletter {
    min-height: 225px !important;

    padding-top: 42px !important;
    padding-bottom: 42px !important;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(650px, 1.05fr) !important;

    gap: 90px !important;
}


/* STAY IN TOUCH */
.mb26-newsletter small {
    margin-bottom: 13px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;

    letter-spacing: .22em !important;
}


/* JOIN OUR COMMUNITY */
.mb26-newsletter h2 {
    margin-bottom: 13px !important;

    font-size: 40px !important;
    line-height: .98 !important;

    font-weight: 700 !important;

    letter-spacing: -.015em !important;
}


/* line beside title */
.mb26-newsletter h2 i {
    width: 52px !important;
}


/* description */
.mb26-newsletter > div:first-child > p {
    max-width: 670px !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   FORM — MAKE IT LARGE AND WIDE
========================================================= */

.mb26-newsletter-form {
    width: 100% !important;

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


.mb26-newsletter-form > * {
    width: 100% !important;
    max-width: 800px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


.mb26-newsletter-form form,
.mb26-newsletter-form .sib_signup_form,
.mb26-newsletter-form .sib_signup_form form,
.mb26-newsletter-form .sib-form,
.mb26-newsletter-form .sib-container,
.mb26-newsletter-form .sib-form-container {
    width: 100% !important;
    max-width: 800px !important;

    margin: 0 auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    background: transparent !important;
}


/* form heading */
.mb26-newsletter-form h1,
.mb26-newsletter-form h2,
.mb26-newsletter-form h3,
.mb26-newsletter-form .sib-form-block__heading {
    margin-bottom: 20px !important;

    color: #fff !important;

    font-size: 29px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    text-align: center !important;
}


/* Field containers */
.mb26-newsletter-form form {
    display: grid !important;

    grid-template-columns:
        minmax(250px, 1fr)
        minmax(250px, 1fr) !important;

    gap: 22px !important;

    align-items: end !important;
}


/* common plugin wrappers */
.mb26-newsletter-form form > p,
.mb26-newsletter-form form > div,
.mb26-newsletter-form .sib-email-area,
.mb26-newsletter-form .sib-NAME-area,
.mb26-newsletter-form .form__entry {
    min-width: 0 !important;
}


/* title should span both columns */
.mb26-newsletter-form form > h1,
.mb26-newsletter-form form > h2,
.mb26-newsletter-form form > h3,
.mb26-newsletter-form form > .sib-form-block__heading {
    grid-column: 1 / -1 !important;
}


/* labels */
.mb26-newsletter-form label,
.mb26-newsletter-form .entry__label {
    display: block !important;

    margin-bottom: 8px !important;

    color: #fff !important;

    font-size: 16px !important;
    line-height: 1.15 !important;

    font-weight: 600 !important;
}


/* fields */
.mb26-newsletter-form input[type="email"],
.mb26-newsletter-form input[type="text"],
.mb26-newsletter-form input[type="tel"] {
    width: 100% !important;
    max-width: none !important;

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

    padding: 0 16px !important;

    border: 1px solid rgba(255,255,255,.92) !important;

    color: #fff !important;
    background: transparent !important;

    font-size: 16px !important;
}


/* remove weird width rules from plugin */
.mb26-newsletter-form input {
    box-sizing: border-box !important;
}


/* submit */
.mb26-newsletter-form input[type="submit"],
.mb26-newsletter-form button,
.mb26-newsletter-form .sib-default-btn,
.mb26-newsletter-form .sib-form-block__button {
    min-height: 50px !important;

    padding: 0 30px !important;

    color: #fff !important;
    background: transparent !important;

    border: 1px solid #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    letter-spacing: .10em !important;
}


/* =========================================================
   FOOTER SCALE
========================================================= */

.mb26-footer {
    min-height: 290px !important;

    padding-top: 58px !important;
    padding-bottom: 52px !important;

    grid-template-columns:
        1.55fr
        .9fr
        .9fr
        .9fr
        1.2fr !important;

    gap: 65px !important;
}


/* footer logo */
.mb26-footer-brand img {
    width: 205px !important;
    max-height: 82px !important;
}


/* tagline */
.mb26-footer-brand strong {
    margin-top: 17px !important;

    font-size: 13px !important;

    letter-spacing: .15em !important;
}


/* SHOP HELP ABOUT */
.mb26-footer h3 {
    margin-bottom: 19px !important;

    font-size: 15px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .10em !important;
}


/* links */
.mb26-footer > div:not(.mb26-footer-brand) > a {
    margin-bottom: 13px !important;

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


/* socials */
.mb26-footer-social {
    gap: 21px !important;
}


.mb26-footer-social > span {
    font-size: 24px !important;
}


/* copyright */
.mb26-footer-social small {
    margin-top: 48px !important;

    font-size: 11.5px !important;
    line-height: 1.4 !important;
}


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

@media (max-width: 1200px) {

    .mb26-newsletter {
        grid-template-columns: 1fr 1fr !important;

        gap: 45px !important;
    }

    .mb26-newsletter h2 {
        font-size: 34px !important;
    }

    .mb26-newsletter-form form {
        grid-template-columns: 1fr 1fr !important;
    }

    .mb26-newsletter-form label {
        font-size: 14px !important;
    }

    .mb26-newsletter-form input[type="email"],
    .mb26-newsletter-form input[type="text"] {
        height: 52px !important;
        min-height: 52px !important;
    }

    .mb26-footer {
        gap: 38px !important;
    }

}


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

@media (max-width: 767px) {

    .mb26-newsletter {
        min-height: 0 !important;

        grid-template-columns: 1fr !important;

        gap: 36px !important;
    }

    .mb26-newsletter h2 {
        font-size: 31px !important;
    }

    .mb26-newsletter > div:first-child > p {
        font-size: 14px !important;
    }

    .mb26-newsletter-form form {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .mb26-newsletter-form form > * {
        grid-column: 1 !important;
    }

    .mb26-newsletter-form h1,
    .mb26-newsletter-form h2,
    .mb26-newsletter-form h3 {
        font-size: 23px !important;
    }

    .mb26-footer {
        grid-template-columns: 1fr 1fr !important;

        gap: 40px 28px !important;

        min-height: 0 !important;
    }

    .mb26-footer-brand,
    .mb26-footer-social {
        grid-column: 1 / -1 !important;
    }

}

/* === END SCALE V3.9.3 === */















/* =========================================================
   MADBOMBER NEWSLETTER CLEAN FINAL V4.0
   Exact Brevo DOM from browser inspector
========================================================= */


/* ---------------------------------------------------------
   RIGHT NEWSLETTER COLUMN
--------------------------------------------------------- */

.mb26-newsletter-form {
    width: 100% !important;

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


/* ---------------------------------------------------------
   IMPORTANT:
   Old rules made the FORM itself grid/flex and compressed
   .sib_signup_box_inside_1 into one column.

   Reset the outer form completely.
--------------------------------------------------------- */

.mb26-newsletter-form form#sib_signup_form_1 {
    display: block !important;

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

    margin: 0 auto !important;
    padding: 32px 34px !important;

    box-sizing: border-box !important;

    background: rgba(255,255,255,.015) !important;

    border:
        1px solid
        rgba(255,255,255,.20) !important;

    color: #fff !important;
}


/* ---------------------------------------------------------
   REAL BREVO INNER WRAPPER

   Actual structure from inspector:

   1 = .sib_msg_disp
   2 = heading
   3 = Email
   4 = Name
   5 = Submit
--------------------------------------------------------- */

.mb26-newsletter-form
form#sib_signup_form_1
.sib_signup_box_inside_1 {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        200px !important;

    column-gap: 18px !important;
    row-gap: 14px !important;

    align-items: end !important;

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

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

    box-sizing: border-box !important;
}


/* hidden plugin message */
.mb26-newsletter-form
.sib_signup_box_inside_1
> .sib_msg_disp {

    grid-column: 1 / -1 !important;
}


/* ---------------------------------------------------------
   HEADING — CHILD #2
--------------------------------------------------------- */

.mb26-newsletter-form
.sib_signup_box_inside_1
> div:nth-child(2) {

    grid-column: 1 / -1 !important;

    float: none !important;

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

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

    color: #fff !important;

    font-family:
        "Source Sans Pro",
        Arial,
        sans-serif !important;

    font-size: 25px !important;
    line-height: 1.1 !important;

    font-weight: 800 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   EMAIL WRAPPER — CHILD #3
--------------------------------------------------------- */

.mb26-newsletter-form
.sib_signup_box_inside_1
> div:nth-child(3) {

    grid-column: 1 !important;

    float: none !important;

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

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

    color: #fff !important;

    font-size: 15px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    box-sizing: border-box !important;
}


/* fallback based on actual field */
.mb26-newsletter-form
.sib_signup_box_inside_1
> div:has(input.sib-email-area) {

    grid-column: 1 !important;

    float: none !important;

    width: 100% !important;

    margin: 0 !important;
}


/* ---------------------------------------------------------
   NAME WRAPPER — CHILD #4
--------------------------------------------------------- */

.mb26-newsletter-form
.sib_signup_box_inside_1
> div:nth-child(4) {

    grid-column: 2 !important;

    float: none !important;

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

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

    color: #fff !important;

    font-size: 15px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    box-sizing: border-box !important;
}


.mb26-newsletter-form
.sib_signup_box_inside_1
> div:has(input.sib-NAME-area) {

    grid-column: 2 !important;

    float: none !important;

    width: 100% !important;

    margin: 0 !important;
}


/* ---------------------------------------------------------
   SUBMIT WRAPPER — CHILD #5
--------------------------------------------------------- */

.mb26-newsletter-form
.sib_signup_box_inside_1
> div:nth-child(5) {

    grid-column: 3 !important;

    float: none !important;

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

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

    align-self: end !important;

    box-sizing: border-box !important;
}


/* safer submit-wrapper detection */
.mb26-newsletter-form
.sib_signup_box_inside_1
> div:has(input[type="submit"]),

.mb26-newsletter-form
.sib_signup_box_inside_1
> div:has(button[type="submit"]),

.mb26-newsletter-form
.sib_signup_box_inside_1
> div:has(.sib-default-btn) {

    grid-column: 3 !important;

    float: none !important;

    width: 100% !important;

    margin: 0 !important;

    align-self: end !important;
}


/* ---------------------------------------------------------
   EMAIL + NAME INPUTS
--------------------------------------------------------- */

.mb26-newsletter-form
form#sib_signup_form_1
input.sib-email-area,

.mb26-newsletter-form
form#sib_signup_form_1
input.sib-NAME-area,

.mb26-newsletter-form
form#sib_signup_form_1
input[name="email"],

.mb26-newsletter-form
form#sib_signup_form_1
input[name="NAME"] {

    display: block !important;

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

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

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

    float: none !important;

    box-sizing: border-box !important;

    color: #fff !important;

    background: transparent !important;

    border:
        1px solid
        rgba(255,255,255,.88) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 15px !important;
}


/* focus */
.mb26-newsletter-form
form#sib_signup_form_1
input.sib-email-area:focus,

.mb26-newsletter-form
form#sib_signup_form_1
input.sib-NAME-area:focus {

    outline: none !important;

    border-color: #fff !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.12) !important;
}


/* ---------------------------------------------------------
   SUBSCRIBE BUTTON
--------------------------------------------------------- */

.mb26-newsletter-form
form#sib_signup_form_1
input[type="submit"],

.mb26-newsletter-form
form#sib_signup_form_1
button[type="submit"],

.mb26-newsletter-form
form#sib_signup_form_1
.sib-default-btn {

    display: flex !important;

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

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

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

    margin: 0 !important;
    padding: 0 18px !important;

    box-sizing: border-box !important;

    color: #fff !important;

    background: transparent !important;

    border:
        1px solid
        rgba(255,255,255,.88) !important;

    border-radius: 0 !important;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .10em !important;

    text-transform: uppercase !important;
}


/* hover */
.mb26-newsletter-form
form#sib_signup_form_1
input[type="submit"]:hover,

.mb26-newsletter-form
form#sib_signup_form_1
button[type="submit"]:hover {

    background:
        rgba(255,255,255,.08) !important;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1100px) {

    .mb26-newsletter-form
    form#sib_signup_form_1
    .sib_signup_box_inside_1 {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr)
            165px !important;

        gap: 13px !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .mb26-newsletter-form
    form#sib_signup_form_1 {

        padding: 25px 20px !important;
    }


    .mb26-newsletter-form
    form#sib_signup_form_1
    .sib_signup_box_inside_1 {

        grid-template-columns:
            1fr !important;

        gap: 15px !important;
    }


    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:nth-child(2),

    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:nth-child(3),

    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:nth-child(4),

    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:nth-child(5),

    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:has(input.sib-email-area),

    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:has(input.sib-NAME-area),

    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:has(input[type="submit"]) {

        grid-column: 1 !important;
    }


    .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div:nth-child(2) {

        font-size: 21px !important;

        white-space: normal !important;
    }

}

/* === END NEWSLETTER CLEAN FINAL V4.0 === */

/* =========================================================
   MADBOMBER NEWSLETTER BUTTON FIX
========================================================= */

/* submit wrapper = 5th child in Brevo block */
.mb26-newsletter-form form#sib_signup_form_1 .sib_signup_box_inside_1 > div:nth-child(5) {
    display: block !important;
    grid-column: 3 !important;
    width: 100% !important;
    min-width: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    align-self: end !important;
}

/* actual submit button */
.mb26-newsletter-form form#sib_signup_form_1 .sib_signup_box_inside_1 > div:nth-child(5) input,
.mb26-newsletter-form form#sib_signup_form_1 .sib_signup_box_inside_1 > div:nth-child(5) button,
.mb26-newsletter-form form#sib_signup_form_1 input[type="submit"],
.mb26-newsletter-form form#sib_signup_form_1 .sib-default-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    min-width: 180px !important;
    max-width: none !important;

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

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

    margin: 0 !important;
    padding: 0 18px !important;

    box-sizing: border-box !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    border-radius: 0 !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;

    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
}

/* mobile */
@media (max-width: 767px) {
    .mb26-newsletter-form form#sib_signup_form_1 .sib_signup_box_inside_1 > div:nth-child(5) {
        grid-column: 1 !important;
    }
}

/* === END MADBOMBER NEWSLETTER BUTTON FIX === */

/* =========================================================
   MADBOMBER SIZE GUIDE HEAD IMAGE V4.1
========================================================= */

.mb26-head-shape {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 28px 42px !important;

    opacity: 1 !important;
}

.mb26-head-shape svg {
    display: none !important;
}

.mb26-head-shape img {
    display: block !important;

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

    max-width: 280px !important;
    max-height: 255px !important;

    object-fit: contain !important;

    opacity: .82 !important;

    filter:
        brightness(.92)
        contrast(1.05) !important;
}

/* tablet */
@media (max-width: 1150px) {

    .mb26-head-shape {
        padding: 24px 28px !important;
    }

    .mb26-head-shape img {
        max-width: 230px !important;
        max-height: 220px !important;
    }
}

/* mobile */
@media (max-width: 767px) {

    .mb26-head-shape {
        display: none !important;
    }
}

/* === END SIZE GUIDE HEAD IMAGE V4.1 === */



/* =========================================================
   MADBOMBER SUPPORT UKRAINE TRYZUB V4.2
   Same asset as top trust bar
========================================================= */

.mb26-ukraine-mark {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.mb26-ukraine-mark em {
    margin: 0 !important;
}

/* Hide old font-symbol visually and use exact top trident */
.mb26-ukraine-mark strong {
    display: block !important;

    width: 58px !important;
    min-width: 58px !important;
    height: 76px !important;

    margin: 32px auto 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    color: transparent !important;

    background: #c9ad73 !important;

    -webkit-mask:
        url('/wp-content/themes/mad-bomber/assets/trust-icons/tryzub-v35.svg')
        center / contain no-repeat !important;

    mask:
        url('/wp-content/themes/mad-bomber/assets/trust-icons/tryzub-v35.svg')
        center / contain no-repeat !important;
}

/* tablet */
@media (max-width: 1150px) {
    .mb26-ukraine-mark strong {
        width: 50px !important;
        min-width: 50px !important;
        height: 66px !important;
    }
}

/* === END SUPPORT UKRAINE TRYZUB V4.2 === */

/* =========================================================
   MADBOMBER FOOTER SOCIAL ICONS V4.3
========================================================= */

.mb26-footer-social {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.mb26-social-icon {
    width: 21px !important;
    height: 21px !important;

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

    flex: 0 0 21px !important;

    color: #111 !important;
}

.mb26-social-icon svg {
    width: 21px !important;
    height: 21px !important;

    display: block !important;

    overflow: visible !important;
}


/* Instagram */
.mb26-social-instagram svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* Facebook */
.mb26-social-facebook svg {
    fill: currentColor !important;
    stroke: none !important;
}


/* YouTube */
.mb26-social-youtube svg {
    fill: currentColor !important;
    stroke: none !important;
}

.mb26-social-youtube .mb26-youtube-play {
    fill: #fff !important;
}


/* TikTok */
.mb26-social-tiktok svg {
    fill: currentColor !important;
    stroke: none !important;
}


/* Remove old generic text styling */
.mb26-footer-social > span {
    font-size: 0 !important;
    font-weight: normal !important;
}


/* Copyright remains below */
.mb26-footer-social small {
    width: 100% !important;
    flex-basis: 100% !important;

    margin-top: 38px !important;
}


/* Slightly larger desktop version */
@media (min-width: 1200px) {

    .mb26-social-icon,
    .mb26-social-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .mb26-social-icon {
        flex-basis: 22px !important;
    }
}

/* === END FOOTER SOCIAL ICONS V4.3 === */

/* =========================================================
   MADBOMBER FOOTER SOCIAL LINKS V4.4
========================================================= */

.mb26-footer-social {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}

.mb26-footer-social .mb26-social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;

    color: #111 !important;
    text-decoration: none !important;
    transition: opacity .2s ease !important;
}

.mb26-footer-social .mb26-social-link:hover {
    opacity: .72 !important;
}

.mb26-footer-social .mb26-social-link svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
}

/* Facebook */
.mb26-footer-social .mb26-social-facebook svg {
    fill: currentColor !important;
    stroke: none !important;
}

/* X */
.mb26-footer-social .mb26-social-x {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}
.mb26-footer-social .mb26-social-x svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    stroke: none !important;
}

/* Instagram */
.mb26-footer-social .mb26-social-instagram svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* copyright under icons */
.mb26-footer-social small {
    flex-basis: 100% !important;
    display: block !important;
    margin-top: 24px !important;
    color: #777 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* === END MADBOMBER FOOTER SOCIAL LINKS V4.4 === */





/* =========================================================
   MADBOMBER PHOTO TRANSPARENT FADE V4.7
========================================================= */


/* =========================================================
   MADE IN UKRAINE
   Photo physically extends under text and fades away.
========================================================= */

.mb26-ukraine {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background: #111311 !important;
}


/*
 * Extend the actual PHOTO column into the text column.
 */
.mb26-ukraine-image {
    position: relative !important;
    z-index: 1 !important;

    width: calc(100% + 260px) !important;

    margin-right: -260px !important;

    overflow: hidden !important;

    -webkit-mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 48%,
            rgba(0,0,0,.98) 56%,
            rgba(0,0,0,.88) 65%,
            rgba(0,0,0,.66) 75%,
            rgba(0,0,0,.38) 85%,
            rgba(0,0,0,.14) 94%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 48%,
            rgba(0,0,0,.98) 56%,
            rgba(0,0,0,.88) 65%,
            rgba(0,0,0,.66) 75%,
            rgba(0,0,0,.38) 85%,
            rgba(0,0,0,.14) 94%,
            transparent 100%
        ) !important;
}


.mb26-ukraine-image img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: left center !important;

    filter:
        brightness(.96)
        contrast(1.025)
        saturate(.94) !important;
}


/*
 * Kill previous artificial dark gradients.
 * Now transparency itself makes the transition.
 */
.mb26-ukraine-image::before,
.mb26-ukraine-image::after {
    display: none !important;
    content: none !important;
}


/*
 * Text sits ABOVE extended photo.
 */
.mb26-ukraine-copy {
    position: relative !important;
    z-index: 3 !important;

    background: transparent !important;
}


.mb26-ukraine-mark {
    position: relative !important;
    z-index: 3 !important;

    background: transparent !important;
}


/* =========================================================
   SIZE GUIDE
   Same technique.
========================================================= */

.mb26-size-guide {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background: #151715 !important;
}


/*
 * This element already contains the real photo as background.
 * Extend the whole background block into the text section.
 */
.mb26-size-photo {
    position: relative !important;
    z-index: 1 !important;

    width: calc(100% + 260px) !important;

    margin-right: -260px !important;

    background:
        var(--size-photo)
        center / cover no-repeat !important;

    filter:
        brightness(.96)
        contrast(1.02)
        saturate(.92) !important;

    -webkit-mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 45%,
            rgba(0,0,0,.98) 55%,
            rgba(0,0,0,.88) 64%,
            rgba(0,0,0,.66) 74%,
            rgba(0,0,0,.40) 84%,
            rgba(0,0,0,.16) 94%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 45%,
            rgba(0,0,0,.98) 55%,
            rgba(0,0,0,.88) 64%,
            rgba(0,0,0,.66) 74%,
            rgba(0,0,0,.40) 84%,
            rgba(0,0,0,.16) 94%,
            transparent 100%
        ) !important;
}


.mb26-size-photo::before,
.mb26-size-photo::after {
    display: none !important;
    content: none !important;
}


.mb26-size-copy {
    position: relative !important;
    z-index: 3 !important;

    background: transparent !important;
}


.mb26-head-shape {
    position: relative !important;
    z-index: 3 !important;
}


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

@media (max-width: 1150px) {

    .mb26-ukraine-image {
        width: calc(100% + 180px) !important;
        margin-right: -180px !important;
    }

    .mb26-size-photo {
        width: calc(100% + 170px) !important;
        margin-right: -170px !important;
    }

}


/* =========================================================
   MOBILE
   Image fades vertically instead of horizontally.
========================================================= */

@media (max-width: 767px) {

    .mb26-ukraine-image {
        width: 100% !important;
        margin-right: 0 !important;

        -webkit-mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 62%,
                rgba(0,0,0,.86) 75%,
                rgba(0,0,0,.50) 87%,
                transparent 100%
            ) !important;

        mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 62%,
                rgba(0,0,0,.86) 75%,
                rgba(0,0,0,.50) 87%,
                transparent 100%
            ) !important;
    }


    .mb26-size-photo {
        width: 100% !important;
        margin-right: 0 !important;

        -webkit-mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 60%,
                rgba(0,0,0,.86) 74%,
                rgba(0,0,0,.48) 87%,
                transparent 100%
            ) !important;

        mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 60%,
                rgba(0,0,0,.86) 74%,
                rgba(0,0,0,.48) 87%,
                transparent 100%
            ) !important;
    }

}

/* === END PHOTO TRANSPARENT FADE V4.7 === */

/* =========================================================
   MADBOMBER SECTION HEIGHTS V4.8
========================================================= */

/* MADE IN UKRAINE */
.mb26-ukraine {
    height: 430px !important;
    min-height: 430px !important;
}

.mb26-ukraine-image {
    height: 430px !important;
    min-height: 0 !important;
}

.mb26-ukraine-image img {
    width: 100% !important;
    height: 430px !important;
    min-height: 0 !important;

    object-fit: cover !important;
    object-position: center 38% !important;
}

.mb26-ukraine-copy {
    height: 430px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-ukraine-mark {
    height: 430px !important;
    box-sizing: border-box !important;
}


/* FIND YOUR PERFECT SIZE */
.mb26-size-guide {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-photo {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-copy {
    height: 300px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-head-shape {
    height: 300px !important;
    box-sizing: border-box !important;
}

.mb26-head-shape img {
    max-height: 225px !important;
}


/* TABLET */
@media (max-width: 1150px) {

    .mb26-ukraine,
    .mb26-ukraine-image,
    .mb26-ukraine-image img,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark {
        height: 400px !important;
        min-height: 0 !important;
    }

    .mb26-size-guide,
    .mb26-size-photo,
    .mb26-size-copy,
    .mb26-head-shape {
        height: 290px !important;
        min-height: 0 !important;
    }
}


/* MOBILE — let content determine height */
@media (max-width: 767px) {

    .mb26-ukraine,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark,
    .mb26-size-guide,
    .mb26-size-copy,
    .mb26-head-shape {
        height: auto !important;
        min-height: 0 !important;
    }

    .mb26-ukraine-image,
    .mb26-ukraine-image img {
        height: 350px !important;
    }

    .mb26-size-photo {
        height: 300px !important;
    }
}

/* === END SECTION HEIGHTS V4.8 === */

/* =========================================================
   MADBOMBER SECTION HEIGHTS V4.8
========================================================= */

/* MADE IN UKRAINE */
.mb26-ukraine {
    height: 430px !important;
    min-height: 430px !important;
}

.mb26-ukraine-image {
    height: 430px !important;
    min-height: 0 !important;
}

.mb26-ukraine-image img {
    width: 100% !important;
    height: 430px !important;
    min-height: 0 !important;

    object-fit: cover !important;
    object-position: center 38% !important;
}

.mb26-ukraine-copy {
    height: 430px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-ukraine-mark {
    height: 430px !important;
    box-sizing: border-box !important;
}


/* FIND YOUR PERFECT SIZE */
.mb26-size-guide {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-photo {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-copy {
    height: 300px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-head-shape {
    height: 300px !important;
    box-sizing: border-box !important;
}

.mb26-head-shape img {
    max-height: 225px !important;
}


/* TABLET */
@media (max-width: 1150px) {

    .mb26-ukraine,
    .mb26-ukraine-image,
    .mb26-ukraine-image img,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark {
        height: 400px !important;
        min-height: 0 !important;
    }

    .mb26-size-guide,
    .mb26-size-photo,
    .mb26-size-copy,
    .mb26-head-shape {
        height: 290px !important;
        min-height: 0 !important;
    }
}


/* MOBILE — let content determine height */
@media (max-width: 767px) {

    .mb26-ukraine,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark,
    .mb26-size-guide,
    .mb26-size-copy,
    .mb26-head-shape {
        height: auto !important;
        min-height: 0 !important;
    }

    .mb26-ukraine-image,
    .mb26-ukraine-image img {
        height: 350px !important;
    }

    .mb26-size-photo {
        height: 300px !important;
    }
}

/* === END SECTION HEIGHTS V4.8 === */

/* =========================================================
   MADBOMBER SECTION HEIGHTS V4.8
========================================================= */

/* MADE IN UKRAINE */
.mb26-ukraine {
    height: 430px !important;
    min-height: 430px !important;
}

.mb26-ukraine-image {
    height: 430px !important;
    min-height: 0 !important;
}

.mb26-ukraine-image img {
    width: 100% !important;
    height: 430px !important;
    min-height: 0 !important;

    object-fit: cover !important;
    object-position: center 38% !important;
}

.mb26-ukraine-copy {
    height: 430px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-ukraine-mark {
    height: 430px !important;
    box-sizing: border-box !important;
}


/* FIND YOUR PERFECT SIZE */
.mb26-size-guide {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-photo {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-copy {
    height: 300px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-head-shape {
    height: 300px !important;
    box-sizing: border-box !important;
}

.mb26-head-shape img {
    max-height: 225px !important;
}


/* TABLET */
@media (max-width: 1150px) {

    .mb26-ukraine,
    .mb26-ukraine-image,
    .mb26-ukraine-image img,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark {
        height: 400px !important;
        min-height: 0 !important;
    }

    .mb26-size-guide,
    .mb26-size-photo,
    .mb26-size-copy,
    .mb26-head-shape {
        height: 290px !important;
        min-height: 0 !important;
    }
}


/* MOBILE — let content determine height */
@media (max-width: 767px) {

    .mb26-ukraine,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark,
    .mb26-size-guide,
    .mb26-size-copy,
    .mb26-head-shape {
        height: auto !important;
        min-height: 0 !important;
    }

    .mb26-ukraine-image,
    .mb26-ukraine-image img {
        height: 350px !important;
    }

    .mb26-size-photo {
        height: 300px !important;
    }
}

/* === END SECTION HEIGHTS V4.8 === */

/* =========================================================
   MADBOMBER SECTION HEIGHTS V4.8
========================================================= */

/* MADE IN UKRAINE */
.mb26-ukraine {
    height: 430px !important;
    min-height: 430px !important;
}

.mb26-ukraine-image {
    height: 430px !important;
    min-height: 0 !important;
}

.mb26-ukraine-image img {
    width: 100% !important;
    height: 430px !important;
    min-height: 0 !important;

    object-fit: cover !important;
    object-position: center 38% !important;
}

.mb26-ukraine-copy {
    height: 430px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-ukraine-mark {
    height: 430px !important;
    box-sizing: border-box !important;
}


/* FIND YOUR PERFECT SIZE */
.mb26-size-guide {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-photo {
    height: 300px !important;
    min-height: 300px !important;
}

.mb26-size-copy {
    height: 300px !important;

    padding-top: 38px !important;
    padding-bottom: 38px !important;

    box-sizing: border-box !important;
}

.mb26-head-shape {
    height: 300px !important;
    box-sizing: border-box !important;
}

.mb26-head-shape img {
    max-height: 225px !important;
}


/* TABLET */
@media (max-width: 1150px) {

    .mb26-ukraine,
    .mb26-ukraine-image,
    .mb26-ukraine-image img,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark {
        height: 400px !important;
        min-height: 0 !important;
    }

    .mb26-size-guide,
    .mb26-size-photo,
    .mb26-size-copy,
    .mb26-head-shape {
        height: 290px !important;
        min-height: 0 !important;
    }
}


/* MOBILE — let content determine height */
@media (max-width: 767px) {

    .mb26-ukraine,
    .mb26-ukraine-copy,
    .mb26-ukraine-mark,
    .mb26-size-guide,
    .mb26-size-copy,
    .mb26-head-shape {
        height: auto !important;
        min-height: 0 !important;
    }

    .mb26-ukraine-image,
    .mb26-ukraine-image img {
        height: 350px !important;
    }

    .mb26-size-photo {
        height: 300px !important;
    }
}

/* === END SECTION HEIGHTS V4.8 === */

/* =========================================================
   MADE IN UKRAINE COPY SHIFT RIGHT V4.11
========================================================= */

@media (min-width: 1151px) {

    .mb26-ukraine-copy {
        transform: translateX(70px) !important;
    }

}

@media (min-width: 768px) and (max-width: 1150px) {

    .mb26-ukraine-copy {
        transform: translateX(30px) !important;
    }

}

@media (max-width: 767px) {

    .mb26-ukraine-copy {
        transform: none !important;
    }

}

/* === END COPY SHIFT RIGHT V4.11 === */

/* =========================================================
   MADBOMBER COPY SHIFT RIGHT V4.12
========================================================= */

@media (min-width: 1151px) {

    .mb26-ukraine-copy {
        transform: translateX(70px) !important;
    }

    .mb26-size-copy {
        transform: translateX(55px) !important;
    }

}

@media (min-width: 768px) and (max-width: 1150px) {

    .mb26-ukraine-copy {
        transform: translateX(30px) !important;
    }

    .mb26-size-copy {
        transform: translateX(25px) !important;
    }

}

@media (max-width: 767px) {

    .mb26-ukraine-copy,
    .mb26-size-copy {
        transform: none !important;
    }

}

/* === END COPY SHIFT RIGHT V4.12 === */

/* =========================================================
   MADBOMBER COPY POSITION V4.13
   shift content using padding instead of transform
========================================================= */

@media (min-width: 1151px) {

    /* cancel previous transform experiments */
    .mb26-ukraine-copy,
    .mb26-size-copy {
        transform: none !important;
    }


    /* MADE IN UKRAINE */
    .mb26-ukraine-copy {
        padding-left: 145px !important;
        padding-right: 35px !important;
    }


    /* FIND YOUR PERFECT SIZE */
    .mb26-size-copy {
        padding-left: 125px !important;
        padding-right: 30px !important;
    }

}


/* TABLET */
@media (min-width: 768px) and (max-width: 1150px) {

    .mb26-ukraine-copy,
    .mb26-size-copy {
        transform: none !important;
    }

    .mb26-ukraine-copy {
        padding-left: 75px !important;
    }

    .mb26-size-copy {
        padding-left: 65px !important;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .mb26-ukraine-copy,
    .mb26-size-copy {
        transform: none !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

}

/* === END COPY POSITION V4.13 === */

/* =========================================================
   MADBOMBER COPY POSITION V4.14
   DOUBLE SHIFT RIGHT
========================================================= */

@media (min-width: 1151px) {

    .mb26-ukraine-copy {
        transform: none !important;
        padding-left: 290px !important;
        padding-right: 20px !important;
    }

    .mb26-size-copy {
        transform: none !important;
        padding-left: 250px !important;
        padding-right: 20px !important;
    }

}

@media (min-width: 768px) and (max-width: 1150px) {

    .mb26-ukraine-copy {
        transform: none !important;
        padding-left: 150px !important;
    }

    .mb26-size-copy {
        transform: none !important;
        padding-left: 130px !important;
    }

}

@media (max-width: 767px) {

    .mb26-ukraine-copy,
    .mb26-size-copy {
        transform: none !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

}

/* === END COPY POSITION V4.14 === */

/* =========================================================
   MADBOMBER LEFT PHOTO 1/3 V4.15
========================================================= */

@media (min-width: 1151px) {

    /* -----------------------------------------------
       MADE IN UKRAINE
       33% photo / 47% copy / 20% support block
    ------------------------------------------------ */

    .mb26-ukraine {
        grid-template-columns:
            33%
            47%
            20% !important;
    }

    /*
     * Photo column itself = 1/3.
     * Extra width exists only for transparent fade.
     */
    .mb26-ukraine-image {
        width: calc(100% + 220px) !important;
        margin-right: -220px !important;
    }


    /* -----------------------------------------------
       SIZE GUIDE
       33% photo / 42% copy / 25% measurement image
    ------------------------------------------------ */

    .mb26-size-guide {
        grid-template-columns:
            33%
            42%
            25% !important;
    }

    .mb26-size-photo {
        width: calc(100% + 210px) !important;
        margin-right: -210px !important;
    }

}


/* TABLET */
@media (min-width: 768px) and (max-width: 1150px) {

    .mb26-ukraine {
        grid-template-columns:
            34%
            66% !important;
    }

    .mb26-ukraine-image {
        width: calc(100% + 150px) !important;
        margin-right: -150px !important;
    }

    .mb26-size-guide {
        grid-template-columns:
            34%
            42%
            24% !important;
    }

    .mb26-size-photo {
        width: calc(100% + 140px) !important;
        margin-right: -140px !important;
    }

}


/* MOBILE — leave stacked layout */
@media (max-width: 767px) {

    .mb26-ukraine,
    .mb26-size-guide {
        grid-template-columns: 1fr !important;
    }

    .mb26-ukraine-image,
    .mb26-size-photo {
        width: 100% !important;
        margin-right: 0 !important;
    }

}

/* === END LEFT PHOTO 1/3 V4.15 === */

/* =========================================================
   MADBOMBER MOUNTAIN PHOTO V4.17
========================================================= */

.mb26-mountain {
    position: relative !important;
    overflow: hidden !important;

    background-image:
        url('https://madbomber.com/wp-content/uploads/2026/09/886f92a5-c067-487d-a88b-bb5ca4faaa50.png')
        !important;

    background-size: cover !important;

    /*
     * Keep the man on the right,
     * leaving clean space for copy on the left.
     */
    background-position: center 48% !important;

    background-repeat: no-repeat !important;
}


/* Dark/soft area under left-side copy */
.mb26-mountain::before {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(8,13,17,.72) 0%,
            rgba(8,13,17,.56) 17%,
            rgba(8,13,17,.28) 34%,
            rgba(8,13,17,.08) 50%,
            rgba(8,13,17,0) 68%
        ) !important;
}


/* subtle cool cinematic tone */
.mb26-mountain::after {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(22,38,54,.10) 0%,
            rgba(5,10,15,.05) 100%
        ) !important;
}


/* Keep text/buttons above overlays */
.mb26-mountain > * {
    position: relative !important;
    z-index: 3 !important;
}


/* Mobile */
@media (max-width: 767px) {

    .mb26-mountain {
        background-position: 67% center !important;
    }

    .mb26-mountain::before {
        background:
            linear-gradient(
                90deg,
                rgba(8,13,17,.76) 0%,
                rgba(8,13,17,.52) 45%,
                rgba(8,13,17,.12) 78%,
                transparent 100%
            ) !important;
    }

}

/* === END MOUNTAIN PHOTO V4.17 === */

/* =========================================================
   MADBOMBER MOUNTAIN PHOTO V4.18
   FINAL IMAGE REPLACEMENT
========================================================= */

.mb26-mountain {
    background-image:
        url('https://madbomber.com/wp-content/uploads/2026/09/1b571a86-ad4d-417f-840a-73faccc7f745.png')
        !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* === END MOUNTAIN PHOTO V4.18 === */

/* =========================================================
   MADBOMBER HEADER SCALE V4.19
========================================================= */

/* desktop header */
@media (min-width: 1151px) {

    /* navigation area */
    #mb26 .mb26-header,
    #mb26 .mb26-hero-header {
        min-height: 88px !important;
    }

    /* main navigation */
    #mb26 .mb26-nav,
    #mb26 .mb26-header nav,
    #mb26 .mb26-hero nav {
        gap: 40px !important;
    }

    /* SHOP / BEST SELLERS / COLLECTIONS... */
    #mb26 .mb26-nav a,
    #mb26 .mb26-header nav a,
    #mb26 .mb26-hero nav a {
        font-size: 13.5px !important;
        line-height: 1 !important;

        font-weight: 800 !important;
        letter-spacing: .055em !important;

        white-space: nowrap !important;
    }

    /* right-side actions */
    #mb26 .mb26-header-actions,
    #mb26 .mb26-nav-actions {
        gap: 22px !important;
    }

    /* search / account / cart */
    #mb26 .mb26-header-actions svg,
    #mb26 .mb26-nav-actions svg {
        width: 24px !important;
        height: 24px !important;
    }

    #mb26 .mb26-header-actions a,
    #mb26 .mb26-nav-actions a {
        font-size: 14px !important;
    }

}


/* tablet */
@media (min-width: 768px) and (max-width: 1150px) {

    #mb26 .mb26-nav,
    #mb26 .mb26-header nav,
    #mb26 .mb26-hero nav {
        gap: 24px !important;
    }

    #mb26 .mb26-nav a,
    #mb26 .mb26-header nav a,
    #mb26 .mb26-hero nav a {
        font-size: 12px !important;
    }

}

/* === END HEADER SCALE V4.19 === */

/* =========================================================
   MADBOMBER HERO LOGO LIGHT V4.20
========================================================= */

.mb26-header .mb26-logo {
    position: relative !important;
    z-index: 5 !important;

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

    isolation: isolate !important;
}


/* soft local glow behind logo */
.mb26-header .mb26-logo::before {
    content: "" !important;

    position: absolute !important;
    z-index: -1 !important;

    left: 50% !important;
    top: 50% !important;

    width: 190% !important;
    height: 190% !important;

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

    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.18) 0%,
            rgba(230,238,244,.10) 34%,
            rgba(210,225,235,.04) 54%,
            rgba(255,255,255,0) 74%
        ) !important;

    filter: blur(10px) !important;

    opacity: .95 !important;
}


/* actual MadBomber logo */
.mb26-header .mb26-logo img {
    position: relative !important;

    display: block !important;

    opacity: 1 !important;

    filter:
        brightness(0)
        invert(1)
        drop-shadow(0 1px 2px rgba(0,0,0,.38))
        drop-shadow(0 0 5px rgba(255,255,255,.10))
        !important;
}


/* desktop — make it slightly more visible */
@media (min-width: 1151px) {

    .mb26-header .mb26-logo img {
        transform: scale(1.05) !important;
        transform-origin: left center !important;
    }

}


/* mobile/tablet: keep it restrained */
@media (max-width: 1150px) {

    .mb26-header .mb26-logo::before {
        width: 165% !important;
        height: 165% !important;
        opacity: .78 !important;
    }

}

/* === END HERO LOGO LIGHT V4.20 === */

/* =========================================================
   MADBOMBER VIEW ALL PRODUCTS TEXT V4.21
========================================================= */

#mb26 .mb26-title-row > a {
    font-size: 14px !important;
    line-height: 1 !important;

    font-weight: 800 !important;
    letter-spacing: .11em !important;

    white-space: nowrap !important;
}


/* slightly more breathing room */
#mb26 .mb26-title-row > a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}


/* tablet */
@media (max-width: 1150px) {

    #mb26 .mb26-title-row > a {
        font-size: 12.5px !important;
    }

}


/* mobile */
@media (max-width: 767px) {

    #mb26 .mb26-title-row > a {
        font-size: 11px !important;
        letter-spacing: .08em !important;
    }

}

/* === END VIEW ALL PRODUCTS V4.21 === */

/* =========================================================
   MADBOMBER RESPONSIVE STABILIZATION V5.0
   DESKTOP >= 1151px IS UNTOUCHED
========================================================= */


/* =========================================================
   TABLET
   768 — 1150
========================================================= */

@media (min-width: 768px) and (max-width: 1150px) {


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    #mb26 .mb26-header {
        min-height: 74px !important;

        padding-left: 28px !important;
        padding-right: 28px !important;

        display: flex !important;
        align-items: center !important;
    }


    #mb26 .mb26-logo {
        position: relative !important;
        z-index: 20 !important;

        margin-right: auto !important;
    }


    #mb26 .mb26-logo img {
        max-width: 175px !important;
        height: auto !important;
    }


    /* Desktop menu no longer fits correctly on tablet */
    #mb26 .mb26-main-nav,
    #mb26 .mb26-header-icons {
        display: none !important;
    }


    #mb26 .mb26-mobile-menu {
        display: block !important;

        position: relative !important;
        z-index: 30 !important;

        margin-left: auto !important;
    }


    #mb26 .mb26-mobile-menu summary {
        cursor: pointer !important;

        list-style: none !important;

        color: #fff !important;

        border: 1px solid rgba(255,255,255,.65) !important;

        padding: 11px 17px !important;

        font-size: 12px !important;
        line-height: 1 !important;

        font-weight: 800 !important;
        letter-spacing: .10em !important;
    }


    #mb26 .mb26-mobile-menu summary::-webkit-details-marker {
        display: none !important;
    }


    #mb26 .mb26-mobile-menu > div {
        position: absolute !important;

        right: 0 !important;
        top: calc(100% + 10px) !important;

        width: 230px !important;

        padding: 14px !important;

        background: rgba(11,14,16,.97) !important;

        border: 1px solid rgba(255,255,255,.16) !important;

        box-shadow: 0 16px 35px rgba(0,0,0,.28) !important;
    }


    #mb26 .mb26-mobile-menu > div a {
        display: block !important;

        padding: 10px 8px !important;

        color: #fff !important;

        font-size: 12px !important;
        font-weight: 700 !important;

        text-decoration: none !important;
    }



    /* -----------------------------------------------------
       TRUST BAR
    ----------------------------------------------------- */

    #mb26 .mb26-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    #mb26 .mb26-trust-item {
        min-height: 94px !important;

        padding:
            20px
            30px !important;
    }



    /* -----------------------------------------------------
       MADE IN UKRAINE

       Keep all THREE blocks in one row.
       Important: previous 34/66 rule could push
       Support Ukrainian Business to another row.
    ----------------------------------------------------- */

    #mb26 .mb26-ukraine {
        grid-template-columns:
            34%
            46%
            20% !important;

        height: 400px !important;
        min-height: 400px !important;
    }


    #mb26 .mb26-ukraine-image,
    #mb26 .mb26-ukraine-image img {
        height: 400px !important;
    }


    #mb26 .mb26-ukraine-copy {
        height: 400px !important;

        transform: none !important;

        padding:
            42px
            24px
            42px
            58px !important;

        box-sizing: border-box !important;
    }


    #mb26 .mb26-ukraine-copy h2 {
        font-size: 30px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-ukraine-copy p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }


    #mb26 .mb26-ukraine-mark {
        height: 400px !important;

        padding:
            36px
            14px !important;

        box-sizing: border-box !important;
    }


    #mb26 .mb26-ukraine-mark em {
        font-size: 23px !important;
    }


    #mb26 .mb26-ukraine-mark strong {
        width: 45px !important;
        min-width: 45px !important;
        height: 60px !important;
    }



    /* -----------------------------------------------------
       SIZE GUIDE
    ----------------------------------------------------- */

    #mb26 .mb26-size-guide {
        grid-template-columns:
            34%
            43%
            23% !important;

        height: 290px !important;
        min-height: 290px !important;
    }


    #mb26 .mb26-size-photo {
        height: 290px !important;
    }


    #mb26 .mb26-size-copy {
        height: 290px !important;

        transform: none !important;

        padding:
            40px
            20px
            40px
            55px !important;

        box-sizing: border-box !important;
    }


    #mb26 .mb26-size-copy h2 {
        font-size: 28px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-size-copy p {
        font-size: 13.5px !important;
        line-height: 1.45 !important;
    }


    #mb26 .mb26-head-shape {
        height: 290px !important;

        padding: 25px !important;
    }


    #mb26 .mb26-head-shape img {
        width: 100% !important;

        max-width: 190px !important;
        max-height: 210px !important;
    }



    /* -----------------------------------------------------
       NEWSLETTER

       On tablet the whole newsletter becomes one row above
       another, giving Brevo form enough actual width.
    ----------------------------------------------------- */

    #mb26 .mb26-newsletter {
        grid-template-columns: 1fr !important;

        gap: 30px !important;

        min-height: 0 !important;

        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }


    #mb26 .mb26-newsletter-form {
        width: 100% !important;
        max-width: 820px !important;

        margin: 0 auto !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1 {

        max-width: 820px !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1
    .sib_signup_box_inside_1 {

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr)
            180px !important;

        column-gap: 16px !important;
    }



    /* -----------------------------------------------------
       FOOTER
    ----------------------------------------------------- */

    #mb26 .mb26-footer {
        grid-template-columns:
            1.35fr
            1fr
            1fr !important;

        gap:
            40px
            35px !important;

        height: auto !important;
        min-height: 0 !important;

        padding:
            50px
            40px !important;
    }


    #mb26 .mb26-footer-brand img {
        width: 175px !important;
    }

}



/* =========================================================
   MOBILE
   <= 767
========================================================= */

@media (max-width: 767px) {


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    #mb26 .mb26-header {
        min-height: 66px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        display: flex !important;
        align-items: center !important;
    }


    #mb26 .mb26-main-nav,
    #mb26 .mb26-header-icons {
        display: none !important;
    }


    #mb26 .mb26-logo {
        margin-right: auto !important;
    }


    #mb26 .mb26-logo img {
        max-width: 145px !important;
        height: auto !important;
    }


    #mb26 .mb26-mobile-menu {
        display: block !important;

        position: relative !important;
        z-index: 100 !important;
    }


    #mb26 .mb26-mobile-menu summary {
        list-style: none !important;

        cursor: pointer !important;

        padding: 10px 14px !important;

        border: 1px solid rgba(255,255,255,.65) !important;

        color: #fff !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .10em !important;
    }


    #mb26 .mb26-mobile-menu summary::-webkit-details-marker {
        display: none !important;
    }


    #mb26 .mb26-mobile-menu > div {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;

        width: min(260px, 82vw) !important;

        padding: 12px !important;

        background: rgba(9,12,14,.98) !important;

        border: 1px solid rgba(255,255,255,.15) !important;

        box-shadow: 0 15px 30px rgba(0,0,0,.30) !important;
    }


    #mb26 .mb26-mobile-menu a {
        display: block !important;

        padding: 10px !important;

        color: #fff !important;

        font-size: 12px !important;

        text-decoration: none !important;
    }



    /* -----------------------------------------------------
       TRUST
    ----------------------------------------------------- */

    #mb26 .mb26-trust {
        grid-template-columns:
            1fr
            1fr !important;
    }


    #mb26 .mb26-trust-item {
        min-height: 96px !important;

        padding:
            18px
            14px !important;

        gap: 13px !important;
    }


    #mb26 .mb26-trust-copy strong {
        font-size: 11px !important;
    }


    #mb26 .mb26-trust-copy > span {
        font-size: 10px !important;
    }



    /* -----------------------------------------------------
       MADE IN UKRAINE
    ----------------------------------------------------- */

    #mb26 .mb26-ukraine {
        grid-template-columns: 1fr !important;

        height: auto !important;
        min-height: 0 !important;
    }


    #mb26 .mb26-ukraine-image,
    #mb26 .mb26-ukraine-image img {
        height: 330px !important;
    }


    #mb26 .mb26-ukraine-copy {
        height: auto !important;

        transform: none !important;

        padding:
            42px
            24px !important;
    }


    #mb26 .mb26-ukraine-copy h2 {
        font-size: 29px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-ukraine-mark {
        height: auto !important;

        padding:
            12px
            24px
            44px !important;
    }


    #mb26 .mb26-ukraine-mark em {
        font-size: 24px !important;
    }



    /* -----------------------------------------------------
       SIZE GUIDE
    ----------------------------------------------------- */

    #mb26 .mb26-size-guide {
        grid-template-columns: 1fr !important;

        height: auto !important;
        min-height: 0 !important;
    }


    #mb26 .mb26-size-photo {
        height: 290px !important;
    }


    #mb26 .mb26-size-copy {
        height: auto !important;

        transform: none !important;

        padding:
            40px
            24px
            46px !important;
    }


    #mb26 .mb26-size-copy h2 {
        font-size: 28px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-head-shape {
        display: none !important;
    }



    /* -----------------------------------------------------
       NEWSLETTER
    ----------------------------------------------------- */

    #mb26 .mb26-newsletter {
        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 28px !important;

        padding:
            42px
            20px !important;

        min-height: 0 !important;
    }


    #mb26 .mb26-newsletter h2 {
        font-size: 29px !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1 {

        padding:
            24px
            18px !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1
    .sib_signup_box_inside_1 {

        grid-template-columns:
            1fr !important;

        gap: 15px !important;
    }


    #mb26 .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div {

        grid-column: 1 !important;
    }



    /* -----------------------------------------------------
       FOOTER
    ----------------------------------------------------- */

    #mb26 .mb26-footer {
        grid-template-columns:
            1fr
            1fr !important;

        gap:
            35px
            28px !important;

        padding:
            42px
            24px !important;

        height: auto !important;
        min-height: 0 !important;
    }


    #mb26 .mb26-footer-brand {
        grid-column: 1 / -1 !important;
    }


    #mb26 .mb26-footer-social {
        grid-column: 1 / -1 !important;
    }


    #mb26 .mb26-footer-brand img {
        width: 165px !important;
    }

}

/* =========================================================
   END RESPONSIVE V5.0
========================================================= */

/* =========================================================
   MADBOMBER RESPONSIVE STABILIZATION V5.0
   DESKTOP >= 1151px IS UNTOUCHED
========================================================= */


/* =========================================================
   TABLET
   768 — 1150
========================================================= */

@media (min-width: 768px) and (max-width: 1150px) {


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    #mb26 .mb26-header {
        min-height: 74px !important;

        padding-left: 28px !important;
        padding-right: 28px !important;

        display: flex !important;
        align-items: center !important;
    }


    #mb26 .mb26-logo {
        position: relative !important;
        z-index: 20 !important;

        margin-right: auto !important;
    }


    #mb26 .mb26-logo img {
        max-width: 175px !important;
        height: auto !important;
    }


    /* Desktop menu no longer fits correctly on tablet */
    #mb26 .mb26-main-nav,
    #mb26 .mb26-header-icons {
        display: none !important;
    }


    #mb26 .mb26-mobile-menu {
        display: block !important;

        position: relative !important;
        z-index: 30 !important;

        margin-left: auto !important;
    }


    #mb26 .mb26-mobile-menu summary {
        cursor: pointer !important;

        list-style: none !important;

        color: #fff !important;

        border: 1px solid rgba(255,255,255,.65) !important;

        padding: 11px 17px !important;

        font-size: 12px !important;
        line-height: 1 !important;

        font-weight: 800 !important;
        letter-spacing: .10em !important;
    }


    #mb26 .mb26-mobile-menu summary::-webkit-details-marker {
        display: none !important;
    }


    #mb26 .mb26-mobile-menu > div {
        position: absolute !important;

        right: 0 !important;
        top: calc(100% + 10px) !important;

        width: 230px !important;

        padding: 14px !important;

        background: rgba(11,14,16,.97) !important;

        border: 1px solid rgba(255,255,255,.16) !important;

        box-shadow: 0 16px 35px rgba(0,0,0,.28) !important;
    }


    #mb26 .mb26-mobile-menu > div a {
        display: block !important;

        padding: 10px 8px !important;

        color: #fff !important;

        font-size: 12px !important;
        font-weight: 700 !important;

        text-decoration: none !important;
    }



    /* -----------------------------------------------------
       TRUST BAR
    ----------------------------------------------------- */

    #mb26 .mb26-trust {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    #mb26 .mb26-trust-item {
        min-height: 94px !important;

        padding:
            20px
            30px !important;
    }



    /* -----------------------------------------------------
       MADE IN UKRAINE

       Keep all THREE blocks in one row.
       Important: previous 34/66 rule could push
       Support Ukrainian Business to another row.
    ----------------------------------------------------- */

    #mb26 .mb26-ukraine {
        grid-template-columns:
            34%
            46%
            20% !important;

        height: 400px !important;
        min-height: 400px !important;
    }


    #mb26 .mb26-ukraine-image,
    #mb26 .mb26-ukraine-image img {
        height: 400px !important;
    }


    #mb26 .mb26-ukraine-copy {
        height: 400px !important;

        transform: none !important;

        padding:
            42px
            24px
            42px
            58px !important;

        box-sizing: border-box !important;
    }


    #mb26 .mb26-ukraine-copy h2 {
        font-size: 30px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-ukraine-copy p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }


    #mb26 .mb26-ukraine-mark {
        height: 400px !important;

        padding:
            36px
            14px !important;

        box-sizing: border-box !important;
    }


    #mb26 .mb26-ukraine-mark em {
        font-size: 23px !important;
    }


    #mb26 .mb26-ukraine-mark strong {
        width: 45px !important;
        min-width: 45px !important;
        height: 60px !important;
    }



    /* -----------------------------------------------------
       SIZE GUIDE
    ----------------------------------------------------- */

    #mb26 .mb26-size-guide {
        grid-template-columns:
            34%
            43%
            23% !important;

        height: 290px !important;
        min-height: 290px !important;
    }


    #mb26 .mb26-size-photo {
        height: 290px !important;
    }


    #mb26 .mb26-size-copy {
        height: 290px !important;

        transform: none !important;

        padding:
            40px
            20px
            40px
            55px !important;

        box-sizing: border-box !important;
    }


    #mb26 .mb26-size-copy h2 {
        font-size: 28px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-size-copy p {
        font-size: 13.5px !important;
        line-height: 1.45 !important;
    }


    #mb26 .mb26-head-shape {
        height: 290px !important;

        padding: 25px !important;
    }


    #mb26 .mb26-head-shape img {
        width: 100% !important;

        max-width: 190px !important;
        max-height: 210px !important;
    }



    /* -----------------------------------------------------
       NEWSLETTER

       On tablet the whole newsletter becomes one row above
       another, giving Brevo form enough actual width.
    ----------------------------------------------------- */

    #mb26 .mb26-newsletter {
        grid-template-columns: 1fr !important;

        gap: 30px !important;

        min-height: 0 !important;

        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }


    #mb26 .mb26-newsletter-form {
        width: 100% !important;
        max-width: 820px !important;

        margin: 0 auto !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1 {

        max-width: 820px !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1
    .sib_signup_box_inside_1 {

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr)
            180px !important;

        column-gap: 16px !important;
    }



    /* -----------------------------------------------------
       FOOTER
    ----------------------------------------------------- */

    #mb26 .mb26-footer {
        grid-template-columns:
            1.35fr
            1fr
            1fr !important;

        gap:
            40px
            35px !important;

        height: auto !important;
        min-height: 0 !important;

        padding:
            50px
            40px !important;
    }


    #mb26 .mb26-footer-brand img {
        width: 175px !important;
    }

}



/* =========================================================
   MOBILE
   <= 767
========================================================= */

@media (max-width: 767px) {


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    #mb26 .mb26-header {
        min-height: 66px !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        display: flex !important;
        align-items: center !important;
    }


    #mb26 .mb26-main-nav,
    #mb26 .mb26-header-icons {
        display: none !important;
    }


    #mb26 .mb26-logo {
        margin-right: auto !important;
    }


    #mb26 .mb26-logo img {
        max-width: 145px !important;
        height: auto !important;
    }


    #mb26 .mb26-mobile-menu {
        display: block !important;

        position: relative !important;
        z-index: 100 !important;
    }


    #mb26 .mb26-mobile-menu summary {
        list-style: none !important;

        cursor: pointer !important;

        padding: 10px 14px !important;

        border: 1px solid rgba(255,255,255,.65) !important;

        color: #fff !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .10em !important;
    }


    #mb26 .mb26-mobile-menu summary::-webkit-details-marker {
        display: none !important;
    }


    #mb26 .mb26-mobile-menu > div {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;

        width: min(260px, 82vw) !important;

        padding: 12px !important;

        background: rgba(9,12,14,.98) !important;

        border: 1px solid rgba(255,255,255,.15) !important;

        box-shadow: 0 15px 30px rgba(0,0,0,.30) !important;
    }


    #mb26 .mb26-mobile-menu a {
        display: block !important;

        padding: 10px !important;

        color: #fff !important;

        font-size: 12px !important;

        text-decoration: none !important;
    }



    /* -----------------------------------------------------
       TRUST
    ----------------------------------------------------- */

    #mb26 .mb26-trust {
        grid-template-columns:
            1fr
            1fr !important;
    }


    #mb26 .mb26-trust-item {
        min-height: 96px !important;

        padding:
            18px
            14px !important;

        gap: 13px !important;
    }


    #mb26 .mb26-trust-copy strong {
        font-size: 11px !important;
    }


    #mb26 .mb26-trust-copy > span {
        font-size: 10px !important;
    }



    /* -----------------------------------------------------
       MADE IN UKRAINE
    ----------------------------------------------------- */

    #mb26 .mb26-ukraine {
        grid-template-columns: 1fr !important;

        height: auto !important;
        min-height: 0 !important;
    }


    #mb26 .mb26-ukraine-image,
    #mb26 .mb26-ukraine-image img {
        height: 330px !important;
    }


    #mb26 .mb26-ukraine-copy {
        height: auto !important;

        transform: none !important;

        padding:
            42px
            24px !important;
    }


    #mb26 .mb26-ukraine-copy h2 {
        font-size: 29px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-ukraine-mark {
        height: auto !important;

        padding:
            12px
            24px
            44px !important;
    }


    #mb26 .mb26-ukraine-mark em {
        font-size: 24px !important;
    }



    /* -----------------------------------------------------
       SIZE GUIDE
    ----------------------------------------------------- */

    #mb26 .mb26-size-guide {
        grid-template-columns: 1fr !important;

        height: auto !important;
        min-height: 0 !important;
    }


    #mb26 .mb26-size-photo {
        height: 290px !important;
    }


    #mb26 .mb26-size-copy {
        height: auto !important;

        transform: none !important;

        padding:
            40px
            24px
            46px !important;
    }


    #mb26 .mb26-size-copy h2 {
        font-size: 28px !important;

        white-space: normal !important;
    }


    #mb26 .mb26-head-shape {
        display: none !important;
    }



    /* -----------------------------------------------------
       NEWSLETTER
    ----------------------------------------------------- */

    #mb26 .mb26-newsletter {
        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 28px !important;

        padding:
            42px
            20px !important;

        min-height: 0 !important;
    }


    #mb26 .mb26-newsletter h2 {
        font-size: 29px !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1 {

        padding:
            24px
            18px !important;
    }


    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1
    .sib_signup_box_inside_1 {

        grid-template-columns:
            1fr !important;

        gap: 15px !important;
    }


    #mb26 .mb26-newsletter-form
    .sib_signup_box_inside_1
    > div {

        grid-column: 1 !important;
    }



    /* -----------------------------------------------------
       FOOTER
    ----------------------------------------------------- */

    #mb26 .mb26-footer {
        grid-template-columns:
            1fr
            1fr !important;

        gap:
            35px
            28px !important;

        padding:
            42px
            24px !important;

        height: auto !important;
        min-height: 0 !important;
    }


    #mb26 .mb26-footer-brand {
        grid-column: 1 / -1 !important;
    }


    #mb26 .mb26-footer-social {
        grid-column: 1 / -1 !important;
    }


    #mb26 .mb26-footer-brand img {
        width: 165px !important;
    }

}

/* =========================================================
   END RESPONSIVE V5.0
========================================================= */

/* =========================================================
   MADBOMBER MOBILE COMPACT V5.2
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       GLOBAL
    ----------------------------------------------------- */

    html,
    body,
    #mb26 {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #mb26 .mb26-container {
        width: 100% !important;
        max-width: 480px !important;

        padding-left: 16px !important;
        padding-right: 16px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* -----------------------------------------------------
       HERO — SHORTER / TIGHTER
    ----------------------------------------------------- */

    #mb26 .mb26-hero {
        height: 540px !important;
        min-height: 540px !important;

        background-position: 64% center !important;
    }

    #mb26 .mb26-hero-content {
        padding:
            120px
            18px
            24px !important;
    }

    #mb26 .mb26-hero-content h1 {
        max-width: 300px !important;

        font-size: 42px !important;
        line-height: .92 !important;

        margin-bottom: 15px !important;
    }

    #mb26 .mb26-hero-content p {
        max-width: 270px !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        margin-bottom: 20px !important;
    }

    #mb26 .mb26-hero-buttons {
        max-width: 245px !important;
    }

    #mb26 .mb26-hero-buttons .mb26-button {
        min-height: 44px !important;

        padding:
            12px
            15px !important;

        font-size: 10.5px !important;
    }


    /* -----------------------------------------------------
       TRUST — 2 x 2
    ----------------------------------------------------- */

    #mb26 .mb26-trust {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        height: auto !important;
    }

    #mb26 .mb26-trust-item {
        min-height: 88px !important;

        padding:
            14px
            10px !important;

        gap: 9px !important;

        justify-content: center !important;
    }

    #mb26 .mb26-trust-copy strong {
        font-size: 10.5px !important;
        line-height: 1.15 !important;
    }

    #mb26 .mb26-trust-copy > span {
        font-size: 9px !important;
        line-height: 1.25 !important;
    }


    /* -----------------------------------------------------
       SECTION TITLE
    ----------------------------------------------------- */

    #mb26 .mb26-title-row {
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: space-between !important;

        gap: 12px !important;
    }

    #mb26 .mb26-section-title h2 {
        font-size: 25px !important;
        line-height: 1 !important;
    }

    #mb26 .mb26-title-row > a {
        flex: 0 0 auto !important;

        font-size: 9.5px !important;
        line-height: 1.15 !important;

        padding: 4px 0 !important;
    }


    /* -----------------------------------------------------
       CATEGORIES — 2 COLUMNS
    ----------------------------------------------------- */

    #mb26 .mb26-category-grid,
    #mb26 .mb26-categories,
    #mb26 .mb26-category-cards {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 10px !important;
    }

    #mb26 .mb26-category-card {
        min-width: 0 !important;
        width: 100% !important;
    }

    #mb26 .mb26-category-card img {
        width: 100% !important;

        aspect-ratio: 1 / 1.08 !important;

        object-fit: cover !important;
    }

    #mb26 .mb26-category-text {
        padding:
            13px
            11px
            15px !important;
    }

    #mb26 .mb26-category-text h3 {
        font-size: 18px !important;
        line-height: 1.05 !important;
    }

    #mb26 .mb26-category-text p {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }


    /* -----------------------------------------------------
       PRODUCTS — 2 COLUMNS
    ----------------------------------------------------- */

    #mb26 .mb26-product-grid,
    #mb26 .mb26-products,
    #mb26 .mb26-best-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            20px
            10px !important;
    }

    #mb26 .mb26-product-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    #mb26 .mb26-product-card img {
        width: 100% !important;
        height: auto !important;

        aspect-ratio: 1 / 1 !important;

        object-fit: contain !important;
    }

    #mb26 .mb26-product-body {
        padding-top: 10px !important;
    }

    #mb26 .mb26-product-body h3 {
        font-size: 12px !important;
        line-height: 1.3 !important;

        min-height: 31px !important;
    }

    #mb26 .mb26-price {
        font-size: 15px !important;
    }


    /* -----------------------------------------------------
       MADE IN UKRAINE
    ----------------------------------------------------- */

    #mb26 .mb26-ukraine-image,
    #mb26 .mb26-ukraine-image img {
        height: 235px !important;
    }

    #mb26 .mb26-ukraine-copy {
        padding:
            25px
            20px
            30px !important;
    }

    #mb26 .mb26-ukraine-copy small {
        font-size: 10px !important;
    }

    #mb26 .mb26-ukraine-copy h2 {
        font-size: 27px !important;
    }

    #mb26 .mb26-ukraine-copy p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    #mb26 .mb26-ukraine-mark {
        padding:
            16px
            20px
            30px !important;
    }

    #mb26 .mb26-ukraine-mark em {
        font-size: 22px !important;
    }


    /* -----------------------------------------------------
       MOUNTAIN BANNER
    ----------------------------------------------------- */

    #mb26 .mb26-mountain {
        height: 330px !important;
        min-height: 330px !important;

        background-position: 68% center !important;
    }

    #mb26 .mb26-mountain-content {
        max-width: 62% !important;

        padding-left: 20px !important;
        padding-right: 0 !important;
    }

    #mb26 .mb26-mountain-content h2 {
        font-size: 30px !important;
        line-height: .98 !important;
    }


    /* -----------------------------------------------------
       REVIEWS — 1 COLUMN, BUT COMPACT
    ----------------------------------------------------- */

    #mb26 .mb26-review-grid,
    #mb26 .mb26-reviews-grid,
    #mb26 .mb26-reviews {
        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }

    #mb26 .mb26-review-card {
        padding:
            20px
            18px !important;
    }

    #mb26 .mb26-review-card blockquote {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }


    /* -----------------------------------------------------
       SIZE GUIDE
    ----------------------------------------------------- */

    #mb26 .mb26-size-photo {
        height: 220px !important;
    }

    #mb26 .mb26-size-copy {
        padding:
            25px
            20px
            32px !important;
    }

    #mb26 .mb26-size-copy h2 {
        font-size: 27px !important;
    }

    #mb26 .mb26-size-copy p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }


    /* -----------------------------------------------------
       SOCIAL — 2 COLUMNS
    ----------------------------------------------------- */

    #mb26 .mb26-social-grid,
    #mb26 .mb26-gallery-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 3px !important;
    }

    #mb26 .mb26-social-grid img,
    #mb26 .mb26-gallery-grid img {
        aspect-ratio: 1 / 1 !important;

        object-fit: cover !important;
    }


    /* -----------------------------------------------------
       NEWSLETTER
    ----------------------------------------------------- */

    #mb26 .mb26-newsletter {
        padding:
            32px
            18px !important;

        gap: 22px !important;
    }

    #mb26 .mb26-newsletter h2 {
        font-size: 26px !important;
    }

    #mb26 .mb26-newsletter-form
    form#sib_signup_form_1 {

        padding:
            20px
            15px !important;
    }


    /* -----------------------------------------------------
       FOOTER — COMPACT 2 COLUMNS
    ----------------------------------------------------- */

    #mb26 .mb26-footer {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            28px
            20px !important;

        padding:
            34px
            20px !important;
    }

    #mb26 .mb26-footer-brand {
        grid-column: 1 / -1 !important;
    }

    #mb26 .mb26-footer-social {
        grid-column: 1 / -1 !important;
    }

    #mb26 .mb26-footer > div {
        width: auto !important;
    }

    #mb26 .mb26-footer-brand img {
        width: 150px !important;
    }

}


/* EXTRA SMALL PHONES */
@media (max-width: 370px) {

    #mb26 .mb26-hero-content h1 {
        font-size: 38px !important;
    }

    #mb26 .mb26-section-title h2 {
        font-size: 23px !important;
    }

    #mb26 .mb26-title-row > a {
        font-size: 8.5px !important;
    }

}

/* === END MOBILE COMPACT V5.2 === */

/* =========================================================
   MADBOMBER MOBILE WIDTH RESET V5.3
   AUTHORITATIVE MOBILE LAYER
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       GLOBAL WIDTH
    ----------------------------------------------------- */

    html,
    body,
    #mb26 {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    #mb26 *,
    #mb26 *::before,
    #mb26 *::after {
        box-sizing: border-box !important;
    }


    /* THIS IS THE MAIN FIX:
       white content must use the phone width */
    #mb26 .mb26-container {
        width: calc(100% - 32px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    #mb26 .mb26-header {
        width: 100% !important;

        min-height: 68px !important;

        padding:
            11px
            16px !important;
    }

    #mb26 .mb26-logo {
        width: auto !important;
        max-width: none !important;
    }

    #mb26 .mb26-logo img {
        width: 112px !important;
        max-width: 112px !important;
        height: auto !important;

        transform: none !important;
    }

    #mb26 .mb26-mobile-menu summary {
        padding:
            10px
            13px !important;

        font-size: 11px !important;
        line-height: 1 !important;

        letter-spacing: .09em !important;
    }


    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    #mb26 .mb26-hero {
        position: relative !important;

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

        overflow: hidden !important;

        background-position:
            64%
            center !important;
    }

    #mb26 .mb26-hero-content {
        position: absolute !important;

        left: 18px !important;
        right: auto !important;

        top: auto !important;
        bottom: 28px !important;

        width: 285px !important;
        max-width: calc(100% - 36px) !important;

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

        transform: none !important;

        z-index: 5 !important;
    }

    #mb26 .mb26-hero-content h1 {
        margin:
            0
            0
            12px !important;

        font-size: 40px !important;
        line-height: .90 !important;

        white-space: normal !important;
    }

    #mb26 .mb26-hero-content p {
        display: block !important;

        margin:
            0
            0
            17px !important;

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

    #mb26 .mb26-hero-buttons {
        display: flex !important;
        flex-direction: column !important;

        width: 215px !important;

        gap: 8px !important;
    }

    #mb26 .mb26-hero-buttons .mb26-button {
        width: 100% !important;
        min-height: 42px !important;

        padding:
            11px
            13px !important;

        font-size: 10px !important;

        text-align: center !important;
        justify-content: center !important;
    }


    /* decorative desktop text */
    #mb26 .mb26-handwriting,
    #mb26 .mb26-cold-world {
        display: none !important;
    }


    /* -----------------------------------------------------
       TRUST 2 ? 2
    ----------------------------------------------------- */

    #mb26 .mb26-trust {
        width: 100% !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    #mb26 .mb26-trust-item {
        min-width: 0 !important;
        min-height: 82px !important;

        padding:
            14px
            12px !important;
    }

    #mb26 .mb26-trust-copy strong {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    #mb26 .mb26-trust-copy > span {
        font-size: 9.5px !important;
        line-height: 1.3 !important;
    }


    /* -----------------------------------------------------
       WHITE CONTENT / SECTION HEADINGS
    ----------------------------------------------------- */

    #mb26 .mb26-title-row,
    #mb26 .mb26-section-title,
    #mb26 .mb26-social-title {
        width: 100% !important;
        max-width: none !important;
    }

    #mb26 .mb26-section-title h2,
    #mb26 .mb26-social-title h2 {
        font-size: 27px !important;
        line-height: 1.05 !important;
    }

    #mb26 .mb26-section-title small,
    #mb26 .mb26-social-title small {
        font-size: 9px !important;
        letter-spacing: .15em !important;
    }


    /* -----------------------------------------------------
       CATEGORY TEXT
       Grid itself is deliberately NOT changed.
    ----------------------------------------------------- */

    #mb26 .mb26-category-card {
        min-width: 0 !important;
        width: 100% !important;
    }

    #mb26 .mb26-category-text h3 {
        font-size: 18px !important;
        line-height: 1.05 !important;
    }

    #mb26 .mb26-category-text p {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

    #mb26 .mb26-category-text a {
        font-size: 10px !important;
    }


    /* -----------------------------------------------------
       PRODUCT SAFETY
    ----------------------------------------------------- */

    #mb26 .mb26-product-card {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #mb26 .mb26-product-body h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    #mb26 .mb26-price {
        font-size: 17px !important;
    }

}

/* === END MOBILE WIDTH RESET V5.3 === */

/* =========================================================
   MADBOMBER MOBILE BEST SELLERS V5.4
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    /* product grid */
    #best-sellers .mb26-container > :last-child {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            22px
            12px !important;

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

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* each product */
    #best-sellers .mb26-container > :last-child > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
    }


    /* product image */
    #best-sellers .mb26-container > :last-child img {
        display: block !important;

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

        height: auto !important;

        aspect-ratio: 1 / 1 !important;

        object-fit: contain !important;

        margin: 0 !important;
    }


    /* product names */
    #best-sellers .mb26-container > :last-child h3,
    #best-sellers .mb26-container > :last-child h4 {
        margin:
            10px
            0
            4px !important;

        font-size: 13px !important;
        line-height: 1.25 !important;

        min-height: 32px !important;
    }


    /* product prices */
    #best-sellers .mb26-container > :last-child .price,
    #best-sellers .mb26-container > :last-child [class*="price"] {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

}

/* === END MOBILE BEST SELLERS V5.4 === */

/* =========================================================
   MADBOMBER MOBILE OVERFLOW LOCK V5.5
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    /* hard viewport lock */
    html,
    body,
    body.mb26-page {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow-x: hidden !important;
        overscroll-behavior-x: none !important;
    }

    #mb26 {
        position: relative !important;

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

        margin: 0 !important;

        overflow-x: hidden !important;
    }


    /* every main section stays inside viewport */
    #mb26 > section,
    #mb26 > footer,
    #mb26 .mb26-container {
        width: auto !important;
        max-width: 100% !important;
    }


    /* -----------------------------------------------------
       RESET OLD DESKTOP IMAGE EXTENSIONS
    ----------------------------------------------------- */

    #mb26 .mb26-ukraine-image,
    #mb26 .mb26-size-photo {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

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

        transform: none !important;
    }

    #mb26 .mb26-ukraine-image img,
    #mb26 .mb26-size-photo img {
        display: block !important;

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

        margin: 0 !important;
    }


    /* -----------------------------------------------------
       GRID/FLEX ITEMS MUST BE ALLOWED TO SHRINK
    ----------------------------------------------------- */

    #mb26 .mb26-trust > *,
    #mb26 .mb26-category-grid > *,
    #mb26 .mb26-product-grid > *,
    #mb26 .mb26-review-grid > *,
    #mb26 .mb26-social-grid > *,
    #mb26 .mb26-footer > * {
        min-width: 0 !important;
    }


    /* -----------------------------------------------------
       KNOWN ABSOLUTE / DECORATIVE ELEMENTS
    ----------------------------------------------------- */

    #mb26 .mb26-handwriting,
    #mb26 .mb26-cold-world {
        display: none !important;
    }

    #mb26 .mb26-head-shape {
        max-width: 100% !important;
        overflow: hidden !important;
    }


    /* mountain must never extend page width */
    #mb26 .mb26-mountain {
        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;
    }

    #mb26 .mb26-mountain-content {
        max-width: calc(100% - 32px) !important;
    }


    /* dropdown stays inside phone */
    #mb26 .mb26-mobile-menu > div {
        right: 0 !important;

        width: min(260px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
    }


    /* images cannot create overflow */
    #mb26 img {
        max-width: 100% !important;
    }

}

/* === END MOBILE OVERFLOW LOCK V5.5 === */

/* =========================================================
   MADBOMBER MOBILE SIDE PADDING V5.6
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    #mb26 .mb26-container {
        width: calc(100% - 10px) !important;

        margin-left: 5px !important;
        margin-right: 5px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

/* === END MOBILE SIDE PADDING V5.6 === */

/* =========================================================
   MADBOMBER - MOBILE PRODUCT CARD HEIGHT FIX
   removes empty grey space under product images
========================================================= */
@media (max-width: 767px) {

  /* grid */
  #mb26 .mb26-products-grid,
  #mb26 .mb26-best-grid,
  #mb26 .mb26-products-section .products {
    align-items: start !important;
    gap: 14px !important;
  }

  /* cards */
  #mb26 .mb26-product-card,
  #mb26 .mb26-product,
  #mb26 .product {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  /* image wrappers */
  #mb26 .mb26-product-card .mb26-product-image,
  #mb26 .mb26-product-card .mb26-product-media,
  #mb26 .mb26-product-card .product-image,
  #mb26 .mb26-product-card .thumb,
  #mb26 .mb26-product-card .thumbnail,
  #mb26 .mb26-product-card .woocommerce-loop-product__link,
  #mb26 .mb26-product .woocommerce-loop-product__link,
  #mb26 .product .woocommerce-loop-product__link {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #f3f3f3 !important;
  }

  /* images */
  #mb26 .mb26-product-card img,
  #mb26 .mb26-product img,
  #mb26 .product img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  /* if some empty helper blocks remain */
  #mb26 .mb26-product-card .empty,
  #mb26 .mb26-product-card .placeholder,
  #mb26 .mb26-product-card .spacer:empty,
  #mb26 .mb26-product-card div:empty {
    min-height: 0 !important;
  }
}
/* === END MOBILE PRODUCT CARD HEIGHT FIX === */

/* =========================================================
   MADBOMBER MOBILE PRODUCT PHOTO HEIGHT V5.7
   EXACT FIX: 360px wrapper -> image height
========================================================= */

@media (max-width: 767px) {

    #best-sellers .mb26-product-photo {
        display: block !important;

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

        aspect-ratio: auto !important;

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

        line-height: 0 !important;

        overflow: hidden !important;
    }

    #best-sellers .mb26-product-photo img {
        display: block !important;

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

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

        margin: 0 !important;

        object-fit: contain !important;
    }

    #best-sellers .mb26-product-card {
        height: auto !important;
        min-height: 0 !important;

        align-self: start !important;
    }

}

/* === END PRODUCT PHOTO HEIGHT V5.7 === */

/* =========================================================
   MADBOMBER MOBILE PROMO FULL WIDTH V5.8
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    #mb26 .mb26-product-promo {
        grid-column: 1 / -1 !important;

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

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

        margin: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

}

/* === END MOBILE PROMO FULL WIDTH V5.8 === */

/* =========================================================
   MADBOMBER MOBILE FOOTER 3 COLUMNS V5.9
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    #mb26 .mb26-footer {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        column-gap: 14px !important;
        row-gap: 30px !important;

        width: 100% !important;

        padding:
            32px
            16px !important;

        align-items: start !important;
    }


    /* LOGO + slogan */
    #mb26 .mb26-footer-brand {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        margin: 0 !important;
    }

    #mb26 .mb26-footer-brand img {
        width: 150px !important;
        max-width: 150px !important;

        margin-bottom: 14px !important;
    }

    #mb26 .mb26-footer-brand strong {
        display: block !important;

        font-size: 11px !important;
        letter-spacing: .15em !important;
    }


    /* SHOP */
    #mb26 .mb26-footer > div:nth-child(2) {
        grid-column: 1 !important;
    }

    /* HELP */
    #mb26 .mb26-footer > div:nth-child(3) {
        grid-column: 2 !important;
    }

    /* ABOUT */
    #mb26 .mb26-footer > div:nth-child(4) {
        grid-column: 3 !important;
    }


    /* three menu columns */
    #mb26 .mb26-footer > div:nth-child(2),
    #mb26 .mb26-footer > div:nth-child(3),
    #mb26 .mb26-footer > div:nth-child(4) {
        width: 100% !important;
        min-width: 0 !important;

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

        align-self: start !important;
    }

    #mb26 .mb26-footer h3 {
        margin:
            0
            0
            15px !important;

        font-size: 13px !important;
        line-height: 1 !important;

        letter-spacing: .12em !important;
    }

    #mb26 .mb26-footer > div:nth-child(2) > a,
    #mb26 .mb26-footer > div:nth-child(3) > a,
    #mb26 .mb26-footer > div:nth-child(4) > a {
        display: block !important;

        margin-bottom: 11px !important;

        font-size: 12px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
    }


    /* SOCIAL + copyright */
    #mb26 .mb26-footer-social {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        margin-top: 3px !important;

        justify-content: flex-start !important;
    }

}

/* === END MOBILE FOOTER 3 COLUMNS V5.9 === */

/* =========================================================
   MADBOMBER MOBILE FOOTER EVEN COLUMNS V6.0
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    #mb26 .mb26-footer {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        column-gap: 0 !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    /* SHOP / HELP / ABOUT - exact equal thirds */
    #mb26 .mb26-footer > div:nth-child(2),
    #mb26 .mb26-footer > div:nth-child(3),
    #mb26 .mb26-footer > div:nth-child(4) {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;

        margin: 0 !important;
        padding: 0 4px !important;
    }


    #mb26 .mb26-footer > div:nth-child(2) h3,
    #mb26 .mb26-footer > div:nth-child(3) h3,
    #mb26 .mb26-footer > div:nth-child(4) h3 {
        width: 100% !important;

        margin:
            0
            0
            16px !important;

        text-align: center !important;
    }


    #mb26 .mb26-footer > div:nth-child(2) > a,
    #mb26 .mb26-footer > div:nth-child(3) > a,
    #mb26 .mb26-footer > div:nth-child(4) > a {
        width: 100% !important;

        margin:
            0
            0
            11px !important;

        text-align: center !important;
    }


    /* logo and socials remain full width */
    #mb26 .mb26-footer-brand,
    #mb26 .mb26-footer-social {
        grid-column: 1 / -1 !important;
    }

}

/* === END MOBILE FOOTER EVEN COLUMNS V6.0 === */

/* =========================================================
   MADBOMBER - ENFOLD COOKIE BAR MOBILE V6.1
   <= 767px ONLY
========================================================= */

@media (max-width: 767px) {

    /* outer wrapper */
    .avia-cookie-consent-wrap {
        width: 100% !important;
        max-width: 100vw !important;

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

        overflow-x: hidden !important;
    }


    /* actual bottom cookie bar */
    .avia-cookie-consent {
        width: 100% !important;
        max-width: 100vw !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;

        overflow-x: hidden !important;

        box-shadow:
            0 -8px 25px rgba(0,0,0,.28) !important;
    }


    /* Enfold internal desktop container */
    .avia-cookie-consent > .container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding:
            18px
            16px
            16px !important;

        box-sizing: border-box !important;

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

        align-items: stretch !important;

        gap: 10px !important;
    }


    /* cookie message */
    .avia-cookie-consent .avia_cookie_text {
        display: block !important;

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

        margin: 0 0 4px !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.45 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;

        text-align: left !important;
    }


    /* all cookie buttons */
    .avia-cookie-consent .avia-cookie-consent-button {
        display: flex !important;

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

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

        min-height: 46px !important;

        margin: 0 !important;

        padding:
            12px
            14px !important;

        box-sizing: border-box !important;

        font-size: 12px !important;
        line-height: 1.2 !important;

        text-align: center !important;

        white-space: normal !important;
    }


    /* if buttons are inside a separate Enfold wrapper */
    .avia-cookie-consent-modal-buttons-wrap {
        width: 100% !important;
        max-width: 100% !important;

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

        gap: 10px !important;

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


    .avia-cookie-consent-modal-buttons-wrap
    .avia-cookie-consent-button {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }


    /* prevent anything inside cookie UI from widening viewport */
    .avia-cookie-consent *,
    .avia-cookie-consent *::before,
    .avia-cookie-consent *::after {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

}

/* === END ENFOLD COOKIE BAR MOBILE V6.1 === */