.bodySite {
    width: 100%;
}

/* navBar */
.navbar {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
}

.logo-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2px;
}

.nav-links {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 50px;
    width: 100%;
    padding: 10px;
    margin: 0;
}

/* .nav-links-background {

} */

.nav-item a {
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 28px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-item a:hover {
    color: #B88E2F;
}

/* .cart-icon-container {
    display: flex;
    align-items: center;
}

.cart-icon {
    height: 24px;
    width: auto;
} */


/* navBar */



/* side-bar */

.new-cart {
    font-family: "Poppins", sans-serif;
    position: fixed;
    width: 0;
    right: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    z-index: 99999998;
    background-color: #f6f6f6;
    transition: width 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    padding: 10px 0;

    span {
        cursor: pointer;
        font-size: x-large;
    }

}

.mimoHeading {
    font-size: 20px;
    font-weight: 700;
    color: #2F3841;
}

.mimoCartContainer {
    width: 100%;
    height: 90%;
}

.mimoHeader {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkoutMimo {
    width: 100%;

    p {
        color: #757575;
        margin: 0;
        line-height: 24px;
    }

}

.totalMimo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subtotalMimo {
    font-size: 20px;
    font-weight: 700;
    color: #202020;
}

.itemsMimo {
    font-size: 15px;
    font-weight: 500;
    color: #909090;
    line-height: 18px;
}

.totalamountMimo {
    font-size: 2em;
    font-weight: 900;
    color: #202020;
}


.new-cart-active {
    width: 30%;
    opacity: 1;
    padding: 10px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999997;
    display: none;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.overlay-active {
    display: block;
    opacity: 1;
}

/* cart  */

.new-cart-products {
    p {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: x-large;
        font-weight: bold;
        padding: 0px 30px;
    }
}

/* cart  */

/* home */

.bannerCat {
    background-image: url('../img/banner-cat.jpg');
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 540px;
}

.bannetCat2 {
    position: absolute;
    top: 50%;
    left: 76%;
    transform: translate(-50%, -50%);
    width: 460px;
    border-radius: 10px;
    background: #FFF3E3;
}

.textbanner1 {
    color: var(--Font-Color, #333);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3px;
}

.textbanner2 {
    color: var(--Primary, #B88E2F);
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.textbanner3 {
    color: var(--Font-Color, #333);
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 28px;
}

.btnCustombanner {
    padding: 4px 12px;
    align-items: flex-start;
    background: var(--Primary, #B88E2F);
    border: none !important;
    border-radius: 5px;
}

.buynow {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    font-size: small;
}

.variety {
    color: var(--Font-Color, #333);
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.variety2 {
    color: var(--Font-Color, #333);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 25px;
}

.boximg {
    width: 381px;
    height: 480px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #111;
    margin: 20px;
}

.boximg img {
    max-width: 100%;
    height: auto;
}

.typehouse {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.3s;
}

.typehouse:hover {
    transform: scale(1.05);
}

.responsive-images {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.typehousetext {
    color: var(--Font-Color, #333);
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 20px;
}

.textlinkhouses {
    text-decoration: none;
}

.btnCustomidea {
    display: inline-flex;
    padding: 10px 30px;
    align-items: center;
    gap: 10px;
    background: var(--Primary, #B88E2F);
    border: none !important;
    margin-top: 20px;
    border-radius: 13px;
    width: 20%;
    justify-content: center;
}

.sendidea {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.varietyexplore {
    color: #B88E2F;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}


.variety2explore {
    color: var(--Font-Color, #333);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

/* home */

/* products home */

.product-name {
    color: var(--Color-Gray-1, #3A3A3A);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    text-align: left;
    margin-bottom: 0px;
}

.resized-image {
    height: 300px;
    border-radius: 30px;
    max-width: 100%;
}

.product-description {
    color: #636363;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-align: left;
    height: 180px;
}

.product-part.text-start {
    font-size: smaller;
}

.product-price {
    color: var(--Color-Gray-1, #B88E2F);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-align: left;
}

.buy-btn-shop {
    color: white;
    border: none;
    background: #B88E2F;
    border-radius: 10px;
    font-size: medium;
    padding: 0px 20px;
}

/* .partproduct {
    color: var(--Color-Gray-1, #757575);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    text-align: left;
} */

.product-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

/* products home */

/* ideaBoxHome  */

.ideaBox {
    background: #FCF8F3;
}


/* ideaBoxHome  */

.color-secondary {
    color: #b6b6b6;
}

* {
    font-family: "Poppins", sans-serif;
}


/* footer-bar  */

footer {
    background-color: #FFF3E3;
}

.footerBottom {
    background-color: #B88E2F;
}

.text-footer {
    color: #B88E2F;
    /* text-align: center; */

}

.text-footer a {
    color: #B88E2F;
    text-decoration: none;
}

.text-footer a:hover {
    color: #d1a846;
    text-decoration: none;
}

/* public/css/whatsapp-icon.css */
.whatsapp-icon {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 60px;
    height: 60px;
    z-index: 1000;
}

.whatsapp-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.whatsapp-icon:hover {
    transform: scale(1.1);
    transition: transform 0.3s;
}

/* btn-ideia-custom */
.wrapper {
    display: flex;
    justify-content: center;
}

.cta {
    display: flex;
    padding: 10px 45px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    color: white;
    background: #B88E2F;
    transition: 1s;
    box-shadow: 6px 6px 0 black;
    transform: skewX(-15deg);
    align-items: center;
}

.cta:focus {
    outline: none;
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #fdc479;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}

span {
    transform: skewX(15deg)
}

span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
}

/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }

    50% {
        fill: #FBC638;
    }

    100% {
        fill: white;
    }
}

/* btn-ideia-custom */

/* css-about-text  */

.box-about {
    display: flex;
    gap: 50px;
    padding: 100px;
}

.text-about {
    padding: 26px;
    text-align: justify;
    font-size: large;

    h2 {
        margin-bottom: 50px;
    }
}

.img-about img {
    height: 600px;
    width: 200rem;
    max-width: 100%;
    object-fit: cover;
    display: block;
}

/* css-about-text  */


/* ------------ imagem carrocel ------------- */
@media only screen and (max-width: 1024px) {

    /* botao customizado de ideia  */

    .wrapper {
        display: flex;
        justify-content: center;
    }

    .cta {
        display: flex;
        padding: 12px 20px;
        /* Reduzindo o padding para dispositivos móveis */
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        /* Reduzindo o tamanho da fonte para dispositivos móveis */
        color: white;
        background: #B88E2F;
        box-shadow: 6px 6px 0 #000000;
        /* Ajustando a sombra */
        transition: 0.3s;
        /* Reduzindo a duração da transição */
        transform: skewX(-15deg);
        align-items: center;
    }

    .cta:focus {
        outline: none;
    }

    .cta span:nth-child(2) {
        margin-right: 20px;
        /* Ajustando o espaçamento */
    }

    span {
        transform: skewX(15deg)
    }

    span:nth-child(2) {
        width: 14px;
        /* Reduzindo o tamanho do ícone */
        margin-left: 15px;
        /* Ajustando o espaçamento do ícone */
        position: relative;
        top: 10%;
        /* Ajustando a posição vertical do ícone */
    }

    /**************SVG****************/

    path.one {
        transition: 0.2s;
        /* Reduzindo a duração da transição */
        transform: translateX(-50%);
        /* Ajustando a posição inicial do ícone */
    }

    path.two {
        transition: 0.3s;
        /* Reduzindo a duração da transição */
        transform: translateX(-25%);
        /* Ajustando a posição inicial do ícone */
    }

    .cta path.three {
        animation: color_anim 1s infinite 0.2s;
    }

    .cta path.one {
        transform: translateX(0%);
        animation: color_anim 1s infinite 0.4s;
        /* Ajustando o tempo de início da animação */
    }

    .cta path.two {
        transform: translateX(0%);
        animation: color_anim 1s infinite 0.3s;
        /* Ajustando o tempo de início da animação */
    }

    /* SVG animations */

    @keyframes color_anim {
        0% {
            fill: white;
        }

        50% {
            fill: #FBC638;
        }

        100% {
            fill: white;
        }
    }

    /* botao customizado de ideia  */

    /* bannercat */
    .textbanner1 {
        display: none;
    }

    .bannerCat {
        height: 300px;
    }

    .bannetCat2 {
        background: #FFF3E3;
        position: absolute;
        top: 40%;
        left: 76%;
        padding: 6px 6px;
        border-radius: 10px;
        transform: translate(-50%, -51%);
        width: 170px;
    }

    .textbanner2 {
        color: var(--Primary, #B88E2F);
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 15px;
    }

    .textbanner3 {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
    }

    .btnCustombanner {
        width: 100%;
    }

    /* bannercat */

    /* variedade de produtos  */

    .responsive-images {
        display: flex;
        gap: 5px;
        justify-content: center;
    }

    .typehouse:hover {
        transform: none;
    }

    /* variedade de produtos  */


    .nav-links {
        gap: 20px;
        padding: 10px;
        font-weight: normal;
    }

    .nav-item a {
        font-size: 16px;
    }

    .page-title {
        font-size: 30px;
        padding: 30px 0;
    }

    .content aside {
        min-width: 200px;
    }

    .text-footer {
        color: #B88E2F;
        text-align: center;
    }

    /* ------------- explore variety -------------- */

    .variety2explore {
        color: var(--Font-Color, #333);
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
    }

    .varietyexplore {
        color: #B88E2F;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }

    /* css-about-text  */

    .box-about {
        gap: 20px;
        padding: 10px;
        flex-direction: column;
    }

    /* css-about-text  */

}