.CardBestSellers{position:relative}.CardBestSellers .icon-btn{z-index:1;position:absolute;top:30px;right:30px}.CardBestSellers .icon-btn input{display:none}.CardBestSellers .icon-btn label{border:1px solid var(--gray-light);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.CardBestSellers .icon-btn label svg{color:var(--white);font-size:1.5rem;transform:translateY(1px)}.CardBestSellers .icon-btn label .icon-fat svg{color:var(--red)}.CardBestSellers .icon-btn label .icon-fat{display:none}.CardBestSellers:has(input:checked) .icon-fat{display:flex}.CardBestSellers:has(input:checked) .icon-fit{display:none}.CardBestSellers figure img{aspect-ratio:16/11;object-fit:cover}.CardBestSellers .detalhes{flex-direction:column;margin-top:10px;display:flex}.CardBestSellers .detalhes .content{justify-content:space-between;font-weight:700;display:flex}.CardBestSellers .detalhes .content .title{text-transform:uppercase}.CardBestSellers .detalhes .star-view{align-items:center;gap:10px;display:flex}.CardBestSellers .detalhes .star-view .star{align-items:center;gap:5px;display:flex}.CardBestSellers .detalhes .star-view .star .icon{color:var(--yellow)}.CardBestSellers .detalhes .star-view .star .desible{color:var(--gray-dark)}.CardBestSellers .detalhes .star-view .view{font-size:.8rem}@media not (min-width:320px){.CardBestSellers .detalhes .content .preco{font-size:1rem}}
.titletop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;transition:all .3s;display:flex}.titletop .title{width:fit-content;font-size:1.5rem;font-weight:700}.titletop a{border:1px solid var(--brown);width:fit-content;color:var(--brown);text-align:center;border-radius:12px;padding:13px 23px}.titletop a:hover,.titletop a:focus{color:var(--black);background-color:var(--gray-light);border:1px solid var(--gray-dark)}
.bestsellers{padding:0 20px}
.herosection{justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1350px;margin:130px auto auto;padding:0 20px;display:flex}.herosection .box{flex-direction:column;justify-content:center;gap:30px;width:100%;display:flex;position:relative}.herosection .box h1{font-size:3rem;font-weight:800}.herosection .box .btn-link{align-items:center;gap:20px;width:fit-content;display:flex}.herosection .box .btn-link a{border:1px solid var(--brown);border-radius:12px;padding:13px 23px}.herosection .box .btn-link a:first-child:hover,.herosection .box .btn-link a:first-child:focus{background-color:var(--brown-hover);color:var(--white)}:is(.herosection .box .btn-link a:first-child:hover,.herosection .box .btn-link a:first-child:focus) .icon{transform:translate(5px)}.herosection .box .btn-link a:nth-child(2){border:1px solid var(--black)}.herosection .box .btn-link a:nth-child(2):hover,.herosection .box .btn-link a:nth-child(2):focus{background-color:var(--gray-light);color:var(--black);border:1px solid var(--gray-dark)}.herosection .box .btn-link .StartNow{background-color:var(--brown);color:var(--white)}.herosection .box figure img{border-radius:20px;width:700px;height:auto}.herosection .box .info{border:1px solid var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px;transform:.3s ease;border-radius:10px;padding:25px;position:absolute;bottom:30px;left:30px}.herosection .box .info p{color:var(--white)}.herosection .box .info .btn-info{gap:10px;margin-top:20px;display:flex}.herosection .box .info .btn-info a{background-color:var(--white);border-radius:100px}.herosection .box .info .btn-info a:hover,.herosection .box .info .btn-info a:focus{background-color:var(--gray-light);color:var(--black)}.herosection .box .info .btn-info a:first-child{padding:10px 20px}.herosection .box .info .btn-info a:nth-child(2){width:40px;height:40px}@media not (min-width:1133px){.herosection .box figure img{width:500px}.herosection .box .info{max-width:350px}}@media not (min-width:967px){.herosection .box figure img{width:450px}.herosection{flex-direction:column}.herosection .box figure,.herosection .box figure img{width:100%}.herosection .box .info{max-width:60%;padding:30px;bottom:30px;left:30px}}@media not (min-width:595px){.herosection .box .info{max-width:75%;padding:20px;bottom:20px;left:20px}}@media not (min-width:500px){.herosection .box .info{max-width:100%;margin-top:-10px;padding:0;position:static}.herosection .box .info p{color:var(--black)}.herosection .box .info .btn-info{gap:20px}.herosection .box .info .btn-info a:first-child{background-color:var(--black);color:var(--white);padding:15px 25px}.herosection .box .info .btn-info a:nth-child(2){border:1px solid var(--black);width:45px;height:45px}}@media not (min-width:445px){.herosection{margin-top:100px}.herosection .box{gap:20px}.herosection .box h1{font-size:2.5rem}}@media not (min-width:376px){.herosection .box h1{font-size:1.7rem}.herosection .box .btn-link{flex-direction:column;width:100%}.herosection .box .btn-link a{width:100%;height:45px;padding:0}}
.cardperfectpiece{width:100%;margin:auto;position:relative}.cardperfectpiece:hover img{transform:scale(1.1)}.cardperfectpiece figure{border-radius:10px;overflow:hidden}.cardperfectpiece img{aspect-ratio:16/10;object-fit:cover;transform:scale(1)}.cardperfectpiece .detalhe{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--white);border-radius:12px;justify-content:space-between;align-items:center;width:calc(100% - 40px);padding:10px 20px;display:flex;position:absolute;bottom:20px;left:20px}.cardperfectpiece .detalhe p{color:var(--white)}.cardperfectpiece .detalhe a{background-color:var(--white);border-radius:100px;width:35px;height:35px}.cardperfectpiece .detalhe a:hover{background-color:var(--gray-light)}
.perfectpiece{padding:0 20px}
.subscribe{background-color:var(--gray-light);border:1px solid var(--gray-dark);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:calc(100% - 40px);max-width:1300px;margin:auto;padding:70px 20px;display:flex}.subscribe .title{font-size:2rem;font-weight:700}.subscribe .text{width:100%;max-width:600px;margin:auto}.subscribe .input-box{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.subscribe .input-box input{border:1px solid var(--brown);text-align:left;border-radius:12px;width:100%;max-width:430px;padding:13px 20px}.subscribe .input-box input:focus,.subscribe .input-box input:focus{border:1px solid var(--black)}.subscribe .input-box button{background-color:var(--brown);color:var(--white);text-wrap:nowrap;border-radius:12px;padding:14px 20px}.subscribe .input-box button:hover,.subscribe .input-box button:focus{background-color:var(--brown-hover)}@media not (min-width:500px){.subscribe{padding:30px}.subscribe .title{line-height:1.1}.subscribe .input-box{flex-direction:column;gap:10px;padding:0 10px}.subscribe .input-box input{padding:16px}.subscribe .input-box button{width:100%}}@media not (min-width:400px){.subscribe .title{font-size:1.5rem}}
.whychoose{flex-direction:column;gap:30px;padding:0 20px;display:flex}.whychoose .container{justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1300px;margin:auto;display:flex}.whychoose .container .intro{width:100%}.whychoose .container .title{font-size:1.5rem;font-weight:700}.whychoose .container .c-text{width:70%;line-height:1.3}.whychoose .container:nth-child(2){gap:20px}.whychoose .container .container-child{justify-content:space-evenly;gap:20px;width:100%;display:flex}.whychoose .container .box{text-align:center;max-width:200px}.whychoose .container .box .number{font-size:2.5rem;font-weight:700}.whychoose .container .box p{line-height:1.3}.whychoose .comuda{justify-content:center;gap:20px;width:100%;margin-top:50px;display:flex}.whychoose .comuda figure{width:100%;max-width:500px}.whychoose .comuda img{border-radius:20px;width:100%;max-width:500px;height:auto}.whychoose .comuda .detalh{background-color:var(--gray-light);border:1px solid var(--gray-dark);border-radius:20px;width:100%;max-width:500px;height:auto;padding:30px;position:relative}.whychoose .comuda .detalh .title{margin-bottom:10px;font-size:1.8rem;font-weight:700;line-height:1.3}.whychoose .comuda .detalh a{background-color:var(--brown);color:var(--white);border-radius:12px;padding:13px 23px;position:absolute;bottom:30px;left:30px}.whychoose .comuda .detalh a:hover,.whychoose .comuda .detalh a:focus{background-color:var(--brown-hover);color:var(--white)}:is(.whychoose .comuda .detalh a:hover,.whychoose .comuda .detalh a:focus) .icon{transform:translate(5px)}@media not (min-width:700px){.whychoose .container,.whychoose .container:nth-child(2){gap:20px}.whychoose .container .container-child{flex-direction:column}.whychoose .container .container-child .box{max-width:100%}}@media not (min-width:670px){.whychoose .comuda .detalh{padding:20px}.whychoose .comuda .detalh .title{font-size:1.4rem}@media not (min-width:670px){.whychoose .comuda{flex-direction:column}.whychoose .comuda figure,.whychoose .comuda .detalh{margin:auto}.whychoose .comuda .detalh a{width:fit-content;margin-top:20px;position:static}}@media not (min-width:500px){.whychoose .comuda{margin-top:20px}}}@media not (min-width:500px){.whychoose .container:first-child{flex-direction:column;gap:0}.whychoose .container .c-text{width:100%;line-height:1.6}}@media not (min-width:370px){.whychoose .container{flex-direction:column;gap:30px}}
