body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{text-align:center}.upper-page-wrapper{background:linear-gradient(90deg,#c7a46d,#19547b)}.header-container{align-items:center;display:flex;justify-content:space-around;padding:10px 0}.header-container .site-logo{width:170px}.header-container h2{color:#ff4800;font-size:36px}.header-container .rigth-bar-wrapper{align-items:center;cursor:pointer;display:flex;gap:20px;justify-content:center}.header-container .rigth-bar-wrapper .header-icon,.menu-container{align-items:center;display:flex}.menu-container{flex-wrap:wrap;justify-content:space-evenly;padding:20px 10px 0}.menu-container .navlink{text-decoration:none}.menu-container p{color:#e7e7e7;cursor:pointer;font-size:20px;padding:0 30px 15px;transition:.2s}.menu-container p:hover{background-color:initial;color:#fff}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.carousel-container{-webkit-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite;background:linear-gradient(90deg,#c7a46d,#19547b);height:71.7vh;padding:20px}.carousel,.carousel-container{align-items:center;display:flex}.carousel{gap:150px;justify-content:center}.carousel .carousel-title{align-items:flex-start;color:#111111d5;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.carousel .carousel-img{width:440px}.category-container{flex-wrap:wrap;gap:50px;margin-top:50px}.category-container,.category-container div{align-items:center;display:flex;justify-content:center}.category-container div{border:1px solid;border-radius:50%;color:#111111e7;cursor:pointer;flex-direction:column;height:150px;padding:20px;transition:.3s;width:150px}.category-container div:hover{color:#0a2e579c;-webkit-transform:scale(1.1);transform:scale(1.1)}.category-container div img{height:60px;width:60px}.title-product{margin-top:50px}.product-container{grid-gap:70px;display:grid;gap:70px;grid-auto-rows:26rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));padding:80px}.product-container .product{align-items:flex-start;border:1px solid #e7e7e7;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.product-container .product:after{align-items:center;background-color:#274e7ebf;border-radius:5px;color:#ededed;content:attr(data-content);display:flex;font-size:13px;height:30px;justify-content:center;left:-20px;position:absolute;top:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:110px}.product-container .product .img-container{align-items:center;cursor:pointer;display:flex;height:210px;justify-content:center;width:100%}.product-container .product .img-container img{width:120px}.product-container .product .describe{width:100%}.product-container .product .details{align-items:center;display:flex;font-size:13px;justify-content:space-around;margin:20px 0;width:100%}.product-container .product .details .rating{align-items:center;display:flex}.product-container .product .details .favorite{cursor:pointer}.product-container .product .price{align-items:center;display:flex;font-size:18px;font-weight:700;margin-bottom:10px;padding-left:20px;text-align:left;width:100%}.detail-container{align-items:center;border-bottom:1px solid #e7e7e7;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:100px;padding-bottom:120px}.detail-container .img-container{align-items:center;display:flex;height:559px;justify-content:center;width:40%}.detail-container .img-container img{width:300px}.detail-container .detail{align-items:flex-start;display:flex;flex-direction:column;gap:70px;height:559px;justify-content:flex-start;width:40%}.detail-container .detail .price,.detail-container .detail .rating{align-items:center;display:flex;gap:5px;justify-content:center}.detail-container .detail .price2{align-items:center;display:flex;justify-content:center}.detail-container .detail .decribe{text-align:left}.detail-container .detail .btn-wrapper{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%}.zoomed-image{background-size:cover;cursor:pointer}.cart-container{align-items:center;display:flex;gap:50px;justify-content:center;margin-top:137px}.cart-container .blank{display:flex;flex-direction:column;gap:50px}.cart-container .blank .cart-msg{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.cart-container .cart{width:70%}.cart-container .cart .header{align-items:center;display:flex;margin:20px 0;text-align:left}.cart-container .cart .cart-list{align-items:center;border:1px solid #e7e7e7;display:flex;flex-wrap:wrap;gap:90px;justify-content:space-between;margin:10px 0;padding:10px}.cart-container .cart .cart-list:last-child{display:none}.cart-container .cart .cart-list img{width:50px}.cart-container .cart .cart-list .title{max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-container .cart .cart-list .price{align-items:center;display:flex}.cart-container .cart .cart-list .product-number{align-items:center;display:flex;justify-content:center;width:13%}.cart-container .cart .cart-list .product-number .input{border:1px solid #e7e7e7;padding:7px 18px;text-align:center}.cart-container .cart .total-price{display:flex;gap:50px}.cart-container .total{align-items:center;display:flex;margin:50px 0}.favorite-container{align-items:center;display:flex;gap:50px;justify-content:center;margin-top:137px}.favorite-container .blank-fav{display:flex;flex-direction:column;gap:50px}.favorite-container .blank-fav .cart-msg-fav{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.favorite-container .fav-conatiner{width:70%}.favorite-container .fav-conatiner .header{align-items:center;display:flex;gap:10px;margin-bottom:50px}.favorite-container .fav-conatiner .favorite-list{align-items:center;border:1px solid #e7e7e7;display:flex;gap:90px;justify-content:space-between;margin:10px 0;padding:10px}.favorite-container .fav-conatiner .favorite-list:last-of-type{display:none}.favorite-container .fav-conatiner .favorite-list .title-fav{max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-container .fav-conatiner .favorite-list img{width:50px}.realted-conatien{padding:0 20px}.realted-conatien .realted{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:20rem;grid-template-columns:repeat(auto-fit,minmax(15rem,100px));margin-top:50px}.realted-conatien .realted .containe{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-end}.realted-conatien .realted .containe img{width:100px}.footer-btn{align-items:center;background-color:#111111d5;display:flex;margin-top:150px}.footer-btn a{text-decoration:none;width:100%}.footer-contaier{align-items:flex-start;background-color:#111111e7;display:flex;flex-wrap:wrap;gap:90px;justify-content:space-evenly;padding:30px 0}.footer-contaier div{align-items:flex-start;display:flex;flex-direction:column;gap:30px;justify-content:flex-start;margin:30px 0}.footer-contaier div .social-icons-footer{cursor:pointer;display:flex;gap:10px}.copy-right{align-items:center;background-color:#111111d5;display:flex;justify-content:center;padding:5px 0}@media screen and (max-width:610px){.menu-container{gap:13px}.menu-container p{font-size:17px;justify-content:center;padding:0 0 20px}.carousel{gap:10px;padding:10px}.carousel .carousel-title{align-items:center;font-size:15px}.carousel .carousel-title .category{font-size:25px}.carousel .carousel-title .btn{height:25px;width:150px}.carousel .carousel-img{width:230px}.category-container{flex-direction:column;gap:10px}.category-container div{align-items:center;background-color:#6495ed;border:none;border-radius:0;color:#e7e7e7;display:flex;flex-direction:row;gap:20px;height:60px;justify-content:flex-start;padding:0;width:100%}.category-container div:hover{color:#fff;-webkit-transform:none;transform:none}.title-product .our-product-header{font-size:24px}.product-container{gap:20px;grid-auto-rows:23rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-top:20px}.product-container .product .img-container img{width:90px}.detail-container{flex-direction:column;padding-bottom:90px}.detail-container .img-container{height:inherit;width:100%}.detail-container .img-container img{width:150px}.detail-container .detail{align-items:center;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.detail-container .detail .header-detail{padding:0 10px;text-align:center}.detail-container .detail .decribe{padding:0 15px;text-align:center}.detail-container .detail .btn-wrapper{padding:0 10px}.realted-conatien{margin-top:20px}.realted-conatien .realted{align-items:flex-start;display:flex;gap:45px;overflow-x:scroll}.realted-conatien .realted .containe{gap:0;height:377px;justify-content:space-between;min-width:171px}.realted-conatien .header{font-size:25px;text-align:center}.cart-container{margin-top:40px}.cart-container .blank{gap:20px;margin-top:90px;padding:0 10px;width:100%}.cart-container .blank .cart-msg{font-size:20px}.cart-container .cart{width:100%}.cart-container .cart .header{padding-left:10px}.cart-container .cart .cart-list{flex-direction:column;gap:35px}.cart-container .cart .total{padding-left:10px}.favorite-container .blank-fav{gap:20px;padding:0 10px}.favorite-container .blank-fav .cart-msg-fav{font-size:20px}.favorite-container .fav-conatiner .header{justify-content:center}.favorite-container .fav-conatiner .favorite-list{flex-direction:column;gap:40px}.footer-contaier{padding:0}.footer-contaier div{align-items:center;width:100%}}@media screen and (max-width:400px){.menu-container{gap:10px}.menu-container p{font-size:14px;justify-content:center;padding:0 0 20px}.header-container{margin-top:50px}.carousel-container{height:64.7vh}.carousel-container .carousel .carousel-title{font-size:13px}.carousel-container .carousel .carousel-title .category{font-size:19px}.carousel-container .carousel .carousel-title .btn{font-size:11px;height:25px;width:100px}.carousel-container .carousel .carousel-img{width:170px}.category-container{gap:5px}.category-container div{gap:40px;height:0;padding:25px 0}.category-container div img{padding-left:20px;width:40px}.title-product .our-product-header{font-size:20px}.product-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.product-container .product{width:300px}.cart-container .cart .header{font-size:20px}.cart-container .cart .total-price .total{font-size:24px}.cart-container .cart .total-price .sell-money{font-size:26px}.favorite-container .fav-conatiner{width:99%}.detail-container{margin-bottom:140px;margin-top:50px}.detail-container .img-container img{width:100px}.detail-container .detail .header-detail{font-size:20px}.realted-conatien .realted .containe img{width:70px}.realted-conatien .header{font-size:22px}}.alice-carousel .animated{-webkit-animation-fill-mode:both;animation-fill-mode:both}.alice-carousel .animated-out{z-index:1}.alice-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.alice-carousel{direction:ltr;margin:auto;position:relative;width:100%}.alice-carousel__wrapper{height:auto;overflow-x:hidden;overflow-y:hidden}.alice-carousel__stage,.alice-carousel__wrapper{box-sizing:border-box;position:relative;width:100%}.alice-carousel__stage{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;margin:0;padding:0;transform-style:flat;-webkit-transform-style:flat;white-space:nowrap}.alice-carousel__stage-item{box-sizing:border-box;display:inline-block;height:100%;line-height:0;margin:0;padding:0;position:relative;vertical-align:top;white-space:normal;width:100%}.alice-carousel__stage-item *{line-height:normal}.alice-carousel__stage-item.__hidden{opacity:0;overflow:hidden}.alice-carousel__next-btn,.alice-carousel__prev-btn{box-sizing:border-box;display:inline-block;padding:10px 5px;width:50%}.alice-carousel__next-btn [data-area]:after,.alice-carousel__prev-btn [data-area]:after{content:attr(data-area);position:relative;text-transform:capitalize}.alice-carousel__prev-btn{text-align:right}.alice-carousel__next-btn-item,.alice-carousel__prev-btn-item{color:#465798;cursor:pointer;display:inline-block;margin:0;padding:5px}.alice-carousel__next-btn-item:hover,.alice-carousel__prev-btn-item:hover{color:darkred}.alice-carousel__next-btn-item.__inactive,.alice-carousel__prev-btn-item.__inactive{opacity:.4;pointer-events:none}.alice-carousel__play-btn{display:inline-block;left:20px;position:absolute;top:30px}.alice-carousel__play-btn:hover{cursor:pointer}.alice-carousel__play-btn-wrapper{background-color:#fff;border-radius:50%;height:32px;padding:10px;position:relative;width:32px}.alice-carousel__play-btn-item{background:transparent;border:0;cursor:pointer;height:32px;outline:none;position:absolute;width:32px}.alice-carousel__play-btn-item:after,.alice-carousel__play-btn-item:before{border-color:transparent transparent transparent #465798;border-style:solid;border-width:8px 0 8px 15px;content:"";display:block;height:0;pointer-events:none;position:absolute;transition:all .4s linear;width:0}.alice-carousel__play-btn-item:before{height:14px;left:5px}.alice-carousel__play-btn-item:after{left:18px;top:7px}.alice-carousel__play-btn-item.__pause:after,.alice-carousel__play-btn-item.__pause:before{border-width:0 0 0 10px;height:30px}.alice-carousel__play-btn-item.__pause:after{left:18px;top:0}.alice-carousel__dots{list-style:none;margin:30px 3px 5px;padding:0;text-align:center}.alice-carousel__dots>li{display:inline-block}.alice-carousel__dots-item:not(.__custom){background-color:#e0e4fb;border-radius:50%;cursor:pointer;height:8px;width:8px}.alice-carousel__dots-item:not(.__custom):not(:last-child){margin-right:20px}.alice-carousel__dots-item:not(.__custom).__active,.alice-carousel__dots-item:not(.__custom):hover{background-color:#6e7ebc}.alice-carousel__slide-info{background-color:rgba(224,228,251,.6);border-radius:5px;color:#465798;display:inline-block;padding:5px 10px;position:absolute;right:20px;top:20px}.alice-carousel__slide-info-item{line-height:0;vertical-align:middle}
/*# sourceMappingURL=main.ba7e3e87.css.map*/