@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#059669;--color-primary-hover:#047857;--color-primary-light:#e6f7f0;--color-secondary:#10b981;--color-accent:#f59e0b;--color-dark:#111827;--color-gray:#4b5563;--color-light-gray:#f3f4f6;--color-bg-base:#f8faf9;--color-white:#fff;--glass-bg:#ffffffd9;--glass-border:#ffffffb3;--glass-shadow:0 8px 32px 0 #05966914;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;scroll-margin-top:80px;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-dark);-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;line-height:1.6;position:relative;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-dark);font-weight:700;line-height:1.25}p{color:var(--color-gray);font-size:15px}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.premium-card{background:var(--color-white);transition:var(--transition-smooth);border:1px solid #e5e7eb99;border-radius:20px;overflow:hidden;translate:0;scale:1;box-shadow:0 4px 20px #00000005}.premium-card:hover{border-color:#e5e7ebe6;translate:0 -6px;box-shadow:0 16px 40px #00000014}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@keyframes float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes pulse-soft{0%,to{box-shadow:0 0 #05966966}70%{box-shadow:0 0 0 12px #05966900}}.animate-float{animation:6s ease-in-out infinite float}.pulse-button{animation:2s infinite pulse-soft}section{padding:80px 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}.product-card{background:var(--color-white);cursor:pointer;transition:var(--transition-smooth);border:1px solid #e5e7ebcc;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;padding:12px;display:flex;position:relative;overflow:hidden}.product-card:hover{-webkit-backdrop-filter:blur(8px);background:#ffffffbf;border-color:#ffffffe6;box-shadow:0 8px 32px #00000014}.product-card-img-wrap{aspect-ratio:1;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.product-card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-card-img-wrap img{transform:scale(1.06)}.product-card-badge{text-transform:uppercase;letter-spacing:.04em;z-index:2;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:8px;left:auto;right:8px;box-shadow:0 2px 6px #00000014}[dir=rtl] .product-card-badge{left:auto;right:8px}.product-card-body{flex-direction:column;flex-grow:1;gap:4px;display:flex}.product-card-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.product-card-title{color:var(--color-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-rating{align-items:center;gap:2px;margin-top:2px;display:flex}.product-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.product-card-price{color:var(--color-dark);white-space:nowrap;letter-spacing:-.02em;font-size:15px;font-weight:800}.product-card-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;height:34px;transition:var(--transition-fast);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.product-card-btn:hover{background:var(--color-primary-hover)}@media (max-width:768px){body{padding-bottom:70px;font-size:14px}section{padding:32px 0!important}h1{font-size:24px!important;line-height:1.25!important}h2{font-size:20px!important;line-height:1.3!important}h3{font-size:16px!important;line-height:1.3!important}p{font-size:13px!important;line-height:1.5!important}.container{padding:0 12px!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.whatsapp-float-btn{bottom:80px!important;right:16px!important}}@media (max-width:480px){.container{padding:0 10px!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.whatsapp-float-btn{transition:all .3s cubic-bezier(.25,.8,.25,1)}.whatsapp-float-btn:hover{transform:translateY(-5px)}.whatsapp-float-btn span{opacity:0;pointer-events:none;transition:all .3s;transform:translate(10px)}.whatsapp-float-btn:hover span{opacity:1;transform:translate(0)}@media (max-width:768px){.whatsapp-float-btn{display:none!important}}[dir=rtl]{--font-heading:"Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;text-align:right}[dir=rtl] .whatsapp-float-btn{left:24px;right:auto}[dir=rtl] .whatsapp-float-btn span{transform:translate(-10px)}[dir=rtl] .whatsapp-float-btn:hover span{transform:translate(0)}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}