:root{--mainColor: #3B1E54;--secondColor: #9B7EBD;--borderColor: #ebebeb;--dangerColor: #dc3545;--lightGray: #444;--darkGray: #333}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;height:100%;background:#fff}body,button,input,textarea{font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--secondColor)}::-webkit-scrollbar-track{background-color:#fff}.main-container{margin-inline:auto;padding-inline:10px}@media(min-width:1300px){.main-container{width:1270px}}@media(max-width:1199px){.main-container{width:100%;padding-inline:25px}}.pagination{display:flex;list-style:none;justify-content:center;gap:7px;margin-top:50px}.pagination li{cursor:pointer;border:1px solid #ddd;border-radius:5px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.pagination li.active{background-color:var(--secondColor);color:#fff;border-color:var(--secondColor)}.pagination li:first-of-type a:hover,.pagination li:last-of-type a:hover{background-color:var(--secondColor);color:#fff}.pagination li a{display:flex;align-items:center;padding:5px 15px;transition:all .3s}button:disabled{opacity:.5;cursor:not-allowed!important}@media(max-width:767px){.pagination li{width:35px}.pagination li a{padding:5px}}@media(max-width:991px){*{cursor:auto!important}a{cursor:none!important}}@media(max-width:767px){.main-container{width:100%}}.not-found{display:flex;align-items:center;justify-content:center;padding:20px 20px 10px}.not-found .content{text-align:center;display:flex;flex-direction:column;gap:15px}.not-found .content img{display:block;margin-inline:auto;max-width:500px;width:100%;object-fit:contain}.not-found .content p{font-size:60px;color:var(--secondColor)}.not-found .content a{display:block;margin-top:40px;margin-inline:auto;width:fit-content;background-color:var(--secondColor);color:#fff;font-size:25px;padding:10px 25px;border-radius:20px;margin-bottom:25px}@media(max-width:767px){.not-found .content p{font-size:50px}}.payment-result{min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center}.payment-result h2{margin-bottom:25px;font-size:35px;color:#333}.payment-result p{font-size:20px}.payment-result a{display:block;margin-top:25px;background-color:var(--secondColor);color:#fff;padding:15px;border-radius:15px}.my-orders{padding-block:50px}.my-orders .main-container>h2{text-align:center;font-size:28px;color:var(--secondColor)}.my-orders .main-container .tabs{margin-top:30px;overflow:auto;padding-bottom:15px}.my-orders .main-container .tabs .btns{display:flex;justify-content:center;gap:20px;min-width:900px}.my-orders .main-container .tabs .btns button{background:none;border:none;padding:10px 0;font-size:17px;cursor:pointer;color:var(--textColor);border-bottom:2px solid transparent;transition:all .3s ease;width:150px;border-radius:10px;background-color:#f3f3f3}.my-orders .main-container .tabs .btns button.active,.my-orders .main-container .tabs .btns button:hover{background-color:var(--mainColor);color:#fff}.my-orders .main-container .load-table .loading-btn{color:var(--mainColor)!important;font-size:45px;margin-top:30px}.my-orders .main-container .table{margin-top:27px;overflow:auto}.my-orders .main-container .table table{width:100%;border:1px solid #ddd;border-collapse:collapse;text-align:center;table-layout:fixed;min-width:1000px}.my-orders .main-container .table table thead{background-color:var(--secondColor);color:#111}.my-orders .main-container .table table th,.my-orders .main-container .table table td{padding:15px 10px}.my-orders .main-container .table table tbody tr:nth-child(2n){background-color:#ebebeb}.my-orders .main-container .table table .total-price{display:flex;align-items:center;justify-content:center;gap:5px}.my-orders .main-container .table table .total-price img{width:16px;height:16px}.my-orders .main-container .table table a{display:flex;align-items:center;justify-content:center;font-size:22px;background-color:transparent;border:none;color:var(--mainColor);cursor:pointer;margin-inline:auto}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999999;background-color:#fff}.spinner{width:70px;height:70px;border:6px solid #f3f3f3;border-top:6px solid var(--mainColor);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.loading-btn svg{width:22px;height:22px;animation:laoding .8s linear infinite}@keyframes laoding{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact .content{padding-block:50px}.contact .content h2{text-align:center;margin-bottom:5px;color:var(--secondColor);font-size:40px}.contact .content p{font-size:20px;color:var(--lightGray);text-align:center;margin-bottom:30px;max-width:500px;margin-inline:auto;line-height:1.7}.contact .content .main-container{display:flex;align-items:center;justify-content:space-between}.contact .content .main-container>div{width:49%}.contact .content .main-container .form form{display:flex;flex-direction:column;gap:25px}.contact .content .main-container .form form input,.contact .content .main-container .form form textarea{outline:none;border:1px solid var(--borderColor);padding:12px 15px;font-size:17px;border-radius:15px}.contact .content .main-container .form form textarea{height:100px;resize:none}.contact .content .main-container .form form button{display:block;width:150px;background-color:var(--secondColor);color:#fff;padding:10px;border:none;border-radius:15px;font-size:17px;cursor:pointer}.contact .content .main-container .form form input.error,.contact .content .main-container .form form textarea.error{border:1px solid red;outline:none}.contact .content .main-container .map{display:flex;align-items:center;justify-content:center}.contact .content .main-container .map img{width:600px;height:600px;border-radius:35px}@media(max-width:767px){.contact .content p{padding-inline:15px;font-size:18px}.contact .content .main-container{flex-direction:column;gap:35px}.contact .content .main-container>div{width:100%!important}.contact .content .main-container .map img{width:100%;height:300px}}.bar-page{background-color:#f8f8fb;border-bottom:1px solid var(--borderColor);padding-block:15px}.bar-page .main-container{display:flex;align-items:center;justify-content:space-between}.bar-page .main-container h3{color:var(--lightGray)}.bar-page .main-container .pages{display:flex;align-items:center;gap:7px;font-size:18px;color:var(--lightGray)}.bar-page .main-container .pages a{color:var(--lightGray)}.bar-page .main-container .pages a,.bar-page .main-container .pages svg{font-weight:600}@media(max-width:767px){.bar-page .main-container{flex-direction:column;gap:15px}}.layout{position:relative;min-height:100vh}.layout .scroll-to-top{position:fixed;bottom:25px;inset-inline-end:-100%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;border-radius:50%;border:none;cursor:pointer;background-color:var(--mainColor);color:#fff;transition:all .5s;z-index:2}.layout .scroll-to-top.show-btn{inset-inline-end:25px}@media(max-width:767px){.layout .scroll-to-top{bottom:90px}}.header .top-head{border-bottom:1px solid var(--borderColor);padding-block:20px}.header .top-head .main-container{display:flex;align-items:center;justify-content:space-between;gap:50px}.header .top-head .main-container>div:first-of-type .logo{display:flex;align-items:center;justify-content:center}.header .top-head .main-container>div:first-of-type .logo img{width:170px;height:100%}.header .top-head .main-container>div:first-of-type .lang-phone{position:relative;display:flex;align-items:center;gap:10px}.header .top-head .main-container>div:first-of-type .lang-phone .logo_ksa{width:60px;height:60px;object-fit:contain}.header .top-head .main-container>div:first-of-type .lang-phone .select{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background-color:transparent;border:1px solid var(--borderColor);font-size:17px;cursor:pointer;color:var(--darkGray)}.header .top-head .main-container>div:first-of-type .lang-phone .select span{display:flex;align-items:center;justify-content:center}.header .top-head .main-container>div:first-of-type .lang-phone .select span img{width:30px;height:30px}.header .top-head .main-container>div:first-of-type .lang-phone .options{position:absolute;top:calc(100% + 5px);inset-inline-start:0;width:100%;background-color:#fff;border:1px solid var(--borderColor);display:flex;flex-direction:column;animation:animate_menu .2s linear;z-index:3}.header .top-head .main-container>div:first-of-type .lang-phone .options button{border:none;background-color:transparent;padding:5px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.header .top-head .main-container>div:first-of-type .lang-phone .options button img{width:30px;height:30px}.header .top-head .main-container>div:first-of-type .lang-phone .options button:not(.header .top-head .main-container>div:first-of-type .lang-phone .options button:last-of-type){border-bottom:1px solid var(--borderColor)}.header .top-head .main-container .search{flex:1}.header .top-head .main-container .search .input-search{border:1px solid var(--borderColor);display:flex;align-items:center;padding:10px 20px;width:100%;border-radius:25px}.header .top-head .main-container .search .input-search input{border:none;outline:none;width:100%;font-size:16px}.header .top-head .main-container .search .input-search .submit{background-color:var(--secondColor);border:none;color:#fff;padding:7px 20px;border-radius:20px;cursor:pointer}.header .top-head .main-container .control-store{display:flex;align-items:center;gap:20px}.header .top-head .main-container .control-store>div button,.header .top-head .main-container .control-store>div a{border:none;background-color:transparent;display:flex;align-items:center;gap:10px;cursor:pointer}.header .top-head .main-container .control-store>div button .icon,.header .top-head .main-container .control-store>div a .icon{display:flex;align-items:center;font-size:30px;color:var(--secondColor)}.header .top-head .main-container .control-store>div button .icon svg,.header .top-head .main-container .control-store>div a .icon svg{width:25px;height:25px}.header .top-head .main-container .control-store>div button .info,.header .top-head .main-container .control-store>div a .info{display:flex;flex-direction:column;text-align:start;font-size:16px;color:#111}.header .top-head .main-container .control-store>div button .info svg,.header .top-head .main-container .control-store>div a .info svg{width:25px;height:25px}.header .top-head .main-container .control-store .account{position:relative}.header .top-head .main-container .control-store .account .menu-account{position:absolute;inset-inline-start:0;top:calc(100% + 13px);width:150px;z-index:999;display:flex;flex-direction:column;gap:10px;background-color:#fff;box-shadow:2px 2px 15px #00000012;padding:15px 10px;text-align:center;border-radius:0 0 15px 15px;animation:animate_menu .2s linear}.header .top-head .main-container .control-store .account .menu-account a{color:var(--darkGray);font-size:15px}.header .bottom-head{border-bottom:1px solid var(--borderColor);padding-block:10px}.header .bottom-head .main-container{display:flex;align-items:center;justify-content:space-between}.header .bottom-head .main-container .links ul{display:flex;align-items:center;gap:40px}.header .bottom-head .main-container .links ul li a{color:var(--darkGray);font-size:18px;transition:all .2s;font-weight:500}.header .bottom-head .main-container .links ul li a:hover,.header .bottom-head .main-container .links ul li a.active{color:var(--secondColor)}.header .bottom-head .main-container .links ul li button{cursor:pointer;border:none;background-color:transparent}.header .bottom-head .main-container .links ul li:last-of-type{display:flex;align-items:center;gap:5px}.header .bottom-head .main-container .links ul li:last-of-type svg{font-size:20px;color:var(--secondColor)}.header .bottom-head .main-container .lang{position:relative;display:flex;align-items:center;gap:10px}.header .bottom-head .main-container .lang .logo_ksa{object-fit:contain}.header .bottom-head .main-container .lang .select{display:flex;align-items:center;justify-content:space-between;width:150px;padding:8px 15px;background-color:transparent;border:1px solid var(--borderColor);font-size:17px;cursor:pointer;color:var(--darkGray)}.header .bottom-head .main-container .lang .select span{display:flex;align-items:center;justify-content:center}.header .bottom-head .main-container .lang .options{position:absolute;top:calc(100% + 15px);inset-inline-start:0;width:100%;background-color:#fff;border:1px solid var(--borderColor);display:flex;flex-direction:column;animation:animate_menu .2s linear;z-index:999}.header .bottom-head .main-container .lang .options button{border:none;background-color:transparent;font-size:16px;padding:12px;cursor:pointer;transition:all .3s}.header .bottom-head .main-container .lang .options button:not(.header .bottom-head .main-container .lang .options button:last-of-type){border-bottom:1px solid var(--borderColor)}.header .bottom-head .main-container .lang .options button:hover,.header .bottom-head .main-container .lang .options .active-lang{background-color:var(--secondColor);color:#fff}@keyframes animate_menu{0%{transform:translateY(20px);opacity:.2}to{transform:translateY(0);opacity:1}}@media(max-width:991px){.header{height:150px;margin-bottom:20px}.header .top-head .main-container{gap:20px;flex-direction:column}.header .top-head .main-container>div:first-of-type{width:100%;display:flex;align-items:center;justify-content:space-between}.header .top-head .main-container .search{width:100%}.header .top-head .main-container .control-store{display:none!important}.header .bottom-head{display:none}}.cart-sidebar .model-sidebar .sar-icon{width:12px;margin-left:4px}.cart-sidebar .model-sidebar .content{width:500px;padding:20px}.cart-sidebar .model-sidebar .content .sidebar-title{font-size:25px;color:var(--secondColor)}.cart-sidebar .model-sidebar .content .items{display:flex;flex-direction:column;gap:20px;margin-top:30px}.cart-sidebar .model-sidebar .content .items .item{border:1px solid #EEE;background-color:#f8f8fb;display:flex;align-items:center;gap:20px;position:relative;padding:20px;border-radius:20px}.cart-sidebar .model-sidebar .content .items .item .image{width:100px}.cart-sidebar .model-sidebar .content .items .item .image img{width:100%;height:100%;object-fit:cover}.cart-sidebar .model-sidebar .content .items .item .info{display:flex;flex-direction:column;gap:10px;flex:1}.cart-sidebar .model-sidebar .content .items .item .info h3{color:var(--secondColor);line-height:1.7}.cart-sidebar .model-sidebar .content .items .item .info p{font-size:18px}.cart-sidebar .model-sidebar .content .items .item .info .quantity{width:116px;height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--borderColor);padding:8px 15px;min-width:60px;border-radius:12px}.cart-sidebar .model-sidebar .content .items .item .info .quantity button{width:25px;height:25px;background-color:var(--secondColor);color:#fff;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;font-size:12px;cursor:pointer}.cart-sidebar .model-sidebar .content .items .item .info .quantity button:disabled{opacity:.5;cursor:no-drop}.cart-sidebar .model-sidebar .content .items .item .info .loading-btn{color:var(--secondColor);font-size:19px}.cart-sidebar .model-sidebar .content .items .item .delete{position:absolute;top:-5px;inset-inline-end:-5px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;font-size:20px;cursor:pointer;color:var(--dangerColor)}.cart-sidebar .model-sidebar .content .items .item .delete:disabled{opacity:.5;cursor:no-drop}.cart-sidebar .model-sidebar .content .items .item .delete .loading-btn{color:var(--dangerColor)}.cart-sidebar .model-sidebar .content .total{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:22px}.cart-sidebar .model-sidebar .content .total p:first-of-type{color:var(--secondColor);font-weight:700}.cart-sidebar .model-sidebar .content .btns{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.cart-sidebar .model-sidebar .content .btns a{font-size:18px;padding:10px 30px;border-radius:20px}.cart-sidebar .model-sidebar .content .btns a:first-of-type{color:var(--secondColor);border:1px solid var(--secondColor)}.cart-sidebar .model-sidebar .content .btns a:last-of-type{background-color:var(--secondColor);color:#fff}.cart-sidebar .model-sidebar .content .no-items-cart{margin-top:30px;text-align:center;font-size:25px;color:var(--secondColor)}.model-sidebar{position:fixed;inset-inline-start:0;top:0;width:100%;height:100%;background-color:transparent;z-index:-1;transition:all .3s ease-in-out}.model-sidebar .content{width:300px;height:100%;background-color:#fff;padding:15px;position:relative;transition:all .3s ease-in-out;opacity:0;overflow:auto}.model-sidebar .content .close{position:absolute;inset-inline-end:15px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--dangerColor);border:1px solid currentColor;padding:5px;font-size:17px;border-radius:50%;cursor:pointer}.active-side{background-color:#0000004d!important;z-index:99999}.active-side .content{transform:translate(0)!important;opacity:1!important}[dir=rtl] .main-footer-phone .footer-mobile:before{left:140px}[dir=rtl] .main-footer-phone .footer-mobile:after{right:141px}.main-footer-phone .model-sidebar .content{width:200px}.main-footer-phone .footer-mobile{position:fixed;bottom:0;width:100%;background-color:var(--secondColor);height:75px;color:#fff;padding:15px;display:flex;align-items:center;justify-content:center;border-radius:20px 20px 0 0;z-index:9999}.main-footer-phone .footer-mobile ul{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.main-footer-phone .footer-mobile ul li{flex:1;display:flex;align-items:center;justify-content:center}.main-footer-phone .footer-mobile ul li a,.main-footer-phone .footer-mobile ul li button{display:flex;flex-direction:column;align-items:center;color:#fff;gap:5px;background-color:transparent;border:none;font-size:15px}.main-footer-phone .footer-mobile ul li a span,.main-footer-phone .footer-mobile ul li button span{display:flex;align-items:center;justify-content:center}.main-footer-phone .footer-mobile ul li a span:first-of-type svg,.main-footer-phone .footer-mobile ul li button span:first-of-type svg{width:23px;height:23px}.main-footer-phone .footer-mobile ul li:nth-of-type(3) span{padding:15px;border:7px solid #FFF;border-radius:50%;font-size:30px!important;margin-top:-60px;background-color:var(--secondColor)}.main-footer-phone .footer-mobile ul li:nth-of-type(4)>div{position:absolute;background-color:var(--secondColor);color:#fff;top:0;inset-inline-end:6px;width:37%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;z-index:-1;opacity:0;transition:all .3s}.main-footer-phone .footer-mobile ul li:nth-of-type(4) .active-tool-tip{top:-75px;z-index:auto;opacity:1}.more-phone{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.more-phone .logo{display:flex;align-items:center;justify-content:center}.more-phone ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.more-phone ul button{border:none;background-color:transparent}.more-phone ul a{font-size:16px;color:var(--darkGray)}.more-phone ul a.active{color:var(--secondColor)}.more-phone>a{border:none;background-color:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid var(--secondColor);padding:5px 20px;border-radius:20px}.more-phone>a .icon{display:flex;align-items:center;color:var(--secondColor)}.more-phone>a .info{display:flex;flex-direction:column;text-align:start;font-size:14px;color:#111}.footer{height:360px;padding-block:20px;background-color:var(--secondColor)}.footer .main-container .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:30px;padding-block:20px}.footer .main-container .row .col:first-of-type{display:flex;flex-direction:column;gap:20px;color:#fff}.footer .main-container .row .col:first-of-type>img{width:220px;height:50px}.footer .main-container .row .col:first-of-type>p{font-size:20px;line-height:1.7}.footer .main-container .row .col:first-of-type .app{display:flex;align-items:center;gap:10px}.footer .main-container .row .col:first-of-type .app img{object-fit:contain;border-radius:10px}.footer .main-container .row .col:nth-of-type(2) h3,.footer .main-container .row .col:nth-of-type(3) h3{color:#fff;font-size:35px;margin-bottom:10px}.footer .main-container .row .col:nth-of-type(2) a,.footer .main-container .row .col:nth-of-type(3) a{display:block;width:fit-content;color:#fff;font-size:18px}.footer .main-container .row .col:nth-of-type(2) a:not(.footer .main-container .row .col:nth-of-type(2) a:last-of-type,.footer .main-container .row .col:nth-of-type(3) a:last-of-type),.footer .main-container .row .col:nth-of-type(3) a:not(.footer .main-container .row .col:nth-of-type(2) a:last-of-type,.footer .main-container .row .col:nth-of-type(3) a:last-of-type){margin-bottom:10px}.footer .main-container .row .col:last-of-type{color:#fff}.footer .main-container .row .col:last-of-type h3{color:#fff;font-size:35px;margin-bottom:10px}.footer .main-container .row .col:last-of-type p{font-size:17px}.footer .main-container .row .col:last-of-type p:not(.footer .main-container .row .col:last-of-type p:last-of-type){margin-bottom:10px}.footer .main-container .row .col:last-of-type .images{display:flex;align-items:center;gap:20px;margin-top:30px}.footer .main-container .row .col:last-of-type .images img{object-fit:contain}.footer .copyright{padding-top:20px;border-top:1px solid #FFF}.footer .copyright .main-container{display:flex;align-items:center;justify-content:space-between}.footer .copyright .main-container .powered{display:flex;align-items:center;gap:15px}.footer .copyright .main-container .powered img{width:60px}.footer .copyright .main-container .powered p{font-size:18px;color:#fff}.footer .copyright .main-container .payment{display:flex;align-items:center;gap:15px}.footer .copyright .main-container .payment img{object-fit:contain}@media(max-width:991px){.footer{padding-top:20px;padding-bottom:120px;height:768px}.footer .col:first-of-type>img{margin-inline:auto}.footer .col:first-of-type .app{justify-content:center}.footer .col:last-of-type ul{justify-content:center}.footer .col{text-align:center}.footer .images{justify-content:center}.footer .copyright .main-container{flex-direction:column;gap:20px}.footer .copyright .main-container img{width:45px}}@media(max-width:767px){.footer .col:nth-of-type(2),.footer .col:nth-of-type(3){display:none}}.search-page{min-height:calc(100vh - 505px);padding:30px;text-align:center;font-size:50px}.search-page>h2{font-size:35px;margin-bottom:30px;color:var(--mainColor)}.search-page .loading-btn{color:var(--mainColor);font-size:50px}.search-page .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.search-page .no-data{font-size:30px}.product{border-radius:20px;overflow:hidden;border:1px solid var(--borderColor);height:415px}.product:hover .image img{transform:scale(1.5)}.product:hover .image .overlay{opacity:1}.product:hover .image .overlay .btns button,.product:hover .image .overlay .btns a{opacity:1;transform:translateY(0)}.product .image{height:250px;position:relative;overflow:hidden}.product .image .not{position:absolute;left:13px;top:8px;z-index:9}.product .image .not p{display:flex;flex-direction:column;justify-content:center;font-size:16px;color:#fff;background-color:var(--secondColor);font-weight:500;padding:5px;border-radius:5px}.product .image .del-item{position:absolute;top:10px;right:15px;z-index:10}.product .image .del-item button{width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:17px;border:none;border-radius:50%;background-color:#838383;color:#fff;cursor:pointer;transition:all .3s}.product .image .del-item button:hover{background-color:var(--secondColor)}.product .image img{width:100%;height:100%;transition:all .7s;object-fit:contain}.product .image .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#2929293d;display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:all .2s;z-index:10}.product .image .overlay .btns{display:flex;align-items:center;gap:15px}.product .image .overlay .btns button,.product .image .overlay .btns a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:none;background-color:#fff;border-radius:12px;color:#222;transition:all .5s;opacity:0;transform:translateY(30px);cursor:pointer}.product .image .overlay .btns button svg,.product .image .overlay .btns a svg{width:20px;height:20px}.product .image .overlay .btns button .loading-btn,.product .image .overlay .btns a .loading-btn{color:#222}.product .image .overlay .btns button:hover,.product .image .overlay .btns a:hover{background-color:var(--secondColor);color:#fff}.product .image .overlay .btns button:hover .loading-btn,.product .image .overlay .btns a:hover .loading-btn{color:#fff}.product .image .overlay .btns button:first-of-type{transition-delay:0s}.product .image .overlay .btns a{transition-delay:.1s}.product .image .overlay .btns button:last-of-type{transition-delay:.2s}.product .content{height:170px;background-color:#fff;padding:20px 25px;display:flex;flex-direction:column;gap:10px;font-size:18px;flex:1}.product .content .top .category{color:var(--lightGray);transition:all .3s;display:block;width:fit-content}.product .content .top .category:hover{color:var(--secondColor)}.product .content .name-product{font-size:17px;color:var(--darkGray);font-weight:500;transition:all .3s;display:block;width:fit-content;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product .content .name-product:hover{color:var(--secondColor)}.product .content .stars{display:flex;justify-content:flex-start;margin-top:auto}.product .content .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product .content .bottom>div:last-of-type{display:flex;align-items:center;gap:10px}.product .content .bottom .price{display:flex;align-items:center;gap:10px}.product .content .bottom .price p{display:flex;align-items:center;gap:5px}.product .content .bottom .price p img{width:14px;height:auto}.product .content .bottom .price .now{font-size:20px;color:var(--secondColor)}.product .content .bottom .price .old{color:var(--darkGray);text-decoration:line-through}.product .content .bottom .out,.product .content .bottom .in{font-size:17px;color:var(--secondColor);font-weight:500}.product .content .bottom .in{display:flex;align-items:center;gap:5px}.product .content .bottom .type{color:var(--darkGray)}@media(max-width:767px){.product{height:270px}.product .image{padding-block:5px;height:120px}.product .image .overlay .btns{gap:5px}.product .image .overlay .btns a,.product .image .overlay .btns button{font-size:16px}.product .content{height:150px;padding-inline:10px}.product .content .name-product{font-size:14px;text-align:center;display:block;width:100%}.product .content .stars{display:none}.product .content .bottom{flex-direction:column;gap:10px}.product .content .bottom>div:last-of-type p{font-size:14px!important}.product .content .bottom .price .now,.product .content .bottom .out,.product .content .bottom .in{font-size:15px}}.rr--group{display:flex;width:100%;position:relative}.rr--box{display:flex;width:100%;flex-grow:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rr--svg{display:flex;aspect-ratio:1;width:100%;flex-grow:1;overflow:clip;pointer-events:none}@supports not (overflow: clip){.rr--svg{overflow:auto}}.rr--box:focus,.rr--box:focus-visible,.rr-reset:focus-visible,.rr-reset:focus{outline:none;box-shadow:none}.rr--focus-reset{outline:6px double #0079ff}.rr--box:focus-visible .rr--svg{outline:6px double #0079ff;isolation:isolate}.rr--reset{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;right:0;bottom:50%}[dir=rtl] .rr--reset{left:0;right:auto}.rr--dir-y .rr--reset{bottom:0;right:50%}.rr--disabled{opacity:.5;cursor:not-allowed}.rr--disabled .rr--svg{pointer-events:none}.rr--pointer .rr--box{cursor:pointer}.rr--dir-x{flex-direction:row}.rr--dir-y{flex-direction:column}.rr--space-sm .rr--svg{padding:8%}.rr--space-md .rr--svg{padding:12.5%}.rr--space-lg .rr--svg{padding:17.5%}.rr--dir-x.rr--gap-sm .rr--svg{margin:0 6.25%}.rr--dir-x.rr--gap-sm .rr--box:focus-visible:after{width:87.5%;left:6.25%}.rr--dir-x.rr--gap-md .rr--svg{margin:0 12.5%}.rr--dir-x.rr--gap-md .rr--box:focus-visible:after{width:75%;left:12.5%}.rr--dir-x.rr--gap-lg .rr--svg{margin:0 25%}.rr--dir-x.rr--gap-lg .rr--box:focus-visible:after{width:50%;left:25%}.rr--dir-y.rr--gap-sm .rr--svg{margin:6.25% 0}.rr--dir-y.rr--gap-md .rr--svg{margin:12.5% 0}.rr--dir-y.rr--gap-lg .rr--svg{margin:25% 0}.rr--rx-sm .rr--svg{border-radius:5%}.rr--rx-md .rr--svg{border-radius:15%}.rr--rx-lg .rr--svg{border-radius:20%}.rr--rx-full .rr--svg{border-radius:100%}.rr--has-stroke .rr--svg{stroke-linecap:round;stroke-linejoin:round}.rr--has-border .rr--svg{border-width:var(--rr--border-width);border-style:solid}.rr--on .rr--svg{fill:var(--rr--fill-on-color, none)}.rr--off .rr--svg{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--on .rr--svg{stroke:var(--rr--stroke-on-color, currentColor)}.rr--has-stroke .rr--off .rr--svg{stroke:var(--rr--stroke-off-color, currentColor)}.rr--on .rr--svg{background-color:var(--rr--box-on-color, none)}.rr--off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--has-border .rr--off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.rr--has-border .rr--on .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--fx-colors{--rr--easing: .2s cubic-bezier(.61, 1, .88, 1)}.rr--fx-colors .rr--svg{transition-duration:.2s;transition-timing-function:var(--rr--easing);transition-property:background-color,border-color,fill,stroke}.rr--fx-opacity .rr--off{opacity:.35;transition:opacity var(--rr--easing)}.rr--fx-opacity .rr--on{opacity:1}@media(hover:hover){.rr--fx-opacity .rr--box:hover{opacity:1}}@media(hover:hover){.rr--fx-zoom .rr--box{transition:transform var(--rr--easing);transform:scale(1)}.rr--fx-zoom .rr--box:hover{transform:scale(1.2)}@media(prefers-reduced-motion){.rr--fx-zoom .rr--box:hover{transform:scale(1)}}}@media(hover:hover){.rr--fx-position .rr--box{transition:transform var(--rr--easing);transform:translateY(0)}.rr--fx-position .rr--box:hover{transform:translateY(-15%)}@media(prefers-reduced-motion){.rr--fx-position .rr--box:hover{transform:translateY(0)}}}.rr--svg-stop-1{stop-color:var(--rr--fill-on-color, rgba(0, 0, 0, 0))}[dir=rtl] .rr--svg-stop-1,.rr--svg-stop-2{stop-color:var(--rr--fill-off-color, rgba(0, 0, 0, 0))}[dir=rtl] .rr--svg-stop-2{stop-color:var(--rr--fill-on-color, rgba(0, 0, 0, 0))}.rr--hf-svg-on{fill:var(--rr--fill-on-color, none)}.rr--hf-svg-off{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--hf-svg-on{stroke:var(--rr--stroke-on-color, currentColor)}.rr--has-stroke .rr--hf-svg-off{stroke:var(--rr--stroke-off-color, currentColor)}.rr--hf-svg-on .rr--svg,.rr--hf-svg-off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--has-border .rr--hf-svg-on .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--has-border .rr--hf-svg-off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.rr--dir-x .rr--hf-box-int .rr--svg{background:linear-gradient(to right,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}[dir=rtl] .rr--dir-x .rr--hf-box-int .rr--svg{background:linear-gradient(to left,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}.rr--dir-y .rr--hf-box-int .rr--svg{background:linear-gradient(to bottom,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}.rr--hf-box-on .rr--svg{background-color:var(--rr--box-on-color, none)}.rr--hf-box-off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--hf-box-on .rr--svg,.rr--hf-box-off .rr--svg,.rr--hf-box-int .rr--svg{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--hf-box-on .rr--svg,.rr--has-stroke .rr--hf-box-off .rr--svg,.rr--has-stroke .rr--hf-box-int .rr--svg{stroke:var(--rr--stroke-off-color, currentColor)}.rr--has-border .rr--hf-box-on .rr--svg,.rr--has-border .rr--hf-box-int .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--has-border .rr--hf-box-off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100vh;background-color:var(--secondColor);color:#fff}.error h1{direction:ltr;font-size:100px}.error p{font-size:35px}.error a{display:block;width:fit-content;background-color:#fff;color:var(--mainColor);padding:15px 25px;font-size:20px;margin-top:15px;border-radius:20px;font-weight:600}@media(max-width:767px){.error h1{font-size:50px}.error p{font-size:25px}}