:root{--dark-green: #339462;--light-green: #25bb6e;--primary-background-color: #f7f7f7;--border-color: hsl(0, 0%, 90%);--primary-text-color: black;--navbar-hover-background: lightgrey;--closebtn-background-color: lightgrey;--combobox-option-background-color: white;--article-card-background-color: rgb(231, 231, 231);--navbar-height: 64px}[dark-theme=true]{color-scheme:dark;--primary-background-color: #1c1b22;--secondary-dark-background-color: #26252f;--border-color: grey;--primary-text-color: rgb(245, 245, 245);--closebtn-background-color: dimgrey;--navbar-hover-background: dimgrey;--combobox-option-background-color: var(--secondary-dark-background-color);--article-card-background-color: var(--secondary-dark-background-color)}html{scroll-behavior:smooth}html:has(.cart-overlay-container){overflow:hidden}body{margin:0;background-color:var(--primary-background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol,-apple-system,BlinkMacSystemFont,"Apple Color Emoji"!important}*,*:after,*:before{margin:0;padding:0}*:focus-within,*:focus{box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}img{color:transparent;vertical-align:bottom}.tooltip{visibility:hidden;position:absolute;background-color:#27b06a;color:#fff;text-align:center;padding:4px;border-radius:6px;z-index:1}.shop-logo{width:60px;max-height:100%;filter:drop-shadow(0px .5px 0 black)}[dark-theme=true] .shop-logo{filter:drop-shadow(0 .5px 0 white)}input[type=number]{outline:none;border-radius:6px;padding:6px;font-size:18px}.combobox{border-radius:6px;font-size:18px}input{color:var(--primary-text-color)!important;border:2px solid var(--border-color);border-radius:6px}[dark-theme=true] input{background-color:var(--secondary-dark-background-color)}input:focus,input:hover{border:2px solid var(--light-green)}a{text-decoration:none}a:visited{color:transparent}button{border:none;color:#fff;cursor:pointer;font-size:16px}button:hover{filter:saturate(110%)}.app-logo-container{position:relative;margin-top:64px;margin-bottom:28px}[dark-theme=true] .app-logo-container:before{position:absolute;content:"";display:block;width:100%;height:100%;top:0;background:url(/logo.png);background-size:contain;clip-path:inset(82px 0 0 0);filter:brightness(0) invert(100%)}.app{position:relative;display:flex;flex-direction:column;text-align:center;padding:0 15%;min-height:calc(100vh - var(--navbar-height))}.app-logo{width:220px}[dark-theme=true] .app-logo{filter:drop-shadow(0 0 2px var(--light-green));clip-path:inset(-12px -12px 23px -12px)}h1{font-size:0}.app-header{display:flex;gap:16px;align-items:center}.inputs-container{display:flex;flex-direction:column;flex:1;gap:8px}.price-inputs-container,.governorates-categories-container{display:flex;gap:8px}.governorates-categories-container .combobox{flex:1;scroll-margin-top:8px}#search-input{flex:1;outline:none;padding:6px;font-size:18px}#search-input::-webkit-search-decoration,#search-input::-webkit-search-cancel-button,#search-input::-webkit-search-results-button,#search-input::-webkit-search-results-decoration{display:none}#search-btn{display:flex;align-items:center;justify-content:center;gap:2px;margin-left:auto;padding:0 12px;border-radius:6px;background-color:var(--light-green);font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}#search-btn img.favicon{color:#fff;filter:brightness(0%) invert(100%);width:22px;height:22px}main{flex:1}.main-cards-container{--grid-layout-gap: 12px;--grid-column-count: 4;--grid-item--min-width: 240px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));gap:12px}.floating-top-icons-container{position:absolute;display:flex;align-items:center;gap:8px;top:16px;right:14px}.floating-bottom-icons-container{position:fixed;bottom:20px;right:14px;display:flex;flex-direction:column;gap:12px}.cart-btn{padding:8px;color:transparent;text-shadow:0 0 0 white;font-size:22px}.scrollup-btn{font-size:28px;padding-top:8px}.floating-icon{font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:50%;-webkit-user-select:none;user-select:none}.floating-top-icon{font-size:28px;background-color:transparent;color:var(--light-green)}.status-icon .tooltip{display:flex;flex-direction:column;font-weight:400;text-align:left;font-size:16px;left:-210px;top:-6px;padding:8px;cursor:auto;-webkit-user-select:text;user-select:text}.status-icon:hover .tooltip{visibility:visible}.floating-bottom-icon{width:48px;height:48px;background-color:var(--light-green)}.loader{width:32px;height:32px;border:5px solid var(--light-green);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader.scrolling-loader{margin:72px 0}p.no-results{text-wrap:balance}footer{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;column-gap:36px;row-gap:10px;border-top:1px solid #e0e0e0;padding:10px 0;margin-top:12px}footer p{margin:0}footer .socia-media-icons-container{display:flex;align-items:center;gap:8px}footer .socia-media-icons-container img{width:20px;height:20px}footer .socia-media-icons-container .linkedin-icon:hover{filter:contrast(0) invert(25%) sepia(22%) saturate(6931%) hue-rotate(197deg) contrast(85%)}footer .socia-media-icons-container .github-icon:hover{filter:brightness(0%) drop-shadow(0 0 1px white)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1583px){.governorates-categories-container{flex-direction:column}}@media (max-width: 1202px){.app-header{flex-direction:column;gap:24px;margin-bottom:28px}.app-header .inputs-container{align-self:stretch}}@media (max-width: 842px){.app{padding:0 10%}.price-inputs-container{flex-wrap:wrap}.price-inputs-container .combobox.sort{flex:1 0 100%}.price-inputs-container input{flex:1}.floating-bottom-icons-container{left:14px;right:auto}#search-btn{height:40px;flex:1 0 100%}}@media (max-width: 460px){.socia-media-icons-container{justify-content:center;width:100%}footer{column-gap:24px}}.card{position:relative;display:flex;flex-direction:column;border:2px solid var(--dark-green);border-radius:10px;padding:8px;background-color:var(--card-background-color)}.card .online-only{position:absolute;top:4px;right:6px;color:#0ad17e;font-weight:700}.product-image{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}[dark-theme=true] .product-image{border-radius:6px;mix-blend-mode:normal;filter:brightness(95%)}.card .card-price{margin-top:auto;padding-bottom:12px;color:var(--primary-text-color)}.card-name-container{padding-top:16px;padding-bottom:24px;position:relative}.card-name-container:hover .tooltip{visibility:visible}.card-name-container .tooltip{width:100%;left:0;top:-80px}.card h4{overflow:hidden;display:-webkit-box;color:var(--primary-text-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card .links-container{display:flex;height:40px;gap:8px}.card .shop-logo-container{display:flex;align-items:center}.card a.primary-btn{flex:1}.card a.primary-btn button{width:100%}.card button{border-radius:6px;height:100%;color:#fff;background-color:var(--light-green);font-size:18px}.card button.add-to-cart-btn{color:transparent;aspect-ratio:1/1}.card button.add-to-cart-btn:before{content:"🛒";text-shadow:0 0 0 white}.card button.add-to-cart-btn.added{background-color:var(--dark-green)}.card button.add-to-cart-btn.added:before{content:"✔"}@media (hover: hover){.card button.add-to-cart-btn.added.removable:hover:before{content:"✖"}}.cart-overlay-container{height:100%;position:fixed;left:0;top:0;width:100vw;color:var(--primary-text-color);animation:cart-overlay-darken .25s ease-in-out forwards;z-index:3}.cart-overlay-container .cart-overlay{position:relative;display:flex;flex-direction:column;gap:24px;width:min(560px,100%);height:100%;background-color:var(--primary-background-color);animation:cart-slide .25s ease-in-out forwards}.cart-overlay-container .cart-overlay .price-total{margin-top:auto;margin-left:16px;align-self:start;color:var(--light-green)}.cart-overlay-container .cart-overlay .cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:20px}.cart-overlay-container .cart-overlay .cart-header h3{margin:0}.cart-overlay-container .cart-overlay .cart-header .close-btn{padding:5px 10px 6px;border-radius:50%;font-weight:700;background-color:var(--closebtn-background-color);cursor:pointer}.cart-overlay-container .cart-overlay .cart-header .close-btn:hover{filter:brightness(90%)}.cart-overlay-container .cart-overlay .copy-link-btn{background-color:var(--light-green);padding:8px 24px;border-radius:16px;align-self:center;margin-bottom:16px;font-size:18px;font-weight:600}.cards-container{display:flex;flex-direction:column;gap:8px;padding:0 16px;overflow-y:auto}.cards-container .cart-card{position:relative;display:flex;flex-direction:column;padding:6px;border:2px solid var(--dark-green);border-radius:10px}.cards-container .cart-card .product-image{width:100px}.cards-container .cart-card .cart-card-top{display:flex;flex:1;gap:8px}.cards-container .cart-card .cart-card-top .name{flex:1;color:var(--primary-text-color);font-weight:700}.cards-container .cart-card .cart-card-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;flex:1}.cards-container .cart-card .cart-card-bottom .shop-logo-container{margin-right:auto}.cards-container .cart-card .price{margin-left:auto;color:var(--light-green)}.cards-container .cart-card .remove-btn{align-self:start;background-color:transparent;font-size:20px;cursor:pointer}.cards-container .cart-card .quantity-container{display:flex;align-items:center;gap:12px}.cards-container .cart-card .quantity-container span{width:32px;height:32px;line-height:30px;border-radius:6px;color:#fff;background-color:var(--light-green);font-size:24px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes cart-overlay-darken{to{background-color:#0003}}@keyframes cart-slide{0%{left:-800px}to{left:0}}.navbar-container{position:sticky;top:0;z-index:2;background-color:var(--primary-background-color);box-shadow:0 2px 2px var(--border-color)!important}.navbar-container .navbar{display:flex;align-items:center;max-width:70vw;margin-left:auto;margin-right:auto;padding:10px;height:var(--navbar-height);gap:12px}.navbar-container .navbar .navbar-links-container{display:flex;align-items:stretch;gap:12px}.navbar-container .navbar .navbar-link{padding:8px 12px;border-radius:6px;color:var(--primary-text-color)}.navbar-container .navbar .navbar-link.active{color:#fff;background-color:var(--light-green);font-weight:600}.navbar-container .navbar .navbar-link:not(.active):hover{background-color:var(--navbar-hover-background)}.navbar-container .navbar .search-input-container{position:relative;display:flex;flex:1;align-items:center}.navbar-container .navbar .search-input-container button{position:absolute;padding:5px 12px;right:4px;border-radius:4px;font-size:18px}.navbar-container .navbar .search-input-container button img.favicon{color:#fff;filter:brightness(0%) invert(100%);width:22px;height:22px}@media (max-width: 1202px){.navbar-container .navbar{max-width:100vw}}@media (max-width: 820px){.navbar-container .navbar .search-input-container button{padding:5px 8px}.navbar-container .navbar .search-title{display:none}}@media (max-width: 712px){.navbar-container{position:static}.navbar-container .search-input-container{display:none}.navbar-container .navbar{gap:4px;justify-content:center}.navbar-container .navbar .navbar-links-container{gap:4px}.navbar-container .navbar .navbar-links-container .navbar-link{padding:8px}}@media (max-width: 451px){.navbar-container .navbar{font-size:14px}}.share-page{position:relative;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - var(--navbar-height));color:var(--primary-text-color)}.share-page .cards-container{width:min(100%,900px);flex:1}.share-page .price-total{margin-top:12px}.article-page{position:relative;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - var(--navbar-height));padding:0 16px;color:var(--primary-text-color)}.article-page .article-card{width:min(100%,900px);background-color:var(--article-card-background-color);border-radius:6px;padding:12px;margin-bottom:12px}.article-page .article-card h2,.article-page .article-card h3{margin-bottom:8px}.article-page .article-card ul,.article-page .article-card ol{padding-inline-start:12px;margin-top:4px}.article-page .article-card ul li,.article-page .article-card ol li{padding:1px 0;font-weight:400}.article-page .article-card ol>li{font-weight:600}.article-page footer{margin-top:auto}.donation-links-container{display:flex;gap:28px}