/* GENERAL */
    :root {
        --custom-container-max-width: 80rem;
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
    }

    *, ::after, ::before {
        box-sizing: border-box;
    }

    @keyframes mn-pulse {
        0%, 100% { opacity: 0.5; }
        50%      { opacity: 1; }
    }
/* --- */



/* UI ITEMS */
    /* Tags */
        .mn-api-product-section p,
        .mn-api-product-section h1,
        .mn-api-product-section h2,
        .mn-api-product-section h3 {
            margin: 0;
        }
        .mn-api-product-section h1,
        .mn-api-product-section h2,
        .mn-api-product-section h3 {
            text-transform: none;
        }
    /* --- */

    /* Section */
        .mn-api-product-section {
            position: relative;
            padding-top: 4rem;
            padding-bottom: 4rem;
            background-color: white;
        }

        @media only screen and (min-width: 768px) {
            .mn-api-product-section {
                padding-top: 7rem;
                padding-bottom: 7rem;
            }
        }

        .mn-api-product-section + .mn-api-product-section {
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: rgb(221, 221, 221);
        }
        .mn-api-product-section[data-type="hero"] + .mn-api-product-section {
            border-top: none;
        }
    /* --- */

    /* Container */
        .container-custom {
            max-width: var(--custom-container-max-width);
            padding-left: 1rem;
            padding-right: 1rem;
            margin-left: auto;
            margin-right: auto;
            z-index: 10;
            position: relative;
        }

        @media only screen and (min-width: 640px) {
            .container-custom {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }
        }

        @media only screen and (min-width: 1024px) {
            .container-custom {
                padding-left: 2rem;
                padding-right: 2rem;
            }
        }
    /* --- */

    /* Section Heading */
        .custom-container-title-wrapper {
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        [data-carousel] .custom-container-title-wrapper {
            margin-left: 0px;
            margin-right: 0px;
            text-align: left;
        }
        .custom-container-title-image-wrapper + *,
        .custom-container-title-wrapper + * {
            margin-top: 4rem;
        }

        .custom-container-title-wrapper .mn-trait {
            letter-spacing: 0.1em;
            text-transform: uppercase;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1rem;
            padding: 0.375rem 0.75rem;
        }

        .custom-container-title-wrapper h2 {
            font-size: 1.875rem;
            font-weight: 700;
            line-height: 2.25rem;
            color: rgb(26, 26, 26);
        }

        .custom-container-title-wrapper p {
            color: rgb(51, 51, 51);
        }

        .custom-container-title-wrapper .mn-trait + h2,
        .custom-container-title-wrapper h2 + p {
            margin-top: 1rem;
        }

        @media (min-width: 640px) {
            .custom-container-title-wrapper h2 {
                font-size: 2.25rem;
                line-height: 2.5rem;
            }
        }

        .custom-container-title-image-wrapper {
            display: grid;
            grid-template-columns: max-content auto;
            grid-template-rows: 1fr;
            gap: 1rem;
            align-items: center;
        }
        img.custom-container-title-image {
            width: 2.5rem;
            height: auto;
            display: block;
        }
        @media (min-width: 640px) {
            img.custom-container-title-image {
                width: 3.5rem;
            }
        }

        /* Carousel Scroll Buttons */
            .custom-container-title-buttons-wrapper {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                gap: 2rem;
            }
            .custom-container-title-buttons-wrapper .custom-container-title-image-wrapper + *,
            .custom-container-title-buttons-wrapper .custom-container-title-wrapper + * {
                margin-top: 0px;
            }
            .custom-container-title-buttons-wrapper + * {
                margin-top: 4rem;
            }

            @media (min-width: 640px) {
                .custom-container-title-buttons-wrapper {
                    flex-direction: row;
                }
            }

            .mn-carousel-buttons {
                display: flex;
                align-items: center;
                gap: 2rem;
            }

            .mn-carousel-buttons button.role-button {
                --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
                font-size: 1.85rem;
                background-color: white;
                border: 1px solid rgb(221, 221, 221);
                border-radius: 9999px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 2.5rem;
                height: 2.5rem;
                box-shadow: 
                    var(--tw-ring-offset-shadow, 0 0 #0000), 
                    var(--tw-ring-shadow, 0 0 #0000), 
                    var(--tw-shadow)
                ;
            }
            .mn-carousel-buttons button.role-button:hover {
                background-color: rgb(255, 239, 242);
            }
            .mn-carousel-buttons button.role-button svg.icon {
                fill: rgb(51, 51, 51);
            }
        /* --- */
    /* --- */

    /* Cards Wrapper */
        .mn-cards-wrapper {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: 2rem;
        }

        @media (min-width: 768px) {
            .mn-cards-wrapper {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (min-width: 1024px) {
            .mn-cards-wrapper {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        /* Horizontal Scroll */
            .mn-api-product-section[data-carousel] 
            .mn-cards-wrapper {
                display: flex;
                gap: 1.5rem;
                padding-bottom: 1.5rem;
                padding-left: 0.25rem;
                padding-right: 0.25rem;
                scroll-behavior: smooth;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
            }
            .mn-api-product-section[data-carousel] 
            .mn-cards-wrapper > * {
                scroll-snap-align: start;
                flex-shrink: 0;
                width: 18rem;
            }
            .mn-api-product-section[data-carousel] 
            .custom-container-title-buttons-wrapper ~  .mn-cards-wrapper {
                scrollbar-width: none;
            }
            @media (min-width: 358px) {
                .mn-api-product-section[data-carousel] 
                .mn-cards-wrapper > * {
                    width: 21rem;
                }
            }
        /* --- */
    /* --- */

    /* Traits */
        .mn-traits-and-title-wrapper {
            display: flex;
            flex-direction: column;
            row-gap: 0.5rem;
        }

        .mn-traits-and-title-wrapper p {
            letter-spacing: 0.05em;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 0.75rem;
            line-height: 1rem;
            color: rgb(139, 139, 139);
        }

        .mn-traits-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 0.375rem;
        }

        .mn-trait {
            font-size: 0.688rem;
            font-weight: 500;
            padding: 0.25rem 0.625rem;
            border-radius: 9999px;
            color: rgb(51, 51, 51);
            background-color: rgba(246, 230, 217, 0.4);
        }

        /* ── Reds ─────────────────────────────────────────────────────────────────── */
        .mn-trait[data-color="red"]       { color: rgb(185, 28, 28);    background-color: rgb(254, 242, 242); border-color: rgb(185, 28, 28);   }
        .mn-trait[data-color="coral"]     { color: rgb(194, 55, 48);    background-color: rgb(255, 244, 243); border-color: rgb(194, 55, 48);   }
        .mn-trait[data-color="rose"]      { color: rgb(190, 18, 60);    background-color: rgb(255, 241, 242); border-color: rgb(190, 18, 60);   }
        .mn-trait[data-color="wine"]      { color: rgb(127, 21, 72);    background-color: rgb(255, 240, 248); border-color: rgb(127, 21, 72);   }

        /* ── Warm orange-brown ───────────────────────────────────────────────────── */
        .mn-trait[data-color="orange"]    { color: rgb(194, 65, 12);    background-color: rgb(255, 247, 237); border-color: rgb(194, 65, 12);   }
        .mn-trait[data-color="amber"]     { color: rgb(180, 83, 9);     background-color: rgb(255, 251, 235); border-color: rgb(180, 83, 9);    }
        .mn-trait[data-color="gold"]      { color: rgb(161, 98, 7);     background-color: rgb(254, 252, 232); border-color: rgb(161, 98, 7);    }

        /* ── Yellows / warm greens ───────────────────────────────────────────────── */
        .mn-trait[data-color="lime"]      { color: rgb(77, 124, 15);    background-color: rgb(247, 254, 231); border-color: rgb(77, 124, 15);   }
        .mn-trait[data-color="moss"]      { color: rgb(63, 98, 18);     background-color: rgb(249, 254, 236); border-color: rgb(63, 98, 18);    }
        .mn-trait[data-color="green"]     { color: rgb(21, 128, 61);    background-color: rgb(240, 253, 244); border-color: rgb(21, 128, 61);   }
        .mn-trait[data-color="forest"]    { color: rgb(22, 101, 52);    background-color: rgb(241, 252, 246); border-color: rgb(22, 101, 52);   }

        /* ── Cool greens / teals ─────────────────────────────────────────────────── */
        .mn-trait[data-color="emerald"]   { color: rgb(4, 120, 87);     background-color: rgb(236, 253, 245); border-color: rgb(4, 120, 87);    }
        .mn-trait[data-color="teal"]      { color: rgb(15, 118, 110);   background-color: rgb(240, 253, 250); border-color: rgb(15, 118, 110);  }
        .mn-trait[data-color="cyan"]      { color: rgb(14, 116, 144);   background-color: rgb(236, 254, 255); border-color: rgb(14, 116, 144);  }
        .mn-trait[data-color="aqua"]      { color: rgb(8, 126, 139);    background-color: rgb(238, 253, 255); border-color: rgb(8, 126, 139);   }

        /* ── Blues ───────────────────────────────────────────────────────────────── */
        .mn-trait[data-color="sky"]       { color: rgb(3, 105, 161);    background-color: rgb(240, 249, 255); border-color: rgb(3, 105, 161);   }
        .mn-trait[data-color="cerulean"]  { color: rgb(14, 96, 167);    background-color: rgb(239, 248, 255); border-color: rgb(14, 96, 167);   }
        .mn-trait[data-color="blue"]      { color: rgb(29, 78, 216);    background-color: rgb(239, 246, 255); border-color: rgb(29, 78, 216);   }
        .mn-trait[data-color="cobalt"]    { color: rgb(37, 99, 235);    background-color: rgb(240, 245, 255); border-color: rgb(37, 99, 235);   }
        .mn-trait[data-color="indigo"]    { color: rgb(67, 56, 202);    background-color: rgb(238, 242, 255); border-color: rgb(67, 56, 202);   }

        /* ── Purples ─────────────────────────────────────────────────────────────── */
        .mn-trait[data-color="violet"]    { color: rgb(109, 40, 217);   background-color: rgb(245, 243, 255); border-color: rgb(109, 40, 217);  }
        .mn-trait[data-color="purple"]    { color: rgb(126, 34, 206);   background-color: rgb(250, 245, 255); border-color: rgb(126, 34, 206);  }
        .mn-trait[data-color="lavender"]  { color: rgb(147, 51, 234);   background-color: rgb(251, 247, 255); border-color: rgb(147, 51, 234);  }
        .mn-trait[data-color="fuchsia"]   { color: rgb(162, 28, 175);   background-color: rgb(253, 244, 255); border-color: rgb(162, 28, 175);  }
        .mn-trait[data-color="plum"]      { color: rgb(134, 25, 143);   background-color: rgb(253, 242, 255); border-color: rgb(134, 25, 143);  }

        /* ── Pinks ───────────────────────────────────────────────────────────────── */
        .mn-trait[data-color="pink"]      { color: rgb(190, 24, 93);    background-color: rgb(253, 242, 248); border-color: rgb(190, 24, 93);   }

        /* ── Neutrals ────────────────────────────────────────────────────────────── */
        .mn-trait[data-color="sage"]      { color: rgb(71, 85, 105);    background-color: rgb(248, 250, 252); border-color: rgb(71, 85, 105);   }
        .mn-trait[data-color="steel"]     { color: rgb(51, 75, 105);    background-color: rgb(241, 245, 249); border-color: rgb(51, 75, 105);   }
        .mn-trait[data-color="cream"]     { color: rgb(133, 77, 14);    background-color: rgb(255, 253, 245); border-color: rgb(133, 77, 14);   }
    /* --- */

    /* Buttons */
        /* .mn-card-button-wrapper {} */

        .mn-card-button,
        a.mn-card-button,
        button.mn-card-button {
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1rem;
            padding: 0.625rem 1rem;
            border-radius: 0.75rem;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            column-gap: 0.25rem;
            background-color: rgb(26, 26, 26);
            color: white;
            border-color: transparent;
            border-style: solid;
            cursor: pointer;
            white-space: nowrap;
            letter-spacing: normal;
        }
        .mn-card-button:active {
            transform: scale(0.98);
        }
        .mn-card-button[data-width="fit"] {
            max-width: max-content;
        }
        .mn-card-button svg.icon { font-size: 150%; }
        .mn-card-button [data-class="text-icon"] { display: inline-flex; }
        .mn-card-button [data-class="text-icon"] svg.icon { font-size: 100%; }
        .mn-card-button svg.icon { fill: white; }

        /* Border Width */
        .mn-card-button[data-bd-w="1"] { border-width: 1px; }
        .mn-card-button[data-bd-w="2"] { border-width: 2px; }
        .mn-card-button[data-bd-w="3"] { border-width: 3px; }
        .mn-card-button[data-bd-w="4"] { border-width: 4px; }
        .mn-card-button[data-bd-w="5"] { border-width: 5px; }
        .mn-card-button[data-bd-w="6"] { border-width: 6px; }
        .mn-card-button[data-bd-w="7"] { border-width: 7px; }
        .mn-card-button[data-bd-w="8"] { border-width: 8px; }

        /* Border Color */
        .mn-card-button[data-bd-color="dark"] { border-color: #1a1a1a; }
        .mn-card-button[data-bd-color="pink"] { border-color: #e92e5b; }
        .mn-card-button[data-bd-color="white"] { border-color: white; }
        .mn-card-button[data-bd-color="grey"] { border-color: #dddddd; }

        /* Background Color */
        .mn-card-button[data-bg="dark"] { background-color: #1a1a1a; }
        .mn-card-button[data-bg="pink"] { background-color: #e92e5b; }
        .mn-card-button[data-bg="white"] { background-color: white; }
        .mn-card-button[data-bg="grey"] { background-color: #dddddd; }

        /* Color & Fill */
        .mn-card-button[data-text="dark"] { color: #1a1a1a; }
        .mn-card-button[data-text="dark"] svg.icon { fill: #1a1a1a; }

        .mn-card-button[data-text="pink"] { color: #e92e5b; }
        .mn-card-button[data-text="pink"] svg.icon { fill: #e92e5b; }

        .mn-card-button[data-text="white"] { color: white; }
        .mn-card-button[data-text="white"] svg.icon { fill: white; }

        .mn-card-button[data-text="grey"] { color: #dddddd; }
        .mn-card-button[data-text="grey"] svg.icon { fill: #dddddd; }
    /* --- */

    /* Profile Photo */
        .mn-profile-photo {
            --padding: 0.125rem;
            --border: 2px solid rgb(245, 201, 76);
            --size: 4rem;
            padding: var(--padding);
            border: var(--border);
            border-radius: 9999px;
            overflow: hidden;
            width: var(--size);
            height: var(--size);
            flex-shrink: 0;
        }
        .mn-profile-photo img {
            object-fit: cover;
            border-radius: 9999px;
            width: 100%;
            height: 100%;
            max-width: 100%;
            display: block;
            vertical-align: middle;
        }
    /* --- */

    /* Award Emoji */
        .mn-position-emoji {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }
    /* --- */

    /* Countries */
        .mn-countries {
            display: flex;
            flex-direction: column;
            row-gap: 0.125rem;
        }
        .mn-countries p {
            letter-spacing: 0.05em;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 0.625rem;
            line-height: 1rem;
            color: rgb(139, 139, 139);
        }
        .mn-country-names {
            color: rgb(26 26 26);
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25em;
        }
    /* --- */

    /* Card Items */
        [data-class="offer"] {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1rem;
            color: rgb(233, 46, 91);
            display: flex;
            align-items: center;
            gap: 0.4em;
            padding: 0.25rem 0.75rem;
            background-color: rgba(233, 46, 91, 0.1);
            border-radius: 9999px;
            animation: mn-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        [data-class="offer"] svg.icon {
            fill: rgb(233, 46, 91);
            font-size: 140%;
            margin-top: -0.035em;
        }
        [data-class="offer"] ~ [data-class="top-container"] {
            margin-top: calc(0.4rem + 1.5rem + 0.25rem);
        }

        /* [data-class="details"] {} */

        [data-class="name"],
        h3[data-class="name"] {
            font-size: 1.125rem;
            font-weight: 600;
            line-height: 1.75em;
            color: rgb(26, 26, 26);
        }
        /* [data-class="name"] + * {
            margin-top: 0.25rem;
        } */

        [data-class="rank"],
        p[data-class="rank"] {
            font-size: 0.75rem;
            line-height: 1rem;
            color: rgb(139, 139, 139);
        }
        [data-class="details"] [data-class="rank"] + * {
            margin-top: 0.25rem;
        }

        [data-class="rank"][data-type="capsule"] {
            position: absolute;
            top: 1.5rem;
            left: 1.5rem;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1rem;
            color: rgb(146, 64, 14);
            display: flex;
            align-items: center;
            gap: 0.4em;
            padding: 0.25rem 0.75rem;
            background-color: rgba(245, 201, 76, 0.2);
            border-radius: 9999px;
        }
        [data-class="rank"][data-type="capsule"] svg.icon {
            fill: rgb(146, 64, 14);
            font-size: 140%;
            margin-top: -0.035em;
        }
        [data-class="rank"][data-type="capsule"] ~ [data-class="top-container"] {
            margin-top: calc(0.4rem + 1.5rem + 0.25rem);
        }

        [data-class="rating"] {
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1rem;
            color: rgb(26, 26, 26);
            display: flex;
            gap: 0.4em;
        }
        [data-class="rating"] span span {
            color: rgb(139, 139, 139);
            font-weight: 400;
        }
        [data-class="rating"] svg.icon {
            fill: rgb(245, 201, 76);
            font-size: 140%;
            margin-top: -0.035em;
        }
        [data-class="rating"] + * {
            margin-top: 0.25rem;
        }
    /* --- */
/* --- */



/* HEADER */
    /* General */
        header {
            color: rgb(26, 26, 26);
            background-color: white;
            border-bottom: 1px solid rgb(221, 221, 221);
            position: sticky;
            top: 0px;
            z-index: var(--z-index-header);
        }

        .mn-header-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 5rem;
        }

        input.mn-menu-checkbox {
            display: none;
        }

        .mn-site-logo-wrapper {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .mn-menu-button,
        .mn-back-to-listing-button {
            cursor: pointer;
            font-size: 1.5rem;
            padding: 0.5rem;
            /* border-radius: 0.5rem; */
            border-radius: 9999px;
            line-height: 1rem;
        }
        .mn-menu-button:hover,
        .mn-back-to-listing-button:hover {
            background-color: rgb(240, 240, 240);
        }
        .mn-menu-button svg.icon,
        .mn-back-to-listing-button svg.icon {
            font-size: 1.9rem;
            fill: rgb(26, 26, 26);
        }

        .mn-sitename {
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.75rem;
            letter-spacing: -0.025em;
        }
        .mn-sitename span:first-child {
            color: rgb(26, 26, 26);
        }
        .mn-sitename span:last-child {
            color: rgb(233, 46, 91);
        }

        @media (min-width: 640px) {
            .mn-sitename {
                font-size: 1.35rem;
            }
        }
    /* --- */

    /* Navigation */
        .mn-nav-buttons[data-device="desktop"] {
            display: none;
            align-items: center;
            gap: 1.5rem;
        }
        .mn-nav-buttons[data-device="desktop"] button {
            color: rgb(51, 51, 51);
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25rem;
            transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        }
        .mn-nav-buttons[data-device="desktop"] button:hover {
            color: rgb(233, 46, 91);
        }

        .mn-nav-buttons[data-device="mobile"] {
            display: none;
            transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            background-color: white;
            border-bottom: 1px solid rgb(221, 221, 221);
            padding-top: 0.5rem;
            padding-bottom: 1.5rem;
        }
        input.mn-menu-checkbox:checked ~ .mn-nav-buttons[data-device="mobile"] {
            display: block;
        }
        .mn-nav-buttons[data-device="mobile"] button + * {
            margin-top: 1.2rem;
        }
        .mn-nav-buttons[data-device="mobile"] button {
            color: rgb(51, 51, 51);
            font-weight: 500;
            font-size: 1rem;
            line-height: 1.5rem;
            padding: 0.5rem 0.75rem;
            border-radius: 0.5rem;
            display: block;
            width: 100%;
        }
        .mn-nav-buttons[data-device="mobile"] button:hover {
            color: rgb(233, 46, 91);
            background-color: rgb(255, 239, 242);
        }

        .mn-header-wrapper .mn-card-button {
            background-color: rgb(233, 46, 91);
            border-radius: 9999px;
        }
        [data-device="mobile"] .mn-card-button {
            background-color: rgb(233, 46, 91);
            font-weight: 600;
            font-size: 1rem;
            line-height: 1.5rem;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            border-radius: 0.75rem;
        }
        [data-device="mobile"] .mn-card-button svg.icon,
        .mn-header-wrapper .mn-card-button svg.icon { font-size: 110%; }
        
        @media (min-width: 768px) {
            [data-device="mobile"] {
                display: none !important;
            }
            [data-device="desktop"] {
                display: flex !important;
            }
        }
    /* --- */
/* --- */



/* HERO */
    /* Section */
        .mn-api-product-section[data-type="hero"] {
            overflow: hidden;
            background-image: linear-gradient(135deg, #ffeff2 0%, #ffedc3 100%);
        }
    /* --- */

    /* Container */
        [data-type="hero"] .container-custom {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: 3rem;
            align-items: center;
            max-width: 600px;
            justify-items: center;
        }
    /* --- */

    /* Text: Top */
        [data-type="hero"] .container-custom .mn-hero-text {
            display: flex;
            flex-direction: column;
            row-gap: 2rem;
            text-align: center;
        }

        /* Capsule */
            .mn-hero-capsule {
                --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
                max-width: max-content;
                padding: 0.375rem 1rem;
                background-color: white;
                border: 1px solid rgb(246, 225, 217);
                border-radius: 9999px;
                align-items: center;
                font-weight: 500;
                font-size: 0.75rem;
                line-height: 1rem;
                color: rgb(51, 51, 51);
                display: flex;
                column-gap: 0.5rem;
                margin-left: auto;
                margin-right: auto;
                box-shadow: 
                    var(--tw-ring-offset-shadow, 0 0 #0000), 
                    var(--tw-ring-shadow, 0 0 #0000), 
                    var(--tw-shadow)
                ;
            }

            .mn-hero-capsule [data-class="dot"] {
                background-color: rgb(90, 202, 104);
                border-radius: 9999px;
                width: 0.625rem;
                height: 0.625rem;
                animation: mn-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            }
        /* --- */

        /* Title */
            [data-type="hero"] .container-custom .mn-hero-text h1 {
                color: rgb(26, 26, 26);
                letter-spacing: -0.025em;
                font-weight: 700;
                font-size: 2.25rem;
                max-width: 47rem;
            }
            @media (min-width: 1024px) {
                [data-type="hero"] .container-custom .mn-hero-text h1 {
                    font-size: 3.75rem;
                    line-height: 1;
                }
            }
            [data-type="hero"] .container-custom .mn-hero-text h1 span {
                position: relative;
                color: #e92e5b;
            }
            [data-type="hero"] .container-custom .mn-hero-text h1 span::before,
            [data-type="hero"] .container-custom .mn-hero-text h1 span::after {
                content: ' ';
                position: absolute;
                left: 0;
                bottom: 0.25em;
                width: 100%;
                height: 0.35rem;
                border-radius: 9999px;
                transform-origin: 0% 50%;
                z-index: -1;
            }
            [data-type="hero"] .container-custom .mn-hero-text h1 span::before {
                background-color: #f82821;
                transform: rotate(0.5deg);
                opacity: 0.5;
                height: 0.25rem;
            }
            [data-type="hero"] .container-custom .mn-hero-text h1 span::after {
                background-color: #f5c94c;
                transform: rotate(-1deg);
            }
        /* --- */

        /* Description */
            .mn-hero-description {
                font-size: 1rem;
                line-height: 1.625rem;
                color: rgb(51, 51, 51);
                max-width: 42rem;
            }
            @media (min-width: 640px) {
                .mn-hero-description {
                    font-size: 1.125rem;
                    line-height: 1.75rem;
                }
            }
        /* --- */

        /* Buttons */
            [data-type="hero"] .container-custom .mn-hero-text .button-wrapper {
                flex-wrap: wrap;
                justify-content: center;
            }
            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button {
                padding: 1rem 2rem;
                font-weight: 600;
                font-size: 1rem;
                border-radius: 9999px;
                line-height: 1.5em;
                white-space: nowrap;
            }

            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
            }
            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button svg.icon {
                transition-property: transform;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
            }
            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button:hover svg.icon {
                transform: translateX(0.25rem);
            }

            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button:first-child {
                --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
                box-shadow: 
                    var(--tw-ring-offset-shadow, 0 0 #0000), 
                    var(--tw-ring-shadow, 0 0 #0000), 
                    var(--tw-shadow)
                ;
            }
            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button:first-child:hover {
                --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            }

            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button:last-child {
                background-color: rgba(255, 255, 255, 0.8);
                border-color: rgb(221, 221, 221);
            }
            [data-type="hero"] .container-custom .mn-hero-text .mn-card-button:last-child:hover {
                background-color: rgba(255, 255, 255, 1);
                border-color: rgb(246, 255, 217);
            }
        /* --- */

        /* Stats */
            .mn-hero-stats {
                padding-top: 1.5rem;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 1rem;
                max-width: 32rem;
                margin-left: auto;
                margin-right: auto;
                border-top: 1px solid rgba(246, 225, 217, 0.6);
            }

            .mn-hero-stat p {
                display: flex;
                gap: 0.2rem;
                align-items: center;
                justify-content: center;
            }

            .mn-hero-stat p:first-child {
                font-size: 1.5rem;
                font-weight: 600;
                line-height: 2rem;
                color: rgb(26, 26, 26);
            }
            .mn-hero-stats .mn-hero-stat:first-child p:first-child {
                font-weight: 700;
                color: rgb(233, 46, 91);
            }
            .mn-hero-stat p:first-child svg.icon { fill: rgb(26, 26, 26); }
            .mn-hero-stats .mn-hero-stat:first-child p:first-child svg.icon { fill: rgb(233, 46, 91); }

            .mn-hero-stat p:last-child {
                font-size: 0.75rem;
                font-weight: 500;
                line-height: 1rem;
                color: rgb(139, 139, 139);
            }

            p.mn-hero-stats-footnote {
                margin-top: 1rem !important;
                font-size: 0.75rem;
                font-weight: 500;
                color: rgba(26, 26, 26, 0.7);
            }
            p.mn-hero-stats-footnote span {
                color: rgb(233, 46, 91);
            }

            @media (min-width: 640px) {
                .mn-hero-stat p:first-child {
                    font-size: 1.875rem;
                    line-height: 2.25rem;
                }

                p.mn-hero-stats-footnote {
                    font-size: 0.85rem;
                }
            }
        /* --- */
    /* --- */

    /* Card: Bottom */
        [data-type="hero"] .container-custom .mn-nanny-card {
            justify-content: center;
            width: 100%;
        }
        @media (min-width: 640px) {
            [data-type="hero"] .container-custom .mn-nanny-card {
                max-width: 28rem;
            }
        }
    /* --- */

    @media only screen and (min-width: 1024px) {
        /* Container */
            [data-type="hero"] .container-custom {
                grid-template-columns: repeat(12, minmax(0, 1fr));
                max-width: var(--custom-container-max-width);
                justify-items: stretch;
            }
        /* --- */

        /* Text: Left */
            [data-type="hero"] .container-custom .mn-hero-text {
                grid-column: span 7 / span 7;
                text-align: left;
            }

            /* Capsule */
                .mn-hero-capsule {
                    margin-left: 0px;
                    margin-right: 0px;
                }
            /* --- */

            /* Buttons */
                [data-type="hero"] .container-custom .mn-hero-text .button-wrapper {
                    justify-content: flex-start;
                }
            /* --- */

            /* Stats */
                .mn-hero-stats {
                    margin-left: 0px;
                    margin-right: 0px;
                }

                .mn-hero-stat p {
                    justify-content: flex-start;
                }
            /* --- */
        /* --- */

        /* Card: Right */
            [data-type="hero"] .container-custom .mn-nanny-card {
                grid-column: span 5 / span 5;
            }
        /* --- */
    }
/* --- */



/* NANNY LISTING */
    /* Section */
        .mn-api-product-section[data-type="nanny_listing"] {
            /* background-color: rgb(250, 250, 249); */
            background-color: rgb(243, 243, 243);
        }
    /* --- */

    /* Card */
        /* General */
            .mn-nanny-card {
                position: relative;
                display: flex;
                align-items: stretch;
            }

            .mn-nanny-card [data-class="backer"] {
                position: absolute;
                border-radius: 1.5rem;
                inset: 0px;
            }
            .mn-nanny-card [data-class="backer"][data-type="first"] {
                background-image: linear-gradient(to top right, #f5c94c, #f6e1d9);
                transform: rotate(6deg);
                opacity: 0.2;
            }
            .mn-nanny-card [data-class="backer"][data-type="second"] {
                background-image: linear-gradient(to bottom left, #e92e5b, #ffeff2);
                transform: rotate(-3deg);
                opacity: 0.1;
            }

            .mn-nanny-card [data-class="wrapper"] {
                --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
                position: relative;
                overflow: hidden;
                padding: 1.5rem;
                background-color: white;
                border-radius: 1.5rem;
                width: 100%;
                box-shadow: 
                    var(--tw-ring-offset-shadow, 0 0 #0000), 
                    var(--tw-ring-shadow, 0 0 #0000), 
                    var(--tw-shadow)
                ;
            }

            .mn-nanny-card [data-class="wrapper"] [data-class="card-overlay"] {
                position: absolute;
                top: 25%;
                left: 50%;
                transform: translateX(-50%);
                font-size: 11.5rem;
                font-weight: 800;
                text-align: center;
                margin: 0;
                width: max-content;
                color: rgba(0, 0, 0, 0.0175);
                pointer-events: none;
            }
            [data-carousel] .mn-nanny-card [data-class="wrapper"] [data-class="card-overlay"] {
                font-size: 9.75rem;
            }
        /* --- */

        /* Variation: hero */
            .mn-nanny-card[data-variation="hero"] 
            [data-class="wrapper"] {
                display: flex;
                flex-direction: column;
                row-gap: 1.5rem;
            }

            /* Top Container */
                .mn-nanny-card[data-variation="hero"] 
                [data-class="wrapper"] [data-class="top-container"] {
                    display: flex;
                    column-gap: 1rem;
                }
            /* --- */

            /* Middle Container */
                .mn-nanny-card[data-variation="hero"] 
                [data-class="wrapper"] [data-class="middle-container"] {
                    display: flex;
                    flex-direction: column;
                    row-gap: 0.5rem;
                }
            /* --- */

            /* Bottom Container */
                .mn-nanny-card[data-variation="hero"] 
                [data-class="wrapper"] [data-class="bottom-container"] {
                    display: flex;
                    flex-direction: column;
                    row-gap: 0.5rem;
                    padding: 1rem;
                    border-radius: 1rem;
                    background-color: rgba(255, 239, 242, 0.5);
                }
            /* --- */
        /* --- */

        /* Variation: a */
            .mn-nanny-card[data-variation="a"] [data-class="offer"] ~ [data-class="top-container"],
            .mn-nanny-card[data-variation="a"] [data-class="rank"][data-type="capsule"] ~ [data-class="top-container"] {
                margin-top: calc(1rem + 1.5rem + 0.25rem);
            }

            .mn-nanny-card[data-variation="a"] {
                text-align: center;
            }

            .mn-nanny-card[data-variation="a"] 
            [data-class="wrapper"] {
                display: flex;
                flex-direction: column;
                row-gap: 1.5rem;
                align-items: center;
                justify-content: space-between;
                /* border: 1px solid rgba(221, 221, 221, 0.6); */
                border: 1px solid rgba(221, 221, 221, 0.8);
                overflow: hidden;
                box-shadow: 0 10px 30px -10px rgba(233, 46, 91, 0.08);
                transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            }
            .mn-nanny-card[data-variation="a"] 
            [data-class="wrapper"]:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 40px -15px rgba(233, 46, 91, 0.15);
            }

            .mn-nanny-card[data-variation="a"] 
            .mn-profile-photo {
                --padding: 0;
                --border: 1px solid rgb(240, 240, 240);
                --size: 6rem;
            }

            .mn-nanny-card[data-variation="a"] 
            [data-class="details"] {
                display: flex;
                flex-direction: column;
                row-gap: 0.25rem;
            }

            .mn-nanny-card[data-variation="a"] 
            .mn-traits-wrapper {
                justify-content: center;
            }

            .mn-nanny-card[data-variation="a"] 
            .mn-countries {
                text-align: left;
            }

            /* Top */
                .mn-nanny-card[data-variation="a"] 
                [data-class="wrapper"] [data-class="top-container"] {
                    display: flex;
                    flex-direction: column;
                    row-gap: 1rem;
                    align-items: center;
                }
            /* --- */

            /* Bottom */
                .mn-nanny-card[data-variation="a"] 
                [data-class="wrapper"] [data-class="bottom-container"] {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    column-gap: 0.5rem;
                    padding-top: 1.5rem;
                    border-top: 1px solid rgb(240, 240, 240);
                }
            /* --- */
        /* --- */

        /* Variation: b */
            .mn-nanny-card[data-variation="b"] [data-class="offer"] ~ [data-class="top-container"],
            .mn-nanny-card[data-variation="b"] [data-class="rank"][data-type="capsule"] ~ [data-class="top-container"] {
                margin-top: calc(1rem + 1.5rem + 0.25rem);
            }

            /*
            .mn-nanny-card[data-variation="b"] {
                text-align: center;
            }
            */

            .mn-nanny-card[data-variation="b"] 
            [data-class="wrapper"] {
                display: flex;
                flex-direction: column;
                row-gap: 1.5rem;
                /* align-items: center; */
                justify-content: space-between;
                /* border: 1px solid rgba(221, 221, 221, 0.6); */
                border: 1px solid rgba(221, 221, 221, 0.8);
                overflow: hidden;
                box-shadow: 0 10px 30px -10px rgba(233, 46, 91, 0.08);
                transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            }
            .mn-nanny-card[data-variation="b"] 
            [data-class="wrapper"]:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 40px -15px rgba(233, 46, 91, 0.15);
            }

            .mn-nanny-card[data-variation="b"] 
            .mn-profile-photo {
                --padding: 0;
                --border: 2px solid rgba(245, 201, 76, 0.2);
                --size: 4rem;
            }

            .mn-nanny-card[data-variation="b"] 
            [data-class="details"] {
                display: flex;
                flex-direction: column;
                row-gap: 0.05rem;
            }

            /*
            .mn-nanny-card[data-variation="b"] 
            .mn-traits-wrapper {
                justify-content: center;
            }

            .mn-nanny-card[data-variation="b"] 
            .mn-countries {
                text-align: left;
            }
            */

            /* Top */
                .mn-nanny-card[data-variation="b"] 
                [data-class="wrapper"] [data-class="top-container"] {
                    display: flex;
                    column-gap: 1rem;
                    /* align-items: center; */
                }
            /* --- */

            /* Bottom */
                .mn-nanny-card[data-variation="b"] 
                [data-class="wrapper"] [data-class="bottom-container"] {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    column-gap: 0.5rem;
                    padding-top: 1.5rem;
                    border-top: 1px solid rgb(240, 240, 240);
                }
            /* --- */
        /* --- */
    /* --- */
/* --- */



/* NANNY AWARDS */
    /* Card */
        .mn-award-card {
            /* --tw-shadow: 0 10px 30px -5px rgba(234, 165, 87, 0.15); */
            --tw-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            row-gap: 1rem;
            padding: 1.5rem;
            background-color: white;
            /* border: 1px solid rgb(246, 230, 217); */
            border: 1px solid rgb(221, 221, 221);
            border-radius: 1.5rem;
            box-shadow: 
                var(--tw-ring-offset-shadow, 0 0 #0000), 
                var(--tw-ring-shadow, 0 0 #0000), 
                var(--tw-shadow)
            ;
            transition-property: box-shadow;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        .mn-award-card:hover {
            --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

        .mn-award-card[data-position="1"] {
            background-color: rgb(255, 251, 235);
            border: 2px solid rgb(255, 217, 106);
        }

        .mn-award-card .mn-profile-photo {
            --padding: 0;
            --border: 2px solid rgb(203, 213, 225);
        }
        .mn-award-card[data-position="1"] .mn-profile-photo {
            --border: 2px solid rgb(245, 201, 76);
        }

        .mn-award-card .mn-card-button svg.icon { fill: #e92e5b !important; }
        .mn-award-card[data-position="1"] .mn-card-button svg.icon { fill: rgb(251, 191, 36) !important; }
        .mn-award-card[data-position="2"] .mn-card-button svg.icon { fill: rgb(203, 213, 255) !important; }
        .mn-award-card[data-position="3"] .mn-card-button svg.icon { fill: rgb(180, 83, 9) !important; }

        /* Top Container */
            .mn-award-card [data-class="top-container"] {
                display: flex;
                gap: 1rem;
                align-items: center;
            }

            .mn-award-card [data-class="name"] {
                color: rgb(26, 26, 26);
                font-size: 1.1rem;
            }
            .mn-award-card .mn-position-emoji {
                margin-left: auto;
            }
            .mn-award-card .mn-country-names {
                color: rgb(121, 121, 121);
                font-size: 0.8rem;
                font-weight: 400;
            }
        /* --- */
    /* --- */
/* --- */



/* NANNY OFFERS */
    /* Section */
        .mn-api-product-section[data-type="nanny_offers"] {
            background-color: rgb(250, 247, 242); 
        }
        /* .mn-api-product-section + 
        .mn-api-product-section[data-type="nanny_offers"] {
            border-top-color: rgb(246, 230, 217);
        } */
    /* --- */

    .mn-offer-card {
        --tw-shadow: 0 10px 30px -5px rgba(234, 165, 87, 0.15);
        padding: 1.5rem;
        background-color: white;
        border: 1px solid rgb(246, 230, 217);
        border-radius: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 1rem;
        box-shadow: 
            var(--tw-ring-offset-shadow, 0 0 #0000), 
            var(--tw-ring-shadow, 0 0 #0000), 
            var(--tw-shadow)
        ;
    }
    .mn-offer-card[data-position="1"] {
        border-color: rgb(233, 46, 91);
        border-width: 2px;
    }

    .mn-offer-card [data-class="flash-offer"] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        padding: 0.25rem 0.75rem;
        border-radius: 9999px;
        background-color: rgb(233, 46, 91);
        color: white;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
    }

    .mn-offer-card .mn-profile-photo {
        --padding: 0;
        --border: 1px solid white;
        --size: 3rem;
    }

    /* Top Container */
        .mn-offer-card [data-class="top-container"] {
            display: flex;
            flex-direction: column;
            row-gap: 1rem;
        }

        [data-class="discount-text"] {
            color: rgb(139, 139, 139);
            letter-spacing: 0.1em;
            text-transform: uppercase;
            font-size: 0.75rem;
            font-weight: 600;
        }

        [data-class="discount-info"] {
            display: flex;
            align-items: baseline;
            margin-top: 0.25rem;
            gap: 0.25rem;
            text-transform: uppercase;
        }

        [data-class="discount-amount"] {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1rem;
            color: rgb(26, 26, 26);
        }
        .mn-offer-card[data-position="1"] [data-class="discount-amount"] {
            color: rgb(233, 46, 91);
        }

        [data-class="discount-label"] {
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 2rem;
            color: rgb(34, 34, 34);
        }
    /* --- */

    /* Middle Container */
        .mn-offer-card [data-class="middle-container"] {
            display: flex;
            gap: 0.75rem;
            align-items: center;
            padding: 0.75rem;
            border-radius: 1rem;
            background-color: rgb(250, 247, 242);
        }
        .mn-offer-card[data-position="1"] [data-class="middle-container"] {
            background-color: rgb(255, 239, 242);
        }

        .mn-offer-card [data-class="name"] {
            color: rgb(26, 26, 26);
            font-size: 1rem;
            font-weight: 500;
        }

        .mn-offer-card [data-class="details"] {
            color: rgb(139, 139, 139);
            font-size: 11px;
            font-weight: 600;
        }
        .mn-offer-card[data-position="1"] [data-class="details"] {
            color: rgb(233, 46, 91);
        }
    /* --- */
/* --- */



/* DEPOSITS */
    .mn-deposit-card {
        /* --tw-shadow: 0 10px 30px -5px rgba(234, 165, 87, 0.15); */
        --tw-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
        padding: 1.25rem;
        /* background-color: rgb(250, 247, 242); */
        background-color: white;
        /* border: 1px solid rgb(246, 230, 217); */
        border: 1px solid rgb(221, 221, 221);
        border-radius: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 1rem;
        box-shadow: 
            var(--tw-ring-offset-shadow, 0 0 #0000), 
            var(--tw-ring-shadow, 0 0 #0000), 
            var(--tw-shadow)
        ;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .mn-deposit-card:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .mn-deposit-card [data-class="deposit-paid"] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        padding: 0.25rem 0.625rem;
        background-color: rgb(209, 250, 229);
        border-radius: 9999px;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        color: rgb(6, 95, 70);
    }
    [data-class="deposit-paid"] svg.icon {
        fill: rgb(6, 95, 70);
    }
    .mn-deposit-card [data-class="deposit-paid"] + * {
        margin-top: 1.65rem;
    }

    .mn-deposit-card .mn-card-button {
        /* color: rgb(34, 34, 34); */
        /* border: 1px solid rgb(246, 230, 217); */
        color: white;
        background-color: rgb(34, 34, 34);
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .mn-deposit-card .mn-card-button:hover {
        /* background-color: rgb(255, 251, 249); */
        background-color: rgb(233, 46, 91);
    }
    .mn-deposit-card .mn-card-button svg.icon {
        fill: white;
    }

    .mn-deposit-card .mn-profile-photo {
        --padding: 0;
        --border: none;
        --size: 3rem;
    }

    .mn-deposit-card [data-class="name"] {
        color: rgb(26, 26, 26);
        font-size: 1rem;
        font-weight: 500;
    }

    .mn-deposit-card [data-class="details"] {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1rem;
        color: rgb(139, 139, 139);
    }

    .mn-deposit-card [data-class="info"] {
        color: rgb(51, 51, 51);
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
    .mn-deposit-card [data-class="info"] span:first-child {
        color: rgb(139, 139, 139);
        font-weight: 600;
    }

    /* Top Container */
        .mn-deposit-card [data-class="top-container"] {
            display: flex;
            align-items: center;
            column-gap: 0.75rem;
        }
    /* --- */

    /* Middle Container */
        .mn-deposit-card [data-class="middle-container"] {
            display: flex;
            flex-direction: column;
            row-gap: 0.5rem;
        }
    /* --- */
/* --- */



/* COMPLETED JOBS */
    /* Section */
        .mn-api-product-section[data-type="completed_jobs"] {
            background-color: rgb(250, 247, 242);
        }
        /* .mn-api-product-section + 
        .mn-api-product-section[data-type="completed_jobs"] {
            border-top-color: rgb(246, 230, 217);
        } */
    /* --- */

    .mn-job-card {
        /* --tw-shadow: 0 10px 30px -5px rgba(234, 165, 87, 0.15); */
        --tw-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
        padding: 1.25rem;
        background-color: white;
        /* border: 1px solid rgb(246, 230, 217); */
        border: 1px solid rgb(221, 221, 221);
        border-radius: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 1rem;
        box-shadow: 
            var(--tw-ring-offset-shadow, 0 0 #0000), 
            var(--tw-ring-shadow, 0 0 #0000), 
            var(--tw-shadow)
        ;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .mn-job-card:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .mn-job-card [data-class="deposit-paid"] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        padding: 0.25rem 0.625rem;
        background-color: rgb(209, 250, 229);
        border-radius: 9999px;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        color: rgb(6, 95, 70);
    }
    [data-class="deposit-paid"] svg.icon {
        fill: rgb(6, 95, 70);
    }
    .mn-job-card [data-class="deposit-paid"] + * {
        margin-top: 1.65rem;
    }

    .mn-job-card .mn-profile-photo {
        --padding: 0;
        --border: none;
        --size: 3rem;
    }

    .mn-job-card [data-class="name"] {
        color: rgb(26, 26, 26);
        font-size: 1rem;
        font-weight: 500;
    }

    .mn-job-card [data-class="details"] {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1rem;
        color: rgb(90, 202, 104);
    }

    .mn-job-card [data-class="info"] {
        color: rgb(51, 51, 51);
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
    .mn-job-card [data-class="info"] span:first-child {
        color: rgb(139, 139, 139);
        font-weight: 600;
    }

    .mn-job-card [data-class="review"] {
        font-size: 0.75rem;
        line-height: 1rem;
        padding: 0.75rem;
        color: rgb(139, 139, 139);
        background-color: rgba(255, 251, 249, 0.5);
        border: 1px dashed rgb(246, 230, 217);
        border-radius: 0.75rem;
        font-weight: 500;
    }

    /* Top Container */
        .mn-job-card [data-class="top-container"] {
            display: flex;
            align-items: center;
            column-gap: 0.75rem;
        }
    /* --- */

    /* Middle Container */
        .mn-job-card [data-class="middle-container"] {
            display: flex;
            flex-direction: column;
            row-gap: 0.5rem;
            padding: 0.75rem;
            border-radius: 1rem;
            background-color: rgb(250, 247, 242);
        }
    /* --- */
/* --- */



/* MUMMY REWARDS */
    /* Section */
        .mn-api-product-section[data-type="mummy_rewards"] {
            background-color: rgb(250, 247, 242);
        }
        /* .mn-api-product-section + 
        .mn-api-product-section[data-type="mummy_rewards"] {
            border-top-color: rgb(246, 230, 217);
        } */
    /* --- */

    .mn-reward-card {
        --tw-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
        background-color: white;
        /* border: 1px solid rgb(246, 230, 217); */
        border: 1px solid rgb(221, 221, 221);
        border-radius: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-shadow: 
            var(--tw-ring-offset-shadow, 0 0 #0000), 
            var(--tw-ring-shadow, 0 0 #0000), 
            var(--tw-shadow)
        ;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .mn-reward-card:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .mn-reward-card .mn-trait {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10.5px;
        padding: 0.25rem 0.625rem;
        max-width: max-content;
    }

    .mn-reward-card [data-class="bottom-container"] 
    .mn-trait {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 1rem;
        padding: 0.75rem;
        border-style: dashed;
        border-width: 1px;
        max-width: 100%;
        text-transform: none;
    }
    .mn-reward-card [data-class="bottom-container"] 
    .mn-trait span:first-child {
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1rem;
    }
    .mn-reward-card [data-class="bottom-container"] 
    .mn-trait span:last-child {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.25rem;
    }

    .mn-reward-card [data-class="title"],
    .mn-reward-card h4[data-class="title"] {
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.5rem;
        color: rgb(26, 26, 26);
    }

    .mn-reward-card [data-class="description"] {
        font-size: 0.75rem;
        line-height: 1.15rem;
        color: rgb(139, 139, 139);
    }

    .mn-reward-card [data-class="date"] {
        font-size: 10px;
        font-weight: 600;
        color: rgb(139, 139, 139);
    }

    .mn-reward-card a[data-class="button"] {
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1rem;
        color: rgb(233, 46, 91);
    }

    .mn-reward-card [data-class="info"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    /* Top Container */
        .mn-reward-card [data-class="top-container"] {
            border-top-left-radius: 1.5rem;
            border-top-right-radius: 1.5rem;
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: calc(100% * 1 / 2);
        }
        .mn-reward-card [data-class="top-container"] img {
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    /* --- */

    /* Middle Container */
        .mn-reward-card [data-class="middle-container"] {
            display: flex;
            flex-direction: column;
            row-gap: 0.5rem;
            padding: 1.25rem;
        }
    /* --- */

    /* Bottom Container */
        .mn-reward-card [data-class="bottom-container"] {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            padding: 1.25rem;
            padding-top: 0;
            border-bottom-left-radius: 1.5rem;
            border-bottom-right-radius: 1.5rem;
        }
    /* --- */
/* --- */



/* BLOG ARTICLES */
    /* Section */
        .mn-api-product-section[data-type="blog_articles"] {
            background-color: rgb(250, 247, 242);
        }
        /* .mn-api-product-section + 
        .mn-api-product-section[data-type="blog_articles"] {
            border-top-color: rgb(246, 230, 217);
        } */
    /* --- */

    .mn-article-card {
        --tw-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
        background-color: white;
        /* border: 1px solid rgb(246, 230, 217); */
        border: 1px solid rgb(221, 221, 221);
        border-radius: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-shadow: 
            var(--tw-ring-offset-shadow, 0 0 #0000), 
            var(--tw-ring-shadow, 0 0 #0000), 
            var(--tw-shadow)
        ;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
    .mn-article-card:hover {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .mn-article-card .mn-trait {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10.5px;
        padding: 0.25rem 0.625rem;
        max-width: max-content;
    }

    .mn-article-card [data-class="title"],
    .mn-article-card h4[data-class="title"] {
        font-size: 0.975rem;
        font-weight: 700;
        line-height: 1.6rem;
        color: rgb(26, 26, 26);
    }

    .mn-article-card [data-class="description"] {
        font-size: 0.75rem;
        line-height: 1.15rem;
        color: rgb(139, 139, 139);
    }

    .mn-article-card [data-class="date"] {
        font-size: 10px;
        font-weight: 600;
        color: rgb(139, 139, 139);
    }

    .mn-article-card a[data-class="button"] {
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1rem;
        color: rgb(233, 46, 91);
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }
    .mn-article-card a[data-class="button"] svg.icon {
        fill: rgb(233, 46, 91);
    }

    /* Top Container */
        .mn-article-card [data-class="top-container"] {
            border-top-left-radius: 1.5rem;
            border-top-right-radius: 1.5rem;
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: calc(100% * 1 / 2);
        }
        .mn-article-card [data-class="top-container"] img {
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    /* --- */

    /* Middle Container */
        .mn-article-card [data-class="middle-container"] {
            display: flex;
            flex-direction: column;
            row-gap: 0.5rem;
            padding: 1.25rem;
        }
    /* --- */

    /* Bottom Container */
        .mn-article-card [data-class="bottom-container"] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            border-top: 1px solid rgb(250, 247, 242);
            padding: 1.25rem;
            padding-top: 0.75rem;
            border-bottom-left-radius: 1.5rem;
            border-bottom-right-radius: 1.5rem;
        }
    /* --- */
/* --- */



/* FOOTER */
    .mn-footer-wrapper {
        color: white;
        background-color: rgb(26, 26, 26);
        padding-top: 4rem;
        padding-bottom: 2rem;
        border-top: 1px solid rgb(34, 34, 34);
    }

    /* Top */
        .mn-footer-top-wrapper {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }
        @media (min-width: 768px) {
            .mn-footer-top-wrapper[data-cols="2"] {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .mn-footer-top-wrapper[data-cols="3"] {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .mn-footer-top-wrapper[data-cols="4"] {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        /* Branding Info */
            .mn-footer-top-wrapper [data-class="branding-info"] > * + * {
                margin-top: 1rem;
            }

            .mn-footer-top-wrapper [data-class="branding-info"] .mn-sitename span:first-child {
                color: white;
            }

            .mn-footer-top-wrapper [data-class="branding-info"] p {
                color: rgb(139, 139, 139);
                font-size: 0.75rem;
                line-height: 1.625;
            }

            .mn-footer-top-wrapper [data-class="branding-info"] [data-class="icons"] {
                font-size: 1.125rem;
                line-height: 1.75rem;
                display: flex;
                gap: 0.75rem;
            }
            .mn-footer-top-wrapper [data-class="branding-info"] [data-class="icons"] a {
                color: rgb(139, 139, 139);
                transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
            }
            .mn-footer-top-wrapper [data-class="branding-info"] [data-class="icons"] a svg.icon {
                fill: rgb(139, 139, 139);
                transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
            }
            .mn-footer-top-wrapper [data-class="branding-info"] [data-class="icons"] a:hover {
                color: white;
            }
            .mn-footer-top-wrapper [data-class="branding-info"] [data-class="icons"] a:hover svg.icon {
                fill: white
            }
            .mn-footer-top-wrapper [data-class="branding-info"] [data-class="icons"] a img {
                height: 1.125rem;
                width: auto;
                display: block;
                filter: brightness(0) invert(1) !important;
            }
        /* --- */

        /* Other */
            /* Title */
                .mn-footer-top-wrapper [data-class="other"] h4,
                .mn-footer-top-wrapper [data-class="other"] h5 {
                    color: rgb(251, 191, 36);
                    letter-spacing: 0.05em;
                    text-transform: uppercase;
                    font-weight: 600;
                    font-size: 0.75rem;
                    line-height: 1rem;
                    margin: 0;
                }
                .mn-footer-top-wrapper [data-class="other"] h4 + *,
                .mn-footer-top-wrapper [data-class="other"] h5 + * {
                    margin-top: 1rem !important;
                }
            /* --- */

            /* List */
                .mn-footer-top-wrapper [data-class="other"] ul {
                    color: rgb(139, 139, 139);
                    font-size: 0.75rem;
                    line-height: 1rem;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                .mn-footer-top-wrapper [data-class="other"] ul button.role-button,
                .mn-footer-top-wrapper [data-class="other"] ul a {
                    color: rgb(139, 139, 139);
                    font-size: 0.75rem;
                    line-height: 1rem;
                    cursor: pointer;
                    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
                }
                .mn-footer-top-wrapper [data-class="other"] ul button.role-button:hover,
                .mn-footer-top-wrapper [data-class="other"] ul a:hover {
                    color: white;
                }
            /* --- */

            /* Paragraph */
                .mn-footer-top-wrapper [data-class="other"] p {
                    color: rgb(139, 139, 139);
                    font-size: 0.75rem;
                    line-height: 1rem;
                    margin-bottom: 0;
                }
                .mn-footer-top-wrapper [data-class="other"] p + * {
                    margin-top: 0.75rem !important;
                }
            /* --- */

            /* CTA Button */
                .mn-footer-top-wrapper [data-class="other"] button[data-class="cta-button"] {
                    color: rgb(26, 26, 26);
                    background-color: rgb(245, 158, 11);
                    font-weight: 600;
                    font-size: 0.75rem;
                    line-height: 1rem;
                    padding: 0.625rem 1rem;
                    border-radius: 0.75rem;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    cursor: pointer;
                    text-transform: none;
                    letter-spacing: normal;
                    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
                }
                .mn-footer-top-wrapper [data-class="other"] button[data-class="cta-button"]:hover {
                    background-color: rgb(217, 119, 6);
                }
                .mn-footer-top-wrapper [data-class="other"] button[data-class="cta-button"] svg.icon {
                    fill: rgb(26, 26, 26);
                }
            /* --- */
        /* --- */
    /* --- */

    /* Line */
        .mn-footer-line {
            border-color: rgb(34, 34, 34);
            margin: 0;
            height: 0;
            border-top-width: 1px;
            margin-bottom: 2rem;
        }
    /* --- */

    /* Bottom */
        .mn-footer-bottom-wrapper {
            color: rgb(139, 139, 139);
            font-size: 11px;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            justify-content: space-between;
            align-items: center;
        }
        @media (min-width: 640px) {
            .mn-footer-bottom-wrapper {
                flex-direction: row;
            }
        }

        .mn-footer-bottom-wrapper p {
            margin: 0;
        }

        .mn-footer-bottom-wrapper [data-class="flex-wrapper"] {
            display: flex;
        }

        .mn-footer-bottom-wrapper [data-class="flex-wrapper"] a {
            color: rgb(139, 139, 139);
            transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
        .mn-footer-bottom-wrapper [data-class="flex-wrapper"] a:hover {
            color: white;
        }
    /* --- */
/* --- */