.my-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;color:#0f1923;cursor:pointer;position:relative;padding:8px;margin-bottom:20px;text-transform:uppercase;font-weight:700;font-size:14px;transition:all .15s ease}.my-button:after,.my-button:before{content:"";display:block;position:absolute;right:0;left:0;height:calc(50% - 5px);border:1px solid #7d8082;transition:all .15s ease}.my-button:before{top:0;border-bottom-width:0}.my-button:after{bottom:0;border-top-width:0}.my-button:active,.my-button:focus{outline:none}.my-button:active:after,.my-button:active:before{right:3px;left:3px}.my-button:active:before{top:3px}.my-button:active:after{bottom:3px}.button_lg{position:relative;display:block;padding:10px 20px;color:#fff;background-color:#0f1923;overflow:hidden;box-shadow:inset 0 0 0 1px transparent}.button_lg:before{top:0;left:0;width:2px;height:2px}.button_lg:after,.button_lg:before{content:"";display:block;position:absolute;background-color:#0f1923}.button_lg:after{right:0;bottom:0;width:4px;height:4px;transition:all .2s ease}.button_sl{display:block;position:absolute;top:0;bottom:-1px;left:-8px;width:0;background-color:#ff4655;transform:skew(-15deg);transition:all .2s ease}.button_text{position:relative}.my-button:hover{color:#0f1923}.my-button:hover .button_sl{width:calc(100% + 15px)}.my-button:hover .button_lg:after{background-color:#fff}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.banner-container .swiper-button-prev{left:-20px}.banner-container .swiper-button-next{right:-20px}.banner-container .swiper-button-next:after,.banner-container .swiper-button-prev:after{position:absolute;display:flex;align-items:center;width:70px;height:70px;border-radius:10px;background-color:#fff;color:#3f3a3a;font-size:30px}.banner-container .swiper-button-prev:after{justify-content:flex-end;padding-right:7px}.banner-container .swiper-button-next:after{justify-content:flex-start;padding-left:7px}.banner-container .swiper-button-next:hover:after,.banner-container .swiper-button-prev:hover:after{color:#3e49dc}.banner-container .swiper-pagination-bullet-active{background-color:#6c757d}.card-cate{width:300px;height:350px;border-radius:20px;background:#f5f5f5;position:relative;padding:1.8rem;border:2px solid #c3c6ce;transition:.5s ease-out;overflow:visible}.card-cate .card-details{color:#000;height:100%;gap:.5em;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.card-cate .card-button{transform:translate(-50%,125%);width:60%;border-radius:1rem;border:none;background-color:#008bf8;color:#fff;font-size:1rem;padding:.5rem 1rem;position:absolute;left:50%;bottom:0;opacity:0;transition:.3s ease-out}.card-cate .text-body{color:#868686}.card-cate .text-title{font-size:1.5em;font-weight:700}.card-cate:hover{border-color:#008bf8;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}.card-cate:hover .card-button{transform:translate(-50%,50%);opacity:1}.info-container-parallax{height:500px}.info-container-parallax .content{background-color:hsla(0,0%,100%,.5);border-radius:10px;text-align:center;max-width:100%;color:#4253cd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-container-parallax .content p{margin:0 0 1rem;opacity:1}.card{--font-color:#323232;--font-color-sub:#666;--bg-color:#fff;--main-color:#323232;--main-focus:#2d8cf0;width:230px;background:var(--bg-color);border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;box-shadow:0 0 10px hsla(0,0%,63%,.5);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.card:hover{box-shadow:0 0 12px hsla(0,0%,45%,.5)}.card:hover .card-btn svg{fill:var(--main-focus)}.card:last-child{justify-content:flex-end}.card-img{transition:all .5s;display:flex;justify-content:center;border-radius:5px}.card-title{padding:5px 20px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;font-size:16px;font-weight:500;text-align:center;color:var(--font-color)}.card-subtitle{font-size:14px;font-weight:400;color:var(--font-color-sub);padding:0 20px}.card-divider{width:100%;border:1px solid var(--main-color);border-radius:50px}.card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 20px}.card-btn{height:35px;background:var(--bg-color);border:2px solid var(--main-color);border-radius:5px;padding:0 15px;transition:all .3s}.card-btn svg{width:100%;height:100%;fill:var(--main-color);transition:all .3s}.card-btn:hover{border:2px solid var(--main-focus)}.card-btn:hover svg{fill:var(--main-focus)}.card-btn:active{transform:translateY(3px)}.card-product-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;border-radius:10px;padding:10px 0}.card-product-container .swiper{width:-moz-fit-content;width:fit-content;height:100%;position:relative}.card-product-container .swiper .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.card-product-container .swiper .swiper-slide .slide{height:90%;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;border-radius:10px}.card-product-container .swiper .swiper-slide .slide .ribbon-product{width:36px;padding:5px 0;position:absolute;top:-6px;right:15px;text-align:center;border-top-left-radius:3px;background:#ef4444;font-size:15px;color:#fff}.card-product-container .swiper .swiper-slide .slide .ribbon-product:before{height:0;width:0;right:-5.5px;top:.1px;border-bottom:6px solid #8d5a20;border-right:6px solid transparent}.card-product-container .swiper .swiper-slide .slide .ribbon-product:after,.card-product-container .swiper .swiper-slide .slide .ribbon-product:before{content:"";position:absolute}.card-product-container .swiper .swiper-slide .slide .ribbon-product:after{height:0;width:0;bottom:-15.5px;left:0;border-left:18px solid #ef4444;border-right:18px solid #ef4444;border-bottom:18px solid transparent}.card-product-container .swiper .swiper-slide .slide .img-product{transition:all .3s ease-in-out}.card-product-container .swiper .swiper-slide .slide .info_product{display:flex;width:100%;height:40%;box-sizing:border-box;padding:0 15px;flex-direction:column;z-index:100}.card-product-container .swiper .swiper-slide .slide .info_product .price{display:flex;justify-content:center;align-items:center;gap:10px}.card-product-container .swiper .swiper-slide .slide .info_product .price .real-price:first-child{color:#c73030}.card-product-container .swiper .swiper-slide .slide .info_product .price .sub-price:last-child{color:#707070;text-decoration:line-through}.card-product-container .swiper .swiper-slide .slide .info_product .name-product{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:start;font-size:18px}.card-product-container .swiper .swiper-slide .slide:hover .img-product{display:flex;transform:scale(.95)}.card-product-container .swiper .swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-product-container .swiper .swiper-button-next,.card-product-container .swiper .swiper-button-prev{color:transparent;transition:all .3s ease}.card-product-container .swiper .swiper-horizontal>.swiper-pagination-progressbar,.card-product-container .swiper .swiper-pagination-progressbar.swiper-pagination-horizontal{top:99%;width:50%;left:50%;transform:translate(-50%)}.card-product-container .swiper .swiper-horizontal>.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.card-product-container .swiper .swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill{background-color:#ca8a04}.card-product-container .swiper .swiper-button-next:after,.card-product-container .swiper .swiper-button-prev:after{font-size:25px}.card-product-container .swiper:hover .swiper-button-prev{color:blue;left:0}.card-product-container .swiper:hover .swiper-button-next{color:blue;right:0}.add-to-cart-btn{width:150px;height:40px;border-radius:40px;border:1px solid hsla(0,0%,100%,.349);background-color:#000;justify-content:flex-start;cursor:pointer;padding:0 5px}.add-to-cart-btn,.add-to-cart-btn .IconContainer{display:flex;align-items:center;transition-duration:.3s;overflow:hidden}.add-to-cart-btn .IconContainer{width:30px;height:30px;background:linear-gradient(180deg,#ca8a04,#b77e04);border-radius:50px;justify-content:center;z-index:2;color:#fff}.add-to-cart-btn .icon{border-radius:1px}.add-to-cart-btn .text{height:100%;width:75%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;transition-duration:.3s;font-size:.7em;text-wrap:nowrap}.add-to-cart-btn:hover .IconContainer{width:140px;transition-duration:.3s}.add-to-cart-btn:hover .text{transform:translate(10px);width:0;font-size:0;transition-duration:.3s}.add-to-cart-btn:active{transform:scale(.95);transition-duration:.3s}.more-btn-conteiner{display:flex;justify-content:center;--color-text:#fff;--color-background:#272fa5;--color-outline:#272fa5;--color-shadow:#00000080}.more-btn-conteiner .btn-content{display:flex;align-items:center;padding:5px 10px;text-decoration:none;font-family:Poppins,sans-serif;font-weight:600;font-size:20px;color:var(--color-text);background:var(--color-background);transition:1s;border-radius:10px;box-shadow:0 0 .2em 0 var(--color-background)}.more-btn-conteiner .btn-content:focus,.more-btn-conteiner .btn-content:hover{transition:.5s;animation:btn-content 1s;outline:.1em solid transparent;outline-offset:.2em;box-shadow:0 0 .4em 0 var(--color-background)}.more-btn-conteiner .btn-content .icon-arrow{transition:.5s;margin-right:0;transform:scale(.6)}.more-btn-conteiner .btn-content:hover .icon-arrow{transition:.5s;margin-right:25px}.more-btn-conteiner .icon-arrow{width:20px;margin-left:15px;position:relative}.more-btn-conteiner #arrow-icon-one{transition:.4s;transform:translateX(-60%)}.more-btn-conteiner #arrow-icon-two{transition:.5s;transform:translateX(-30%)}.more-btn-conteiner .btn-content:hover #arrow-icon-three{animation:color_anim 1s .2s infinite}.more-btn-conteiner .btn-content:hover #arrow-icon-one{transform:translateX(0);animation:color_anim 1s .6s infinite}.more-btn-conteiner .btn-content:hover #arrow-icon-two{transform:translateX(0);animation:color_anim 1s .4s infinite}@keyframes color_anim{0%{fill:#fff}50%{fill:var(--color-background)}to{fill:#fff}}@keyframes btn-content{0%{outline:.2em solid var(--color-background);outline-offset:0}}.my-card{width:100%;height:-moz-max-content;height:max-content;background:#fff;border-radius:10px;transition:border-radius .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;position:relative;padding-bottom:25px}.my-card .ribbon{width:calc(100% + 40px);position:absolute;margin-left:-20px;text-align:center;font-size:20px!important;background:#3e49dc;background:-o-linear-gradient(top,#3e49dc,#1a2071);background-image:-ms-linear-gradient(top,#3e49dc 0,#1a2071 100%);box-shadow:0 1px 1px rgba(0,0,0,.3);font-family:Helvetica Neue,Helvetica,sans-serif}.my-card .ribbon span{color:#fff;text-shadow:#a7a7a7 0 1px 0;margin:0;padding:19px 10px}.my-card .ribbon:after,.my-card .ribbon:before{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #353c9c;z-index:-1}.my-card .ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent;box-shadow:1px 1px 1px rgba(0,0,0,.4)}.my-card .ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent;box-shadow:-1px 1px 1px rgba(0,0,0,.4)}.my-card .ribbon .ribbon-content:after,.my-card .ribbon .ribbon-content:before{border-color:#181b4a transparent transparent;position:absolute;display:block;border-style:solid;bottom:-1em;content:""}.my-card .ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.my-card .ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}.my-card .ribbon-stitches-top{margin-top:2px}.my-card .ribbon-stitches-bottom,.my-card .ribbon-stitches-top{border-top:1px dashed rgba(0,0,0,.2);box-shadow:0 0 2px hsla(0,0%,100%,.5)}.my-card .ribbon-stitches-bottom{margin-bottom:2px}.my-shadow{box-shadow:inset 0 -3em 3em rgba(0,0,0,.1),0 0 0 2px #bebebe,.3em .3em 1em rgba(0,0,0,.3)}