@import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";
.categorie{align-items:center;padding:80px;display:flex}.categories-group{border:2px solid var(--usercolor);cursor:pointer;border-radius:15px;margin-right:10px;padding:5px 10px;font-weight:100;transition:background-color .5s,border-color .3s,color .3s}.selected-category{background-color:var(--usercolor);border:2px solid var(--usercolor);color:#fff}.category-icon{width:28px;height:auto}.category-div{background-color:#fff}.dark .categories-group{color:#fff;border:2px solid #fff}.dark .selected-category{color:var(--usercolor);background-color:#fff;border-color:#fff0}.category-slide-icon{border:2px solid var(--usercolor);color:var(--usercolor);border-radius:10px;flex-shrink:0;margin-right:5px;padding:4px}.dark .category-slide-icon{color:var(--usercolor);background-color:#fff;border-color:#fff}.background-profile{z-index:-2;background-color:var(--usercolor);opacity:1;width:100%;height:120px;position:absolute;top:-2px}.dark .background-profile{background-color:#fff0;border-bottom:1px solid #ffffff1a}.cart-summary-transition{opacity:1;z-index:99;transition:opacity .3s,visibility .1s}.cart-summary-transition-hidden{opacity:0}.contaier-page-one{width:100%;height:100dvh;position:relative;overflow-y:auto}.desktop-screen{animation:.6s ease-in-out forwards fadeIn2}.dark .category-div{background-color:var(--usercolor)}@keyframes fadeIn2{0%{opacity:.4}to{opacity:1}}@media screen and (min-width:960px){.desktop-screen-two{margin-left:100px}.contaier-page-one{width:100%;min-width:100vh;height:100dvh;position:relative;overflow-y:auto}}.react-loading-skeleton{background:linear-gradient(90deg,#ffffff36 25%,#e1e1e180 50%,#fff0 75%) 0 0/200% 100%;animation:2s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
.product-image{border-radius:15px;width:100%}.product-price-previous{padding-right:0;font-size:13px;text-decoration:line-through}.product-price{color:var(--usercolor);font-size:15px}.product-add-icon{color:var(--usercolor);position:absolute;bottom:20px;right:20px}.product_container{border-radius:15px;flex-direction:column;justify-content:space-between;align-items:start;width:100%;min-height:340px;max-height:340px;padding:20px;display:flex;position:relative;box-shadow:0 0 15px #00000027}.dark .product_container{color:#fff;background-color:#f000;border:1px solid #fff;box-shadow:0 0 15px #ffffff08}.dark .product-text-title{color:#000}.dark .product-text-desc{color:#e2e2e2b3}.dark .product-price-previous{color:#ffffff80}.dark .product-price,.dark .product-add-icon{color:#fff}.dark .product-frete-tag{color:#4ade80}.dark .product-promo-tag{color:#ff6b6b}.product-container-one{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:5px;padding:10px;display:grid}@media screen and (max-width:700px){.product-container-one{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:610px){.product-container-one{grid-template-columns:repeat(2,1fr)}}.product-text-desc{text-align:start}.product-text-title{font-size:14px;font-weight:500}.product_prices{align-items:flex-end;padding-top:5px;display:flex}.product-tags{flex-wrap:wrap}.product-promo-tag,.product-frete-tag{height:18px;margin:0;font-size:12px}.product-frete-tag{color:green;padding-right:10px}.product-promo-tag{color:#b40f0f}.product_container_promo{background-color:var(--usercolor);border-radius:15px;flex-direction:column;align-items:start;width:100%;height:180px;min-height:146px;padding:20px;display:flex;position:relative}.dark .product_container_promo{border:1px solid #fff}.product-promos{justify-content:center;align-items:center;width:100%;display:flex;overflow-x:auto}.product-promos .product-image{border-radius:15px;width:100px}.product-promos .product_prices,.product-promos .product-price{color:#fff}.product-price{padding-right:5px}.product-promos .product-text-title{color:#fff}.product-promos .product_container{background-color:var(--usercolor);border-radius:15px;justify-content:space-between;height:250px;padding:20px;display:flex;position:relative;overflow-x:auto;box-shadow:0 0 #000}.dark .product-promos .product_container{background-color:#0d0d0d;border:1px solid #ffffff1a}.product-promos-container{position:relative}.product-promos .product-text-desc{color:#fff}.product-promo-discount{z-index:10;color:#fff;font-size:30px;position:absolute;top:10px;right:10px}.dark .product-promos .product-price{color:var(--usercolor);background-color:#fff;border-radius:5px;padding:2px 6px}@media screen and (min-width:960px){.product-promos-container,.repeat-order{margin-left:110px}.product-container-one{flex-flow:wrap;width:100%;display:flex}.product_container{max-width:250px}}.category-name{padding-top:25px;padding-left:14px}.dark .category-name{color:#fff}@media screen and (max-width:960px){.product_container{min-height:325px;max-height:325px}.product_container_promo{height:180px}}@media screen and (max-width:400px){.product-image{width:80%}.product-add-icon{display:none}.product_container{min-height:300px;max-height:300px}}@media screen and (max-width:355px){.product_container{min-height:250px;max-height:250px}.product-text-desc{width:70%}.product-text-title{width:80px}.product_container_promo .product-text-desc,.product_container_promo .product-text-title{width:100%}}
@keyframes cartUpdateAnimation{0%{opacity:1;transform:translate(-50%)scale(.95)}50%{opacity:.8;filter:sepia(.8);transform:translate(-50%)scale(1.3)}75%{transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes growShrink{0%{transform:translate(-50%)scale(.98)}50%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(.98)}}.cart-summary{z-index:999;background-color:var(--usercolor);border-radius:90px;justify-content:space-between;align-items:center;width:80%;max-width:300px;padding:2px 5px;transition:all .3s;animation:.5s ease-out cartUpdateAnimation;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.cart-summary.cart-summary-animate{animation:.5s ease-out cartUpdateAnimation}.cart-summary:hover .cart-summmary-icon{transform:translate(4px)}.cart-summary-price{color:#000;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;padding:10px;display:flex}.cart-summary-one{justify-content:center;align-items:center;display:flex}.cart-summary-title{color:#fff;align-items:center;font-size:15px;display:flex}.cart-summmary-icon{color:#fff;font-size:45px;transition:transform .3s;transform:translate(-3px)}.cart-summary-value{color:#fff;font-weight:800}@media screen and (min-width:960px){.cart-summary{position:relative}.cart-summary-transition{z-index:999;width:100%;position:fixed;bottom:0;left:40%;transform:translate(-50%)}}
:root{will-change:width;--layoutwidth:25%;--transitionlayout:width .5s ease-in-out}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif;text-decoration:none;list-style:none}.navigation{z-index:2;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:98%;max-width:500px;height:70px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 25px #00000038}.navigation .nav-list{justify-content:space-around;width:350px;display:flex;position:relative}.navigation .nav-list .list{z-index:1;width:70px;height:70px;position:relative}.navigation .nav-list .list a{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;font-weight:500;display:flex;position:relative;bottom:-15px}.navigation .nav-list .list a .icon{color:#828282;font-size:1.5em;line-height:75px;transition:all .5s;display:block;position:relative}.navigation .nav-list .list.active a .icon{color:var(--usercolor);transform:translateY(-8px)}.navigation .nav-list .list a:hover .icon{color:var(--usercolor)}.navigation .nav-list .list a .text{letter-spacing:.05em;color:var(--usercolor);text-transform:uppercase;opacity:0;font-size:.5em;font-weight:600;transition:all .5s;position:absolute;transform:translateY(20px)}.navigation .nav-list .list.active a .text{opacity:1;transform:translateY(13px)}.indicator{justify-content:center;align-items:center;width:70px;height:70px;transition:all .5s;display:flex;position:absolute;top:70px}.indicator:before{content:"";background:var(--usercolor);border-radius:10px;width:80%;height:3px;position:absolute;bottom:13px;transform:translate(-70px)}.navigation .nav-list .list:nth-child(2).active~.indicator{transform:translate(70px)}.navigation .nav-list .list:nth-child(3).active~.indicator{transform:translate(140px)}.navigation .nav-list .list:nth-child(4).active~.indicator{transform:translate(210px)}@media screen and (min-width:960px){.navigation{width:90px;height:100dvh;display:flex;position:fixed;left:0;transform:translate(0)}.nav-list{flex-direction:column;align-items:center;display:flex}.indicator:before{transform:translate(25px)translateY(-100px)rotate(90deg)}.navigation .nav-list .list:nth-child(2).active~.indicator{transform:translateY(73px)}.navigation .nav-list .list:nth-child(3).active~.indicator{transform:translateY(146px)}.navigation .nav-list .list:nth-child(4).active~.indicator{transform:translateY(219px)}.navigation .nav-list .list:nth-child(5).active~.indicator{transform:translateY(292px)}.step-bottom{width:var(--layoutwidth);transition:var(--transitionlayout);bottom:0}}