html.bonjau-main-landing .mobile-version-menu,
html.bonjau-main-landing .mobile-hero-benefits,
html.bonjau-main-landing .mobile-hero-product-group {
    display: none;
}

html.bonjau-main-landing #composicao .section-copy {
    display: none !important;
}

html.bonjau-main-landing .hero a[href="#como-usar"],
html.bonjau-main-landing .hero a[href="#como-funciona"],
html.bonjau-main-landing #inicio a[href="#como-usar"],
html.bonjau-main-landing #inicio a[href="#como-funciona"] {
    display: none !important;
}

html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) :is(.badge, .tag, .ribbon, .flag, .selo, .seal, .label, .pill, [class*="badge"], [class*="ribbon"], [class*="selo"]) {
    display: none !important;
}

html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) :is(h2, h3, h4) {
    max-width: 100%;
    font-size: clamp(1.02rem, 1.25vw, 1.28rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

html.bonjau-main-landing #kits > .shell > .reveal:first-child {
    text-align: center;
}

html.bonjau-main-landing #kits .section-title,
html.bonjau-main-landing #kits .section-copy {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

html.bonjau-main-landing #kits .kit-card {
    text-align: left;
}

@media (min-width: 769px) {
    html.bonjau-main-landing #garantia .guarantee-grid {
        grid-template-columns: repeat(2, minmax(0, 360px)) !important;
        justify-content: center !important;
        justify-items: stretch;
    }

    html.bonjau-main-landing #garantia .guarantee-item {
        text-align: center;
    }
}

@keyframes bonjau-mobile-product-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -12px, 0);
    }
}

@media (max-width: 768px) {
    html.bonjau-main-landing,
    html.bonjau-main-landing body {
        overflow-x: hidden;
    }

    html.bonjau-main-landing #inicio,
    html.bonjau-main-landing .hero,
    html.bonjau-main-landing #inicio .shell,
    html.bonjau-main-landing .hero .shell,
    html.bonjau-main-landing #inicio .hero-grid,
    html.bonjau-main-landing .hero .hero-grid,
    html.bonjau-main-landing #inicio .hero-visual,
    html.bonjau-main-landing .hero .hero-visual,
    html.bonjau-main-landing #inicio .hero-product,
    html.bonjau-main-landing .hero .hero-product {
        overflow: visible !important;
    }

    html.bonjau-main-landing .hero .version {
        display: none !important;
    }

    html.bonjau-main-landing .topbar .shell {
        gap: 10px;
        align-items: center;
    }

    html.bonjau-main-landing .kit-grid {
        margin-top: 18px !important;
        gap: 10px !important;
    }

    html.bonjau-main-landing :is(#kits, .products, .guarantee) .section-title,
    html.bonjau-main-landing .footer-cta strong {
        max-width: 100% !important;
        font-size: clamp(0.98rem, 4.65vw, 1.2rem) !important;
        line-height: 1.08 !important;
        white-space: normal !important;
        overflow-wrap: break-word;
    }

    html.bonjau-main-landing .brand-mark {
        flex: 0 0 auto;
        gap: 0;
        min-width: 30px;
        height: 30px;
        font-size: 0 !important;
    }

    html.bonjau-main-landing .brand-mark span {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.78rem !important;
    }

    html.bonjau-main-landing .mobile-version-menu {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        align-self: center;
        min-height: 30px;
        margin: 0 auto 0 8px !important;
        padding: 0 12px;
        border: 1px solid rgba(190, 255, 76, 0.48);
        border-radius: 999px;
        color: #d9ff7a !important;
        background: rgba(7, 18, 8, 0.78);
        box-shadow: 0 0 24px rgba(184, 237, 67, 0.14);
        font-family: "Oswald", Impact, sans-serif !important;
        font-size: 0.88rem !important;
        font-style: italic;
        font-weight: 800;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }

    html.bonjau-main-landing .mobile-version-menu * {
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: nowrap;
    }

    html.bonjau-main-landing [data-mobile-version-source="true"],
    html.bonjau-main-landing .hero [data-mobile-version-source="true"],
    html.bonjau-main-landing [data-mobile-hero-benefit-source="true"] {
        display: none !important;
    }

    html.bonjau-main-landing .mobile-benefit-stage {
        position: relative !important;
        isolation: isolate;
        z-index: 2;
        overflow: visible !important;
        contain: none !important;
        clip-path: none !important;
    }

    html.bonjau-main-landing .mobile-hero-no-clip {
        overflow: visible !important;
        contain: none !important;
        clip-path: none !important;
        mask-image: none !important;
        -webkit-mask-image: none !important;
    }

    html.bonjau-main-landing .hero-product-stage.mobile-benefit-stage {
        position: absolute !important;
        left: 50% !important;
        translate: -50% 0 !important;
        transform: none !important;
        width: min(274px, 70vw) !important;
        height: min(318px, 82vw) !important;
        bottom: 8px !important;
    }

    html.bonjau-main-landing .hero-product-stage.mobile-benefit-stage .hero-product {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: auto !important;
        bottom: 4px !important;
        width: 86% !important;
        max-width: none !important;
        transform: translateX(-9%) !important;
        animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html.bonjau-main-landing .mobile-hero-benefits {
        position: absolute;
        inset: 5% 0 10%;
        z-index: 7;
        display: block;
        pointer-events: none;
    }

    html.bonjau-main-landing .mobile-hero-benefits span {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        width: min(27vw, 100px);
        max-width: 100px;
        padding: 7px 9px;
        border: 1px solid rgba(217, 255, 122, 0.42);
        border-radius: 12px;
        color: #efffbc;
        background: linear-gradient(145deg, rgba(17, 24, 13, 0.88), rgba(4, 8, 5, 0.82));
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(217, 255, 122, 0.13);
        font-family: "Oswald", Impact, sans-serif;
        font-size: clamp(0.62rem, 2.35vw, 0.76rem);
        font-style: italic;
        font-weight: 800;
        line-height: 1.05;
        text-align: center;
        text-transform: uppercase;
        white-space: normal;
        backdrop-filter: blur(8px);
    }

    html.bonjau-main-landing .mobile-hero-benefits span:nth-child(1) {
        top: 17% !important;
        left: 0 !important;
        transform: rotate(-1deg);
    }

    html.bonjau-main-landing .mobile-hero-benefits span:nth-child(2) {
        top: 17% !important;
        right: 7% !important;
        transform: rotate(1deg);
    }

    html.bonjau-main-landing .mobile-hero-benefits span:nth-child(3) {
        bottom: 16% !important;
        left: 0 !important;
        transform: rotate(-1deg);
    }

    html.bonjau-main-landing .mobile-hero-benefits span:nth-child(4) {
        right: 7% !important;
        bottom: 16% !important;
        max-width: 106px;
        transform: rotate(1deg);
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 15px !important;
        gap: 8px !important;
        border-radius: 14px !important;
        margin-block: 10px !important;
        min-height: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card) > * {
        min-width: 0;
        max-width: 100%;
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) :is(.badge, .tag, .ribbon, .flag, .selo, .seal, .label, .pill, [class*="badge"], [class*="ribbon"], [class*="selo"]) {
        display: none !important;
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) :is(h2, h3, h4) {
        margin: 0 !important;
        font-size: clamp(0.96rem, 4.45vw, 1.18rem) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        text-wrap: balance;
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) :is(p, li, small) {
        margin-block: 4px !important;
        line-height: 1.24 !important;
    }

    html.bonjau-main-landing .kit-card .kit-image,
    html.bonjau-main-landing .bonjau-kit-card .kit-image {
        position: relative !important;
        height: 186px !important;
        width: 100% !important;
        margin: 0 0 4px !important;
        align-self: stretch;
        overflow: visible !important;
    }

    html.bonjau-main-landing .kit-card .kit-image[data-count="5"],
    html.bonjau-main-landing .bonjau-kit-card .kit-image[data-count="5"] {
        height: 212px !important;
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) img {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
        transform: translate(-50%, -50%) !important;
        transform-origin: center;
    }

    html.bonjau-main-landing .kit-image[data-count="1"] img {
        width: 170px !important;
    }

    html.bonjau-main-landing .kit-image[data-count="2"] img:nth-child(1) {
        width: 132px !important;
        transform: translate(-76%, -50%) rotate(-4deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="2"] img:nth-child(2) {
        width: 150px !important;
        transform: translate(-28%, -52%) rotate(4deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="3"] img:nth-child(1),
    html.bonjau-main-landing .kit-image[data-count="3"] img:nth-child(3) {
        width: 116px !important;
    }

    html.bonjau-main-landing .kit-image[data-count="3"] img:nth-child(1) {
        transform: translate(-130%, -45%) rotate(-7deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="3"] img:nth-child(2) {
        width: 150px !important;
        transform: translate(-50%, -53%) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="3"] img:nth-child(3) {
        transform: translate(30%, -45%) rotate(7deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img {
        width: 110px !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img:nth-child(3) {
        width: 142px !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img:nth-child(1) {
        transform: translate(-135%, -42%) rotate(-6deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img:nth-child(2) {
        transform: translate(-92%, -47%) rotate(-3deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img:nth-child(3) {
        transform: translate(-50%, -52%) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img:nth-child(4) {
        transform: translate(-8%, -47%) rotate(3deg) !important;
    }

    html.bonjau-main-landing .kit-image[data-count="5"] img:nth-child(5) {
        transform: translate(35%, -42%) rotate(6deg) !important;
    }

    html.bonjau-main-landing .kit-card .price,
    html.bonjau-main-landing .bonjau-kit-card .price {
        margin: 2px 0 0 !important;
        font-size: clamp(1.48rem, 7.4vw, 1.92rem) !important;
        line-height: 0.98 !important;
    }

    html.bonjau-main-landing .kit-card h3,
    html.bonjau-main-landing .bonjau-kit-card h3 {
        font-size: clamp(0.96rem, 4.45vw, 1.18rem) !important;
        line-height: 1.02 !important;
        overflow-wrap: anywhere;
        white-space: normal !important;
        text-wrap: balance;
    }

    html.bonjau-main-landing .kit-card .price small,
    html.bonjau-main-landing .bonjau-kit-card .price small {
        margin-top: 3px !important;
        font-size: 0.78rem !important;
    }

    html.bonjau-main-landing .kit-card .price-row,
    html.bonjau-main-landing .bonjau-kit-card .price-row {
        margin: 4px 0 0 !important;
    }

    html.bonjau-main-landing .kit-card .discount,
    html.bonjau-main-landing .bonjau-kit-card .discount {
        min-height: 18px !important;
        padding: 0 6px !important;
        font-size: 0.64rem !important;
    }

    html.bonjau-main-landing .kit-card .kit-list,
    html.bonjau-main-landing .bonjau-kit-card .kit-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        margin: 4px 0 8px !important;
        font-size: 0.78rem !important;
    }

    html.bonjau-main-landing .kit-card .kit-list li,
    html.bonjau-main-landing .bonjau-kit-card .kit-list li {
        grid-template-columns: 15px 1fr !important;
        gap: 5px !important;
    }

    html.bonjau-main-landing .kit-card .kit-list li::before,
    html.bonjau-main-landing .bonjau-kit-card .kit-list li::before {
        width: 11px !important;
        height: 11px !important;
        margin-top: 4px !important;
    }

    html.bonjau-main-landing :is(.bonjau-kit-card, .kit-card, .offer-card, .pricing-card, .bundle-card, [class*="kit-card"], [class*="offer-card"], [class*="pricing-card"], [class*="bundle-card"], [data-kit]) :is(a, button) {
        width: 100% !important;
        margin-top: auto !important;
        min-height: 42px !important;
        padding: 8px 12px !important;
        font-size: 0.82rem !important;
    }
}

@media (max-width: 390px) {
    html.bonjau-main-landing .mobile-version-menu {
        min-height: 30px;
        padding: 0 9px;
        font-size: 0.74rem !important;
    }

    html.bonjau-main-landing .mobile-hero-benefits span {
        min-height: 42px;
        width: min(29vw, 102px);
        max-width: 102px;
        padding: 6px 8px;
        font-size: 0.62rem;
    }

    html.bonjau-main-landing .mobile-hero-benefits span:nth-child(4) {
        max-width: 108px;
    }
}