/* Sira Bare Custom CSS - Minimal Earth */
        :root { --sb-green: #16A085; --sb-bg: #F3FCFA; }
        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', system-ui, sans-serif; }
        body { background: var(--sb-bg); color: #2d3436; overflow-x: hidden; }
        .sb-top { position: fixed; width: 100%; padding: 30px 60px; display: flex; justify-content: space-between; align-items: center; background: rgba(243, 252, 250, 0.95); z-index: 100; backdrop-filter: blur(5px); }
        .sb-brand { font-size: 1.5rem; font-weight: 300; letter-spacing: 4px; color: var(--sb-green); }
        .sb-nav-wrap a { text-decoration: none; color: #2d3436; margin-left: 30px; font-weight: 400; font-size: 14px; text-transform: lowercase; }
        .sb-landing { height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 20px; }
        .sb-landing h1 { font-size: 5rem; font-weight: 200; letter-spacing: -2px; color: var(--sb-green); margin-bottom: 20px; }
        .sb-landing p { font-size: 1.2rem; font-weight: 300; color: #636e72; max-width: 500px; margin: 0 auto 40px; line-height: 1.6; }
        .sb-btn-outline { border: 1px solid var(--sb-green); color: var(--sb-green); background: transparent; padding: 16px 50px; border-radius: 50px; text-decoration: none; transition: 0.3s; }
        .sb-btn-outline:hover { background: var(--sb-green); color: #fff; }
        .sb-products { padding: 100px 60px; max-width: 1400px; margin: 0 auto; }
        .sb-filter-title { font-weight: 300; font-size: 2rem; margin-bottom: 60px; color: #bdc3c7; }
        .sb-filter-title span { color: var(--sb-green); }
        .sb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 60px; }
        .sb-item { position: relative; text-align: center; }
        .sb-item img { width: 100%; aspect-ratio: 1/1.2; object-fit: cover; border-radius: 8px; margin-bottom: 20px; filter: contrast(0.95); transition: 0.5s; }
        .sb-item:hover img { filter: contrast(1); }
        .sb-item h4 { font-weight: 400; font-size: 1.1rem; margin-bottom: 8px; }
        .sb-item p { color: var(--sb-green); font-weight: 300; }
        .sb-foot { padding: 60px; text-align: center; color: #b2bec3; font-weight: 300; }
        .sb-form-wrap { max-width: 500px; margin: 150px auto 100px; }
        .sb-input { width: 100%; padding: 20px; border-radius: 8px; border: 1px solid #dfe6e9; background: #fff; margin-bottom: 20px; font-weight: 300; }