:root{--color-primary: #82cf00;--color-primary-dark: #67a600;--color-text: #1f2937;--color-muted: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f7f8f6;--color-border: #e5e7eb;--radius: 10px;--font: "Segoe UI", Tahoma, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:10px 20px;font-weight:600;font-size:15px;transition:background .15s ease}.btn:hover{background:var(--color-primary-dark)}.btn.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.grid{display:grid;gap:20px}.grid-products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-border)}.navbar-links{display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px}.logo img{height:36px}.hero{background:var(--color-bg-alt);padding:60px 0;text-align:center}.hero h1{font-size:2rem;margin-bottom:10px}.hero p{color:var(--color-muted);margin-bottom:20px}.product-card{overflow:hidden;display:flex;flex-direction:column}.product-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--color-bg-alt)}.product-card .body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.product-card .price{font-weight:700;color:var(--color-primary-dark)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px}.lang-switch{display:flex;gap:6px;font-size:13px}.lang-switch button{background:none;border:1px solid var(--color-border);border-radius:6px;padding:4px 8px}.lang-switch button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.footer{border-top:1px solid var(--color-border);padding:24px 0;color:var(--color-muted);font-size:14px;text-align:center;margin-top:60px}.cart-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border)}.cart-row img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--color-bg-alt)}.summary-row{display:flex;justify-content:space-between;padding:6px 0}.summary-row.total{font-weight:700;font-size:18px;border-top:1px solid var(--color-border);padding-top:12px;margin-top:8px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--color-bg-alt)}.error-text{color:#dc2626;font-size:14px;margin-top:8px}[dir=rtl] .navbar-links{flex-direction:row-reverse}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.section-heading a{font-size:14px;font-weight:600;color:var(--color-primary-dark);white-space:nowrap}.banner-carousel{position:relative;width:100%;height:320px;overflow:hidden;background:var(--color-bg-alt)}.banner-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;display:flex;align-items:flex-end;transition:opacity .6s ease}.banner-overlay{background:linear-gradient(0deg,#0000008c,#0000);width:100%;color:#fff;padding:30px 20px}.banner-overlay h2{margin:0 0 6px;font-size:1.6rem}.banner-overlay p{margin:0;opacity:.9}.banner-dots{position:absolute;bottom:12px;right:20px;display:flex;gap:8px;z-index:2}[dir=rtl] .banner-dots{right:auto;left:20px}.banner-dots button{width:9px;height:9px;border-radius:50%;border:none;background:#ffffff80;padding:0}.banner-dots button.active{background:#fff}.product-card-media{position:relative}.discount-badge{position:absolute;top:8px;left:8px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}[dir=rtl] .discount-badge{left:auto;right:8px}.price-row{display:flex;align-items:center;gap:8px}.price-compare{color:var(--color-muted);text-decoration:line-through;font-size:13px}@media (max-width: 640px){.banner-carousel{height:220px}}