@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined";@import"normalize.css";@keyframes placeholder-animation{0%{transform:translate3d(-30%, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}.placeholder{position:relative;overflow:hidden;opacity:1;color:rgba(0,0,0,0);pointer-events:none}.placeholder>*{opacity:0 !important}.placeholder::before{position:absolute;top:-50%;right:0;bottom:-50%;left:50%;z-index:1;width:400%;margin-left:-200%;background:linear-gradient(-80deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 54%) 50% 50%;animation:placeholder-animation 2s linear infinite;content:" ";pointer-events:none;transform:translate3d(-30%, 0, 0)}.placeholder.delay::before{animation-delay:.2s}html,body{height:100%;width:100%;overflow:hidden;background:#fafafa;font-family:var(--main-font),sans-serif;font-size:var(--default-font-size);box-sizing:border-box;line-height:var(--default-font-line-height);color:#272932}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none}*:not(input):not(textarea):not(button){-webkit-user-select:none;-webkit-touch-callout:none}.clearfix::after{display:block;content:"";clear:both}.full-height{height:100%}.full-width{width:100%}.full-view{height:100%;width:100%}.float-left{float:left}.float-right{float:right}.fixed-full-view{height:100%;width:100%;position:fixed;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.center{margin-left:auto;margin-right:auto}.center-content{text-align:center;justify-content:center}.vertical-center-view{display:flex;align-items:center;justify-content:center}.safety-padding{padding-left:10%;padding-right:10%}.safety-margin{margin-left:10%;margin-right:10%}.scroll-view{max-height:100%;overflow-y:scroll}button{background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #8E44AD 100%);border-radius:24px;height:48px;padding:0 24px;border:none;color:#fff;font-size:1.1em;box-sizing:border-box;display:flex;align-items:center;align-self:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,color .1s ease;position:relative}button:active{animation:button-active-animation .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}button.loading{color:rgba(0,0,0,0) !important;pointer-events:none}button.loading::after{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);height:24px;width:24px;border-radius:50%;border:3px solid;border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);animation:button-loading-animation 1.2s linear infinite}button.text{background-color:rgba(0,0,0,0);color:#009;font-size:1em;padding:0;height:auto}button.text.loading{color:rgba(0,0,0,0)}button.text.loading::after{border-color:#009 rgba(0,0,0,0) #009 rgba(0,0,0,0)}button.disabled{filter:grayscale(100);pointer-events:none;opacity:.6}@keyframes button-loading-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes button-active-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.98}100%{transform:scale(1);opacity:1}}input,select,textarea{box-sizing:border-box;-webkit-appearance:none;border:none;border-radius:4px;width:100%;height:48px;box-shadow:0 0 3px rgba(0,0,0,.1);padding:0 .7em;font-size:1.2em;background-color:#fff;color:#272932;caret-color:#009;transition:box-shadow .3s ease}input::placeholder{font-size:.9em;color:#999;transition:color .3s ease;padding-left:.2em}input:focus,textarea::focus{outline:none;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 0 5px rgba(0,0,0,.1) inset}input:focus::placeholder{color:#bbb}#dialogs{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1000;visibility:hidden;transition:background-color .3s ease}#dialogs .dialog{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}#dialogs .dialog .view{background-color:rgba(255,255,255,.95);min-width:60%;max-width:80%;border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.2),0 0 40px -10px rgba(0,0,0,.1);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transform:translate3d(0, 50px, 0);opacity:0}#dialogs .dialog .view .content{padding:24px;font-size:1.1em}#dialogs .dialog .view .actions button{background-color:rgba(0,0,0,.02);width:100%;float:left;box-shadow:0 -2px 2px rgba(0,0,0,.1) inset,0 2px 2px rgba(0,0,0,.1) inset;color:#009;border-radius:0;font-size:1em}#dialogs .dialog .view .actions button.full-width{width:100% !important;border-top:2px solid rgba(0,0,0,.05);box-shadow:none}#dialogs .dialog .view .actions button:first-child{border-radius:0 0 0 4px}#dialogs .dialog .view .actions button:last-child{border-radius:0 0 4px 0}#dialogs .dialog .view .actions button:first-child:last-child{border-radius:0 0 4px 4px}#dialogs .dialog .view .actions button:hover{box-shadow:0 0 0 rgba(0,0,0,.1) inset,0 0 0 rgba(0,0,0,.1) inset;transform:scale(1)}#dialogs .dialog .view .actions button.positive{color:#27ae60}#dialogs .dialog .view .actions button.negative{color:#e74c3c}#dialogs .dialog .view .actions button.neutral{color:#272932}#dialogs .dialog .view.visible{transform:translate3d(0, 0, 0);opacity:1}#dialogs .dialog .view.stacked{transform:translate3d(0, -50px, 0);opacity:0}#dialogs.visible{visibility:visible;background-color:rgba(0,0,0,.3)}#app{transition:filter .3s ease,transform .3s ease}.progress-bar{width:100%;height:4px;background-color:rgba(0,0,0,.05);border-radius:2px}.progress-bar .bar{width:0;background-color:#009;height:4px;border-radius:2px;transition:width var(--duration) linear;--duration: 6s}.progress-bar.no-transition .bar{transition:none}.progress-bar.reverse .bar{width:100%}.progress-bar.started .bar{width:100%}.progress-bar.reverse.started .bar{width:0}#app{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;color:#3e3e3e}#app.loading{position:relative}#app.loading:before{content:"";background-color:rgba(255,255,255,.97);position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000}#app.loading:after{content:"";display:block;position:absolute;top:calc(50% - (12px + 0px));left:calc(50% - 12px);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #009;border-color:#009 rgba(0,0,0,0) #009 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app .material-icon{font-family:"Material Icons Outlined";line-height:1em !important}#app header{height:64px;width:100%;background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #954FB2 100%);position:fixed;top:0;left:0;display:flex;justify-content:space-between;padding:12px;z-index:10;transition:background-color .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app header.shadow{box-shadow:0 0 5px rgba(0,0,0,.2)}#app header.gray{background-color:#fafafa}#app header.gray .action{color:#3e3e3e}#app header.gray .title{color:#3e3e3e}#app header.transparent{background-color:rgba(0,0,0,0)}#app header.transparent .action{color:#fff}#app header.transparent .title{color:#fff}#app header .action{color:#fff;height:40px;width:40px;flex-shrink:0;font-family:"Material Icons Outlined";display:none;align-items:center;justify-content:center;font-size:1.6em}#app header .action.visible{display:flex}#app header .action.cart{position:relative;flex-wrap:wrap}#app header .action.cart.active:after{font-family:var(--main-font);content:attr(count);position:absolute;top:2px;right:6px;height:14px;line-height:14px;width:14px;background-color:#e42429;font-size:8px;text-align:center;border-radius:50%;color:#fff;box-shadow:0 0 2px 0px #fff;animation:pop-animation .5s linear}#app header .action.remove{color:#bbb;pointer-events:none}#app header .action.remove.active{color:#e42429;pointer-events:all}#app header .title{flex-grow:1;padding:0 12px;position:relative;z-index:3;display:none;flex:1;align-items:center;justify-content:center;font-size:1.1em;font-weight:bold;color:#fff}#app header .title.visible{display:flex}#app header .search{flex-grow:1;padding:0 12px;position:relative;z-index:3;display:none}#app header .search.visible{display:block}#app header .search input{height:40px;border-radius:20px;width:100%;padding-left:40px;font-size:1em}#app header .search:before{content:"search";font-family:"Material Icons Outlined";position:absolute;height:40px;width:40px;display:flex;justify-content:center;align-items:center;font-size:1.4em;color:#c3c2c3}#app header .search-overlay{z-index:2;position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app header .search-overlay.visible{opacity:1;pointer-events:all}#app header .search-overlay .results-wrapper{margin:0 12px;background-color:#fff;margin-top:64px;border-radius:12px;position:relative;transform:translate3d(0, 24px, 0);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app header .search-overlay .results-wrapper.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app header .search-overlay .results-wrapper:before{content:"";position:absolute;top:-8px;left:calc(50% - 4px);width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid #fff}#app header .search-overlay .results-wrapper .results{min-height:180px}#app header .search-overlay .results-wrapper .results .no-results{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;color:#aaa}#app header .search-overlay .results-wrapper .results .product{display:flex;padding:6px 12px;box-shadow:0 11px 0 -10px rgba(0,0,0,.1)}#app header .search-overlay .results-wrapper .results .product .image{height:48px;width:48px;background-image:url("../img/product.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;flex-shrink:0}#app header .search-overlay .results-wrapper .results .product .name{padding-left:12px;font-size:.9em;display:flex;align-items:center}#app header .search-overlay .results-wrapper .display-all-button{font-size:.8em;height:40px;width:100%;border-radius:0 0 12px 12px}@keyframes pop-animation{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}#app footer{position:fixed;width:100%;bottom:0;left:0;z-index:10;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);transform:translate3d(0, 100%, 0);opacity:0}#app footer.visible{transform:translate3d(0, 0, 0);opacity:1}#app footer.shadow{box-shadow:0 0 5px rgba(0,0,0,.2)}#app footer .info{height:32px;width:100%;background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #8E44AD 100%);border-radius:12px 12px 0 0;color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}#app footer .info .total{display:flex;justify-content:space-between;padding:0 12px;align-items:center;height:100%}#app footer .info .total .text{font-size:.9em}#app footer .info .total .text span{font-size:.7em}#app footer .info .total .amount{font-size:.7em}#app footer .info .total .amount span{font-size:1.5em;font-weight:bold}#app footer .info .steps{display:flex;justify-content:space-between;padding:0 12px;align-items:center;height:100%}#app footer .info .steps .step{flex-grow:1;flex-basis:0;text-align:center;font-size:.7em;position:relative;opacity:.4}#app footer .info .steps .step.active{opacity:1;font-weight:bold}#app footer .info .steps .step:before{content:"arrow_forward_ios_new";font-family:"Material Icons Outlined";position:absolute;height:100%;top:0;left:-6px;display:flex;align-items:center;text-align:center;width:12px}#app footer .info .steps .step:first-child:before{content:""}#app footer .discount{height:32px;font-size:.9em;line-height:32px;text-align:center;color:#fff;background-color:#3ca73d}#app footer .discount:before{content:"discount";font-family:"Material Icons Outlined";margin-right:6px}#app footer .actions .action-group{height:56px;width:100%;background-color:#fff;padding:8px;display:flex;justify-content:space-between}#app footer .actions .action-group button{height:100%;font-size:.9em;position:relative}#app footer .actions .action-group button.outline{background-color:rgba(0,0,0,0);color:#8e44ad;box-shadow:0 0 0 1px #8e44ad inset}#app footer .actions .action-group button.back:before,#app footer .actions .action-group button.next:before{font-family:"Material Icons Outlined";position:absolute;height:100%;top:0;display:flex;align-items:center;text-align:center;width:12px}#app footer .actions .action-group button.back{padding-left:36px}#app footer .actions .action-group button.back:before{content:"arrow_back_ios_new";left:12px}#app footer .actions .action-group button.back.home:before{content:"home";font-size:1.5em}#app footer .actions .action-group button.next{padding-right:36px}#app footer .actions .action-group button.next:before{content:"arrow_forward_ios_new";right:12px}#app #home{padding-top:64px}#app #home:before{content:"";position:absolute;height:140px;width:100%;background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #8E44AD 100%);top:0;border-radius:0px 0px 20px 20px;z-index:-1;height:138px}#app #home #slider{position:relative}#app #home #slider .slides{height:148px;margin:0 12px;background-color:#fff;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2);display:flex;overflow-x:auto;scroll-snap-type:mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}#app #home #slider .slides::-webkit-scrollbar{display:none}#app #home #slider .slides .slide{position:relative;scroll-snap-align:start;height:100%;width:100%;position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;background-size:auto 100%;background-position:center}#app #home #slider .slides .slide.product{display:flex;gap:24px;padding:24px}#app #home #slider .slides .slide.product .image{aspect-ratio:.63;height:100%;background-image:url(../img/product.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center;flex-shrink:0;box-shadow:0px 10px 11px -9px #666,0 0 3px rgba(0,0,0,.3);border-radius:2px}#app #home #slider .slides .slide.product .info{flex-grow:1}#app #home #slider .slides .slide.product .info .brand{font-size:1.2em;font-weight:bold;color:#222}#app #home #slider .slides .slide.product .info .name{font-size:.9em;font-weight:bold;color:#707070}#app #home #slider .slides .slide.product .info .cost{font-size:.7em;margin-top:8px}#app #home #slider .slides .slide.product .info .cost span{font-weight:bold;font-size:1.7em;color:#8e44ad}#app #home #slider .slides .slide.product .info .actions{margin-top:12px;display:flex;justify-content:flex-end;align-items:center}#app #home #slider .slides .slide.product .info .actions .add-cart{border-radius:24px;height:28px;background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #8E44AD 100%);display:inline-flex;align-items:center;color:#fff;justify-content:space-between;font-size:.9em;padding-right:0;padding-left:0;min-width:100px}#app #home #slider .slides .slide.product .info .actions .add-cart span{flex-grow:1;padding-right:12px;padding-left:12px}#app #home #slider .slides .slide.product .info .actions .add-cart:not(.loading):after{content:"add_shopping_cart";font-family:"Material Icons Outlined";width:32px;flex-shrink:0;text-align:center;box-shadow:-1px 0 0 rgba(255,255,255,.5)}#app #home #slider .slides .slide.product .info .actions .add-cart.loading:after{height:16px;width:16px;left:calc(50% - 8px);top:calc(50% - 8px);border-width:2px}#app #home #slider .slides .slide.product .info .actions .add-cart.added{pointer-events:none}#app #home #slider .slides .slide.product .info .actions .add-cart.added span{display:none}#app #home #slider .slides .slide.product .info .actions .add-cart.added:after{content:"check";width:100%;font-size:1.2em}#app #home #slider .dots{position:absolute;text-align:center;width:100%;bottom:8px}#app #home #slider .dots .dot{display:inline-block;height:8px;width:8px;background-color:#e0e0e0;margin:0 2px;border-radius:50%;box-shadow:0 0 0 1px #fff}#app #home #slider .dots .dot.active{background-color:#8e44ad}#app #home .shortcuts{margin:12px;font-size:.65em;display:flex;justify-content:space-between;gap:12px;flex:1}#app #home .shortcuts .shortcut{flex-grow:1;flex-basis:0;background-color:#fff;text-align:center;border-radius:6px;box-shadow:0 0 2px 0 rgba(0,0,0,.1);padding:8px 0}#app #home .shortcuts .shortcut .material-icon{color:#8e44ad;font-size:1.7em;margin-bottom:4px}#app #home .shortcuts .shortcut .label{line-height:1em}#app #home .products-wrapper{background-color:#fff;border-radius:16px;padding:12px;margin:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2)}#app #home .products-wrapper .section{display:flex;justify-content:center;box-shadow:0px 7px 7px -7px rgba(0,0,0,.2);padding-bottom:12px;margin-bottom:24px}#app #home .products-wrapper .section .title{font-weight:bold}#app #home .products-wrapper .section .more{color:#8e44ad;text-decoration:underline;font-size:.9em}#app #home .brands{width:100%;padding:24px 0 12px 12px;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:0;scroll-snap-type:mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}#app #home .brands::-webkit-scrollbar{display:none}#app #home .brands .brand{display:inline-block;width:80px;font-size:var(--default-font-size);margin-right:12px;scroll-snap-align:start;scroll-margin-left:12px}#app #home .brands .brand .image{height:80px;width:80px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1);background-color:#fff;border-radius:16px}#app #home .brands .brand .name{font-size:.65em;text-align:center;margin-top:6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#app #products{padding-top:64px;background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:flex;transform:translate3d(100%, 0, 0);flex-direction:column}#app #products.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #products .filter-bar{height:50px;flex-shrink:0;padding:0 12px;display:flex;align-items:center;background-color:rgba(0,0,0,.02);font-size:.9em;justify-content:space-between;z-index:1}#app #products .filter-bar .filter-overlay{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #products .filter-bar .back-home{display:flex;align-items:center;color:#8e44ad;flex-shrink:0;font-size:1.5em}#app #products .filter-bar .back-home:after{content:"keyboard_arrow_right";font-family:"Material Icons Outlined";margin-left:4px;font-size:1em}#app #products .filter-bar .current{margin-left:4px;flex-grow:1}#app #products .filter-bar .current span{font-weight:bold}#app #products .filter-bar .filter-button{height:36px;width:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-align:center;background-color:rgba(0,0,0,.02);border-radius:4px;position:relative}#app #products .filter-bar .filter-button.active{background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #8E44AD 100%);color:#fff}#app #products .filter-bar .filter-button .material-icon{font-size:1.5em}#app #products .filter-bar .filter-button .filter-form{position:absolute;width:calc(100vw - 2*12px);background-color:#fff;right:0;z-index:6;top:100%;border-radius:12px 0 12px 12px;pointer-events:none;transform:translate3d(0, -20px, 0);opacity:0;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),opacity .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);padding:0 16px}#app #products .filter-bar .filter-button .filter-form .label{font-size:.9em;text-align:left;padding-top:12px;padding-bottom:12px}#app #products .filter-bar .filter-button .filter-form .cost-range{position:relative;height:4px;margin-bottom:12px}#app #products .filter-bar .filter-button .filter-form .cost-range .range-selected,#app #products .filter-bar .filter-button .filter-form .cost-range .range-placeholder{position:absolute;left:0%;width:100%;height:4px;background-color:rgba(0,0,0,.05);border-radius:2px}#app #products .filter-bar .filter-button .filter-form .cost-range .range-selected{background-color:#8e44ad}#app #products .filter-bar .filter-button .filter-form .cost-range input{box-shadow:none;height:auto;position:absolute;top:0;left:0;padding:0;pointer-events:none;background-color:rgba(0,0,0,0)}#app #products .filter-bar .filter-button .filter-form .cost-range input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#8e44ad;position:relative;height:20px;width:20px;margin-top:-8px;background-color:#8e44ad;border:2px solid #fff;border-radius:25px;z-index:1;box-shadow:0 0 2px rgba(0,0,0,.2)}#app #products .filter-bar .filter-button .filter-form .cost-range input::-webkit-slider-runnable-track{-webkit-appearance:none;background:none;height:4px;border-radius:2px}#app #products .filter-bar .filter-button .filter-form .selected-cost-range{text-align:center;color:#555}#app #products .filter-bar .filter-button .filter-form .selected-cost-range span{font-size:.9em;font-weight:bold;color:#8e44ad}#app #products .filter-bar .filter-button .filter-form .order-by{display:flex;flex:1;box-shadow:0 0 0 1px #e1e1e1;border-radius:8px}#app #products .filter-bar .filter-button .filter-form .order-by button{flex-basis:50%;flex-grow:0;height:32px;border-radius:8px 0 0 8px;font-size:.9em;background-color:rgba(0,0,0,0);color:#272932;padding:0;align-items:left}#app #products .filter-bar .filter-button .filter-form .order-by button span{flex-grow:1}#app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(2){border-radius:0 8px 8px 0;box-shadow:-1px 0 0 rgba(0,0,0,.05)}#app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(1):before,#app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(2):after{width:32px;content:"sort";font-family:"Material Icons Outlined";flex-shrink:0;font-size:1.4em;box-shadow:1px 0 0 rgba(0,0,0,.1);transform:rotateZ(180deg) rotateY(180deg)}#app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(2):after{transform:none;box-shadow:-1px 0 0 rgba(0,0,0,.1)}#app #products .filter-bar .filter-button .filter-form .order-by button.selected{background-color:#8e44ad;color:#fff}#app #products .filter-bar .filter-button .filter-form .order-by button.selected:nth-child(1):before,#app #products .filter-bar .filter-button .filter-form .order-by button.selected:nth-child(2):after{box-shadow:1px 0 0 rgba(255,255,255,.1)}#app #products .filter-bar .filter-button .filter-form .order-by button.selected:nth-child(2):after{box-shadow:-1px 0 0 rgba(255,255,255,.1)}#app #products .filter-bar .filter-button .filter-form .apply-filter{height:30px;font-size:1em;margin:16px auto;margin-top:32px}#app #products .filter-bar.visible-form .filter-overlay{opacity:1;pointer-events:all}#app #products .filter-bar.visible-form .filter-form{opacity:1;transform:translate3d(0, 0, 0);pointer-events:all}#app #products .filter-bar.visible-form .filter-form .cost-range input::-webkit-slider-thumb{pointer-events:all}#app #products .filter-bar.visible-form .filter-button{color:#000;background-color:#fff;border-radius:6px 6px 0 0}#app #products .products-wrapper{flex-grow:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:100%}#app #products .products-wrapper .products{padding:12px;min-height:100%}#app #products .products-wrapper .products .products-empty{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center}#app #products .products-wrapper .products .products-empty .material-icon{font-size:8em;color:#ddd;margin-bottom:24px}#app #products .products-wrapper .products .products-empty .text{text-align:center}#app #account{background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:flex;flex-direction:column;transform:translate3d(100%, 0, 0);padding:64px 12px 12px 12px}#app #account.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #account .info{background-color:#fff;font-size:.8em;display:grid;grid-template-columns:repeat(2, 1fr);justify-content:space-between;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px;margin-top:12px}#app #account .info .label{padding:10px 0 10px 10px;box-shadow:0 1px 0 rgba(0,0,0,.05);color:#9b9b9b}#app #account .info .label.last{box-shadow:none}#app #account .info .label.edit-info{color:#8e44ad;font-size:.9em;text-decoration:underline}#app #account .info .value{padding:10px 10px 10px 0;box-shadow:0 1px 0 rgba(0,0,0,.05)}#app #account .info .value.bold{font-weight:bold}#app #account .info .value.last{box-shadow:none}#app #account .info .value.points{font-size:.8em;color:#9b9b9b}#app #account .info .value.points span{font-size:1.3em;color:#8e44ad;font-weight:bold}#app #account .actions{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding-top:12px;gap:12px}#app #account .actions .action{padding:12px;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px;flex-grow:1;display:flex;align-items:center;justify-content:space-between}#app #account .actions .action>span{flex-grow:1;font-size:.9em}#app #account .actions .action>span .count{color:#9b9b9b}#app #account .actions .action:before,#app #account .actions .action:after{font-family:"Material Icons Outlined";font-size:1.3em}#app #account .actions .action:before{margin-right:12px;color:#8e44ad}#app #account .actions .action.orders:before{content:"local_shipping"}#app #account .actions .action.support:before{content:"support_agent"}#app #account .actions .action:after{content:"arrow_forward_ios"}#app #order{background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;transform:translate3d(0, -100%, 0);padding:64px 12px 12px 12px}#app #order.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #order .order-status{height:34px;background-color:#fff;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;margin-top:12px;font-size:.9em;border:1px solid #eee}#app #order .order-status .label{padding-left:12px}#app #order .order-status .status{height:100%;background-color:#d9822b;border-radius:16px;display:flex;align-items:center;padding:0 12px;color:#fff}#app #order .info{background-color:#fff;font-size:.8em;display:grid;grid-template-columns:repeat(2, 1fr);justify-content:space-between;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px}#app #order .info .label{padding:10px 0 10px 10px;box-shadow:0 1px 0 rgba(0,0,0,.05);color:#9b9b9b}#app #order .info .label.last{box-shadow:none}#app #order .info .value{padding:10px 10px 10px 0;box-shadow:0 1px 0 rgba(0,0,0,.05)}#app #order .info .value span{font-weight:bold}#app #order .info .value.points{font-size:.8em;color:#9b9b9b}#app #order .info .value.points span{font-size:1.4em;color:#8e44ad;font-weight:bold}#app #order .info .value.address{font-weight:normal}#app #order .info .value.address span{font-weight:bold}#app #order .actions{box-shadow:0 -1px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px;margin-top:12px}#app #order .actions .action{display:flex;justify-content:space-between;padding:8px;border-radius:8px;background-color:rgba(0,0,0,.03);color:#8e44ad;align-items:center}#app #order .actions .action.cancel{color:#e42429;font-weight:bold}#app #order .actions .action .label{font-size:.9em}#app #order .actions .action .material-icon{font-size:1.2em}#app #order .actions .action.approval{justify-content:center;color:#d9822b;font-size:1.1em;font-weight:bold;background-color:rgba(0,0,0,0)}#app #order .actions .action.approval .material-icon{padding-right:12px}#app #order .actions .action.points{justify-content:center;color:#3ca73d;font-size:1.1em;font-weight:bold;background-color:rgba(0,0,0,0)}#app #order .actions .action.points .material-icon{padding-right:12px}#app #order .order{margin:12px 0;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#fff;border-radius:12px;padding-bottom:1px}#app #order .order .head{padding:12px;display:flex;justify-content:space-between;align-items:center;color:#333;border-radius:12px 12px 0 0;background-color:#fafafa;box-shadow:0 -2px 2px -2px rgba(0,0,0,.2) inset}#app #order .order .head .material-icon{font-size:1.5em}#app #order .order .order-products .product-row{height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;box-shadow:0 1px 0 rgba(0,0,0,.05)}#app #order .order .order-products .product-row .quantity{width:20px;flex-shrink:0;text-align:center;font-weight:bold}#app #order .order .order-products .product-row .image{aspect-ratio:.63;height:32px;flex-shrink:0;background-image:url("../img/product.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:2px}#app #order .order .order-products .product-row .name{flex-grow:1;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;font-weight:bold}#app #order .order .order-products .product-row .cost{flex-shrink:0;font-size:.7em}#app #order .order .order-products .product-row .cost span{font-size:1.4em;color:#8e44ad;font-weight:bold}#app #order .order .delivery,#app #order .order .support{background-color:#fafafa;border-radius:0 0 8px 8px;box-shadow:0 2px 2px -2px rgba(0,0,0,.2) inset}#app #order .order .pictogram{display:flex;align-items:center}#app #order .order .pictogram .icon{font-family:"Material Icons Outlined";font-size:1.8em;padding:0 16px}#app #order .order .pictogram .text{font-size:.8em;padding:12px 12px 12px 0}#app #order .order .pictogram .text span{color:#8e44ad;font-weight:bold}#app #order .order .support .operator{box-shadow:0 1px 0 rgba(0,0,0,.1)}#app #order .order .support .contact-support{padding:12px;text-align:center;font-size:.9em}#app #order .order .support .contact-support .hours{font-weight:bold;color:#616060}#app #order .order .support .contact-support a.call{margin:12px auto;height:32px;padding-right:12px;font-weight:bold;padding-left:16px;display:inline-flex;align-items:center;background-color:#3ca73d;color:#fff;border-radius:16px;text-decoration:none}#app #order .order .support .contact-support a.call:after{content:"call";font-family:"Material Icons Outlined";font-size:1.3em;margin-left:12px;padding-left:8px;box-shadow:-1px 0 0 rgba(255,255,255,.4)}#app #order .order .support .contact-support .order-id{font-size:.9em}#app #order .order .support .contact-support .order-id span{font-weight:bold;color:#8e44ad}#app #orders{background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;transform:translate3d(-100%, 0, 0);padding:64px 12px 12px 12px}#app #orders.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #orders .orders{min-height:calc(100% - 12px);display:flex;flex-direction:column}#app #orders .orders .orders-empty{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center}#app #orders .orders .orders-empty .material-icon{font-size:8em;color:#ddd;margin-bottom:24px}#app #orders .orders .orders-empty .text{text-align:center}#app #orders .orders .order{margin-top:12px;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#fff;border-radius:12px;padding-bottom:1px}#app #orders .orders .order .header{height:50px;display:flex;justify-content:space-between;padding:0 12px}#app #orders .orders .order .header .order-id{display:flex;align-items:center;font-size:.8em}#app #orders .orders .order .header .order-id .title{color:#616060}#app #orders .orders .order .header .order-id .number{padding-left:8px;font-weight:bold;color:#8e44ad}#app #orders .orders .order .header .date{display:flex;align-items:center;font-size:.8em}#app #orders .orders .order .status{padding:12px;background-color:#d9822b;color:#fff;text-align:center}#app #orders .orders .order .order-products .product-row{height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;box-shadow:0 1px 0 rgba(0,0,0,.05)}#app #orders .orders .order .order-products .product-row .quantity{width:20px;flex-shrink:0;text-align:center;font-weight:bold}#app #orders .orders .order .order-products .product-row .image{aspect-ratio:.63;height:32px;flex-shrink:0;background-image:url("../img/product.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:2px}#app #orders .orders .order .order-products .product-row .name{flex-grow:1;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;font-weight:bold}#app #orders .orders .order .order-products .product-row .cost{flex-shrink:0;font-size:.7em}#app #orders .orders .order .order-products .product-row .cost span{font-size:1.4em;color:#8e44ad;font-weight:bold}#app #orders .orders .order .footer{display:flex;align-items:center;justify-content:space-between}#app #orders .orders .order .footer .cost{padding-left:12px;font-size:.8em}#app #orders .orders .order .footer .cost span{font-size:1.4em;font-weight:bold;color:#8e44ad}#app #orders .orders .order .footer button{height:32px;margin:12px;font-size:.9em;background-color:rgba(0,0,0,0);color:#8e44ad;box-shadow:0 0 0 1px #8e44ad}#app #orders .orders .order .actions{box-shadow:0 -1px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:8px;padding:12px}#app #orders .orders .order .actions .action{display:flex;justify-content:space-between;padding:8px;border-radius:8px;background-color:rgba(0,0,0,.03);color:#8e44ad;align-items:center}#app #orders .orders .order .actions .action.cancel{color:#e42429;font-weight:bold}#app #orders .orders .order .actions .action .label{font-size:.9em}#app #orders .orders .order .actions .action .material-icon{font-size:1.2em}#app #orders .orders .order .actions .action.approval{justify-content:center;color:#d9822b;font-size:1.1em;font-weight:bold;background-color:rgba(0,0,0,0)}#app #orders .orders .order .actions .action.approval .material-icon{padding-right:12px}#app #orders .orders .order .actions .action.points{justify-content:center;color:#3ca73d;font-size:1.1em;font-weight:bold;background-color:rgba(0,0,0,0)}#app #orders .orders .order .actions .action.points .material-icon{padding-right:12px}#app #order-cancel{background-color:rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;z-index:20}#app #order-cancel .order-cancel-wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}#app #order-cancel.visible{opacity:1;pointer-events:all;display:flex;flex-direction:column;justify-content:center}#app #order-cancel .form{margin:0 12px;background-color:#fff;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;z-index:1;position:relative;padding:24px;align-items:center;gap:24px}#app #order-cancel .form .label{color:#e42429;font-weight:bold;text-align:center;font-size:1.1em}#app #order-cancel .form .select-wrapper{width:100%;position:relative}#app #order-cancel .form .select-wrapper:after{content:"unfold_more";font-family:"Material Icons Outlined";position:absolute;height:40px;width:40px;display:flex;align-items:center;justify-content:center;right:0;top:0;font-size:1.2em}#app #order-cancel .form .select-wrapper select{height:40px;font-size:1em;background-color:rgba(0,0,0,.01)}#app #order-feedback{background-color:rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;z-index:20}#app #order-feedback .order-feedback-wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}#app #order-feedback.visible{opacity:1;pointer-events:all;display:flex;flex-direction:column;justify-content:center}#app #order-feedback .form{margin:0 12px;background-color:#fff;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;z-index:1;position:relative;padding:24px;align-items:center;gap:24px}#app #order-feedback .form .label{color:#8e44ad;font-weight:bold;text-align:center;font-size:1.1em}#app #order-feedback .form .select-wrapper{width:100%;position:relative}#app #order-feedback .form .select-wrapper:after{content:"unfold_more";font-family:"Material Icons Outlined";position:absolute;height:40px;width:40px;display:flex;align-items:center;justify-content:center;right:0;top:0;font-size:1.2em}#app #order-feedback .form .select-wrapper select{height:40px;font-size:1em;background-color:rgba(0,0,0,.01)}#app #order-feedback .form textarea{font-size:1em;padding:.7em;height:90px}#app #order-receipt{background-color:rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;z-index:20}#app #order-receipt .order-receipt-wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}#app #order-receipt.visible{opacity:1;pointer-events:all;display:flex;flex-direction:column;justify-content:center}#app #order-receipt .form{margin:0 12px;background-color:#fff;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;z-index:1;position:relative;padding:24px;align-items:center;gap:24px}#app #order-receipt .form .label{color:#8e44ad;font-weight:bold;text-align:center;font-size:1.1em}#app #order-receipt .form label{cursor:pointer;height:260px;display:flex;align-items:center;flex-direction:column;gap:16px;justify-content:center;background-color:rgba(0,0,0,.05);width:200px;border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.05) inset;background-size:cover;background-position:center}#app #order-receipt .form label .icon{font-size:5em;color:#ddd}#app #order-receipt .form label .label-fake-button{pointer-events:none}#app #order-receipt .form label button{font-size:.8em;height:32px}#app #order-receipt .form label button .material-icon{padding-right:8px}#app .products{display:flex;gap:12px;flex:1;flex-wrap:wrap;align-content:flex-start}#app .products .product{width:calc((100% - 2*12px)/3);position:relative;margin-bottom:12px;transition:.3s .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);height:160px}#app .products .product.disabled{pointer-events:none;opacity:.6}#app .products .product.disabled:after{content:"STOCK ÉPUISÉ";position:absolute;display:flex;align-items:center;color:red;top:0;left:0;height:100%;width:100%;font-weight:bold;justify-content:center;font-size:1.2em;transform:rotate(-12deg);text-align:center;text-shadow:-1px 1px 0 #fff,1px -1px 0 #fff}#app .products .product.no-match{opacity:.5}#app .products .product .image{height:50%;background-image:url("../img/product.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;margin:auto;aspect-ratio:.63;box-shadow:0px 10px 11px -9px #666,0 0 3px rgba(0,0,0,.3);border-radius:2px;margin-bottom:12px}#app .products .product .name,#app .products .product .brand{font-size:.8em;line-height:1.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;font-weight:bold}#app .products .product .name.name,#app .products .product .brand.name{color:#707070}#app .products .product .add-cart{border-radius:24px;height:28px;width:100%;background-color:rgba(0,0,0,.03);display:flex;align-items:center;color:#8e44ad;justify-content:space-between;padding:0;font-size:1em;margin-top:12px;background-image:none}#app .products .product .add-cart .cost{font-size:.7em;flex-grow:1;text-align:center}#app .products .product .add-cart .cost span{font-weight:bold;font-size:1.1em}#app .products .product .add-cart:not(.loading):after{content:"add_shopping_cart";font-family:"Material Icons Outlined";width:32px;flex-shrink:0;text-align:center;box-shadow:-1px 0 0 #8e44ad}#app .products .product .add-cart.loading:after{height:16px;width:16px;left:calc(50% - 8px);top:calc(50% - 8px);border-width:2px}#app .products .product .add-cart.added{pointer-events:none}#app .products .product .add-cart.added .cost{display:none}#app .products .product .add-cart.added:after{content:"check";width:100%;font-size:1.2em}#app #product{background-color:rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;z-index:20}#app #product .product-wrapper{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}#app #product.visible{opacity:1;pointer-events:all;display:flex;flex-direction:column;justify-content:center}#app #product .details{height:150px;margin:0 12px;background-color:#fff;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2);display:flex;z-index:1;position:relative;padding:16px;align-items:center;gap:24px}#app #product .details .image{flex-grow:0;background-image:url("../img/product.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;height:100%;aspect-ratio:.63;box-shadow:0px 10px 11px -9px #666,0 0 3px rgba(0,0,0,.3);border-radius:2px}#app #product .details .info .brand{font-size:1.2em;font-weight:bold;color:#222}#app #product .details .info .name{font-size:.9em;font-weight:bold;color:#707070}#app #product .details .info .cost{font-size:.7em;margin-top:8px}#app #product .details .info .cost span{font-weight:bold;font-size:1.7em;color:#8e44ad}#app #product .actions{height:36px;margin-top:12px;display:flex;justify-content:space-between}#app #product .actions .cost{height:100%;background-color:#fff;border-radius:40px;display:flex;align-items:center;padding:0 8px;font-size:.8em}#app #product .actions .cost span{font-size:1.4em;font-weight:bold;color:#8e44ad}#app #product .actions .cost:before{content:"sell";font-family:"Material Icons Outlined";margin-right:8px;font-size:1.6em;color:#aeaeae}#app #product .actions .buttons{height:100%;background-color:#8e44ad;background-image:linear-gradient(180deg, #9B59B6 0%, #8E44AD 100%);border-radius:20px;display:flex;align-items:center}#app #product .actions .buttons .quantity-selector{height:100%;background-color:#fff;display:flex;border-radius:20px;box-shadow:0 0 2px rgba(0,0,0,.2)}#app #product .actions .buttons .quantity-selector .less,#app #product .actions .buttons .quantity-selector .more{height:32px;width:32px;margin:2px;box-shadow:0 0 1px rgba(0,0,0,.3);border-radius:50%;background-color:#e9e9e9;display:flex;font-family:"Material Icons Outlined";align-items:center;justify-content:center;font-size:1.2em}#app #product .actions .buttons .quantity-selector .quantity{height:100%;width:32px;box-shadow:none;background-color:rgba(0,0,0,0);text-align:center;padding:0}#app #product .actions .buttons .add-cart{margin:0 12px;color:#fff;display:flex;min-width:80px;padding:0;height:auto;background-color:rgba(0,0,0,0);font-size:1em}#app #product .actions .buttons .add-cart:after{content:"add_shopping_cart";font-family:"Material Icons Outlined";flex-shrink:0;text-align:center;box-shadow:-1px 0 0 rgba(255,255,255,.5);font-size:1.2em;padding-left:8px;margin-left:12px}#app #product .actions .buttons .add-cart.loading:after{height:16px;width:16px;left:calc(50% - 8px);top:calc(50% - 8px);border-width:2px;box-shadow:none;padding-left:0;margin-left:0}#app #product .actions .buttons .add-cart.added{pointer-events:none}#app #product .actions .buttons .add-cart.added span{display:none}#app #product .actions .buttons .add-cart.added:after{content:"check";width:100%;font-size:1.2em;box-shadow:none;padding-left:0;margin-left:0}#app #product .description{margin:12px;background-color:#fff;border-radius:12px;box-shadow:0 0 2px 0 rgba(0,0,0,.2);overflow:hidden}#app #product .description .header{height:42px;display:flex;box-shadow:0 0 30px rgba(0,0,0,.1);justify-content:space-between;align-items:center;padding:0 12px}#app #product .description .header .title{font-weight:bold}#app #product .description .header .partner{display:flex;align-items:center}#app #product .description .header .partner .text{font-size:.75em}#app #product .description .header .partner .logo{width:100px;height:40px;background-repeat:no-repeat;background-position:center;background-size:auto 70%}#app #product .description .details{padding:12px;font-size:.9em}#app #product .products-wrapper{background-color:#f0f0f0;border-radius:16px;padding:12px}#app #product .products-wrapper .section{display:flex;justify-content:space-between;margin-bottom:12px}#app #product .products-wrapper .section .title{font-weight:bold}#app #product .products-wrapper .section .more{color:#8e44ad;text-decoration:underline;font-size:.9em}#app #cart{padding-top:64px;padding-bottom:88px;background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;transform:translate3d(100%, 0, 0)}#app #cart.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #cart .empty-cart{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center}#app #cart .empty-cart .icon{font-family:"Material Icons Outlined";color:#d9822b;font-size:70px;height:150px;width:150px;line-height:150px;text-align:center;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.07) inset;margin:0 auto}#app #cart .empty-cart .text{color:#6a6a6a;padding:48px 0;font-size:1.3em}#app #cart .product{background-color:#fff;height:100px;margin:12px;margin-top:3px;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);display:flex}#app #cart .product.loading{position:relative}#app #cart .product.loading:before{content:"";background-color:rgba(255,255,255,.97);position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000;border-radius:8px}#app #cart .product.loading:after{content:"";display:block;position:absolute;top:calc(50% - (12px + 0px));left:calc(50% - 12px);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #009;border-color:#009 rgba(0,0,0,0) #009 rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app #cart .product:last-child{margin-bottom:0}#app #cart .product .actions{width:40px;display:flex;flex-shrink:0;flex-direction:column;border-right:1px solid #f4f4f4}#app #cart .product .actions .delete-check{flex-grow:1;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f4f4f4}#app #cart .product .actions .delete-check .checkbox{height:1.3em;width:1.3em;display:inline-block;box-shadow:0 0 5px rgba(0,0,0,.2) inset;border-radius:3px;position:relative}#app #cart .product .actions .delete-check .checkbox.selected:after{content:"done";font-family:"Material Icons Outlined";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e42429;border-radius:3px;color:#fff}#app #cart .product .actions .delete-icon{flex-grow:1;display:flex;align-items:center;font-family:"Material Icons Outlined";font-size:1.5em;justify-content:center;border-bottom:1px solid #f4f4f4;color:#e42429}#app #cart .product .image{height:75px;flex-shrink:0;background-image:url("../img/product.jpg");background-repeat:no-repeat;background-position:center;background-size:100% 100%;aspect-ratio:.63;margin:12px;box-shadow:0px 10px 11px -9px #666,0 0 3px rgba(0,0,0,.3);border-radius:2px}#app #cart .product .info{flex-grow:1;padding:8px;justify-content:center;display:flex;flex-direction:column}#app #cart .product .info .brand{font-size:.9em;line-height:1.1em;font-weight:bold;color:#222}#app #cart .product .info .name{font-size:.9em;line-height:1.1em;font-weight:bold;color:#707070}#app #cart .product .info .cost{margin-top:8px;font-size:.7em}#app #cart .product .info .cost span{font-weight:bold;font-size:1.7em;color:#8e44ad}#app #cart .product .quantity-selector{width:40px;display:flex;flex-shrink:0;flex-direction:column;border-left:1px solid #f4f4f4}#app #cart .product .quantity-selector .quantity{box-shadow:none;flex-shrink:0;height:24px;padding:0;text-align:center}#app #cart .product .quantity-selector .more,#app #cart .product .quantity-selector .less{flex-grow:1;display:flex;align-items:center;font-family:"Material Icons Outlined";font-size:1.5em;justify-content:center}#app #cart .product .quantity-selector .more.disabled,#app #cart .product .quantity-selector .less.disabled{opacity:.2;pointer-events:none}#app #review{padding-top:64px;background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;transform:translate3d(100%, 0, 0)}#app #review.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #review .cart-review{margin:12px;margin-top:24px;border-radius:12px;font-size:.9em}#app #review .cart-review .head{padding:12px;display:flex;justify-content:space-between;align-items:center;color:#333;border-radius:12px 12px 0 0;background-color:#eee}#app #review .cart-review .head .material-icon{font-size:1.5em}#app #review .cart-review .review-products{box-shadow:0 0 1px rgba(0,0,0,.1);background-color:#fff}#app #review .cart-review .review-products .product-row{height:40px;display:flex;align-items:center;gap:8px;padding:0 8px;box-shadow:0 1px 0 rgba(0,0,0,.05)}#app #review .cart-review .review-products .product-row .quantity{width:20px;flex-shrink:0;text-align:center;font-weight:bold}#app #review .cart-review .review-products .product-row .image{aspect-ratio:.63;height:32px;flex-shrink:0;background-image:url("../img/product.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:2px}#app #review .cart-review .review-products .product-row .name{flex-grow:1;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;font-weight:bold}#app #review .cart-review .review-products .product-row .cost{flex-shrink:0;font-size:.7em}#app #review .cart-review .review-products .product-row .cost span{font-size:1.4em;color:#8e44ad;font-weight:bold}#app #review .cart-review .total-cost{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#eee;color:#8e44ad;border-radius:0 0 12px 12px;margin-bottom:12px}#app #review .cart-review .total-cost .cost{font-size:.8em}#app #review .cart-review .total-cost .cost span{font-size:1.4em;font-weight:bold}#app #review .cart-review .discount{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f5f5f5;color:#8e44ad}#app #review .cart-review .discount .cost{font-size:.8em}#app #review .cart-review .discount .cost span{font-size:1.4em;font-weight:bold}#app #review .mention{margin:16px;padding:10px;border-radius:8px}#app #review .provider-delay{text-align:center;display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#eee;color:#009;border-radius:12px;margin:12px;font-size:.85em}#app #review .provider-delay span{color:#8e44ad;font-weight:bold}#app #confirmation{background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;transform:translate3d(100%, 0, 0)}#app #confirmation.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0);display:flex;flex-direction:column;justify-content:center}#app #confirmation .order-success{display:flex;align-items:center;margin:12px;margin-top:0;padding:12px 0;background-color:#3ca73d;color:#fff;border-radius:12px}#app #confirmation .order-success .icon{padding:12px 24px;font-family:"Material Icons Outlined";font-size:2em}#app #confirmation .order-success .text{font-size:.9em;padding-right:12px}#app #confirmation .order-success .text span{font-weight:bold}#app #confirmation .support-text{display:flex;align-items:center;padding:12px}#app #confirmation .support-text .icon{padding:12px 24px;font-family:"Material Icons Outlined";font-size:1.6em}#app #confirmation .support-text .text{font-size:.8em;padding-right:12px}#app #confirmation .order-warning{display:flex;align-items:center;padding:12px}#app #confirmation .order-warning .icon{padding:12px 24px;font-family:"Material Icons Outlined";font-size:1.6em;color:#d35400}#app #confirmation .order-warning .text{font-size:.8em;padding-right:12px;color:#d35400}#app #confirmation .providers{margin:12px;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px;background-color:#fff}#app #confirmation .providers .provider{display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 rgba(0,0,0,.05);padding:12px 12px}#app #confirmation .providers .provider:last-child{box-shadow:none}#app #confirmation .providers .provider .order-info .logo{height:30px;width:80px;background-size:auto 100%;background-repeat:no-repeat;background-position:left center}#app #confirmation .providers .provider .order-info .order-id{font-size:.8em;margin-top:8px}#app #confirmation .providers .provider .order-info .order-id span{font-weight:bold;color:#8e44ad}#app #confirmation .providers .provider .info{font-size:.8em;text-align:right}#app #confirmation .providers .provider .info a.call{height:28px;padding-right:12px;padding-left:16px;font-weight:bold;display:inline-flex;margin-top:12px;align-items:center;background-color:#3ca73d;color:#fff;border-radius:14px;text-decoration:none}#app #confirmation .providers .provider .info a.call:after{content:"call";font-family:"Material Icons Outlined";font-size:1.3em;margin-left:12px;padding-left:8px;box-shadow:-1px 0 0 rgba(255,255,255,.4)}#app #faq{padding-top:64px;background-color:#fafafa;box-shadow:0 0 10px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99),transform .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);display:block;transform:translate3d(100%, 0, 0)}#app #faq.visible{opacity:1;pointer-events:all;transform:translate3d(0, 0, 0)}#app #faq .questions{padding:12px}#app #faq .questions .question{font-size:.8em;border:1px solid #eee;border-radius:8px;background-color:#fff;margin-bottom:8px}#app #faq .questions .question:last-child{margin-bottom:0}#app #faq .questions .question .label{padding:12px;display:flex;align-items:center;justify-content:space-between}#app #faq .questions .question .label:after{content:"expand_more";font-family:"Material Icons Outlined";font-size:1.6em;transform:rotate(90deg);transition:transform .3s}#app #faq .questions .question .answer{padding:0 12px;box-shadow:0 -1px rgba(0,0,0,.05),0 15px 30px -30px rgba(0,0,0,.3) inset;height:0;overflow:hidden}#app #faq .questions .question.expanded .answer{height:auto;padding:12px}#app #faq .questions .question.expanded .label:after{transform:rotate(0)}#app #faq .support-text{display:flex;align-items:center;padding:12px}#app #faq .support-text .icon{padding:12px 24px;content:"expand_more";font-family:"Material Icons Outlined";font-size:1.6em}#app #faq .support-text .text{font-size:.9em}[dir=rtl] .float-left{float:right}[dir=rtl] .float-right{float:left}[dir=rtl] .placeholder::before{margin-right:-200%}[dir=rtl] #app #home .categories{padding:24px 12px 12px 0}[dir=rtl] #app #home .categories .category{scroll-margin-left:0;scroll-margin-right:12px;margin-right:0;margin-left:12px}[dir=rtl] #app header .search input{padding:0 .7em;padding-right:40px}[dir=rtl] #app #explore{transform:translate3d(100%, 0, 0)}[dir=rtl] #app #explore.visible{transform:translate3d(0, 0, 0)}[dir=rtl] #app #cart{transform:translate3d(-100%, 0, 0)}[dir=rtl] #app #cart.visible{transform:translate3d(0, 0, 0)}[dir=rtl] #app header .action.back{transform:rotate(180deg)}[dir=rtl] #app #cart .provider-cart .provider-cart-products .product .actions{border-left:1px solid #f4f4f4;border-right:none}[dir=rtl] #app #cart .provider-cart .provider-cart-products .product .quantity-selector{border-right:1px solid #f4f4f4;border-left:none}[dir=rtl] #app #products .filter-bar .filter-button .filter-form{right:auto;left:0;border-radius:0 12px 12px 12px}[dir=rtl] #app #products .filter-bar .back-home:after{content:"keyboard_arrow_left"}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .label{text-align:right}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .order-by button{border-radius:0 8px 8px 0}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(2){border-radius:8px 0 0 8px}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(1):before{box-shadow:-1px 0 0 rgba(0,0,0,.1)}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .order-by button:nth-child(2):after{box-shadow:1px 0 0 rgba(0,0,0,.1)}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .order-by button.selected:nth-child(1):before{box-shadow:-1px 0 0 rgba(255,255,255,.1)}[dir=rtl] #app #products .filter-bar .filter-button .filter-form .order-by button.selected:nth-child(2):after{box-shadow:1px 0 0 rgba(255,255,255,.1)}[dir=rtl] #app #product .actions .buttons .add-cart:after{box-shadow:1px 0 0 rgba(255,255,255,.5);padding-left:0;margin-left:0;padding-right:8px;margin-right:12px}[dir=rtl] #app #product .actions .cost:before{margin-right:0;margin-left:8px}[dir=rtl] #app #product .images .thumbs{border-radius:0 12px 12px 0;box-shadow:3px 0 4px -3px rgba(0,0,0,.3) inset}[dir=rtl] #app #account .actions .action:before{margin-right:0;margin-left:12px}[dir=rtl] #app #account .actions .action:after{content:"arrow_back_ios"}[dir=rtl] #app #account .info .label{padding:10px 10px 10px 0}[dir=rtl] #app #faq .providers .provider .info a.call{float:left}[dir=rtl] #app #faq .providers .provider .info a.call:after{margin-left:0;padding-left:0;margin-right:12px;padding-right:8px;box-shadow:1px 0 0 rgba(255,255,255,.4)}[dir=rtl] #app #confirmation .providers .provider .info a.call{float:left}[dir=rtl] #app #confirmation .providers .provider .info a.call:after{margin-left:0;padding-left:0;margin-right:12px;padding-right:8px;box-shadow:1px 0 0 rgba(255,255,255,.4)}[dir=rtl] #app #order .order .support .contact-support a.call:after{margin-left:0;padding-left:0;margin-right:12px;padding-right:8px;box-shadow:1px 0 0 rgba(255,255,255,.4)}[dir=rtl] #app #orders .orders .order .footer .cost{padding-left:0;padding-right:12px}[dir=rtl] #app footer .actions .action-group button.next{padding-left:40px;padding-right:24px}[dir=rtl] #app footer .actions .action-group button.next:before{content:"arrow_back_ios_new";left:12px;right:auto}[dir=rtl] #app footer .actions .action-group button.back{padding-left:24px;padding-right:40px}[dir=rtl] #app footer .actions .action-group button.back:before{content:"arrow_forward_ios_new";right:12px;left:auto;direction:ltr}[dir=rtl] #app footer .info .steps .step:before{content:""}[dir=rtl] #app footer .info .steps .step:after{content:"arrow_back_ios_new";font-family:"Material Icons Outlined";position:absolute;height:100%;top:0;left:-6px;display:flex;align-items:center;text-align:center;width:12px}[dir=rtl] #app footer .info .steps .step:last-child:after{display:none}[dir=rtl] #app #faq,[dir=rtl] #app #addresses,[dir=rtl] #app #wishlist,[dir=rtl] #app #orders,[dir=rtl] #app #review{transform:translate3d(-100%, 0, 0)}[dir=rtl] #app #faq.visible,[dir=rtl] #app #addresses.visible,[dir=rtl] #app #wishlist.visible,[dir=rtl] #app #orders.visible,[dir=rtl] #app #review.visible{transform:translate3d(0, 0, 0)}[dir=rtl] #app #addresses.select-mode .addresses .address .actions .select-radio{border-right:none;border-left:1px solid #f4f4f4}[dir=rtl] #app #addresses .add-address{padding-right:24px;padding-left:12px}[dir=rtl] #app #addresses .add-address .material-icon{margin-left:0;margin-right:8px}[dir=rtl] #app #review .warning .text{padding-right:0;padding-left:12px}[dir=rtl] #app #confirmation .order-success .text{padding-right:0;padding-left:12px}[dir=rtl] #app header .search-overlay .results-wrapper .results .product .name{padding-left:0;padding-right:12px;direction:ltr;flex-grow:1}[dir=rtl] #app #order .info .label{padding:10px 10px 10px 0}[dir=rtl] #app #order .info .value{padding:10px 0 10px 10px}[dir=rtl] #app #order .order-status .label{padding-left:0;padding-right:12px}[dir=rtl] #app #order .order .provider .logo{background-position:right center}[dir=rtl] #app #order .order .pictogram .text{padding:12px 0 12px 12px}[dir=rtl] #app #add-address .add-address{padding-left:12px}[dir=rtl] #app #add-address .add-address .material-icon{margin-left:0px;margin-right:8px}[dir=rtl] #app .products .product .add-cart:not(.loading):after{box-shadow:1px 0 0 #8e44ad}[dir=rtl] #app #cart .product .quantity-selector{border-right:1px solid #f4f4f4;border-left:none}[dir=rtl] #app #cart .product .actions{border-left:1px solid #f4f4f4;border-right:none}[dir=rtl] #app #orders .orders .order .actions .action.points .material-icon,[dir=rtl] #app #orders .orders .order .actions .action.approval .material-icon{padding-right:0;padding-left:12px}[dir=rtl] #app #order .actions .action.points .material-icon{padding-right:0;padding-left:12px}[dir=rtl] #app #order-feedback .form .select-wrapper:after,[dir=rtl] #app #order-cancel .form .select-wrapper:after{right:auto;left:0}[dir=rtl] #app footer .actions .action-group{gap:8px}[dir=rtl] #app #order-receipt .form label button .material-icon{padding-right:0;padding-left:8px}[dir=rtl] #app .products .product.disabled:after{content:"نفذ من المخزون"}@keyframes infinite-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}