.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfbb3;border-bottom:1px solid #1220270f;position:sticky;top:0;z-index:50}.header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:1rem 0;width:min(1180px,calc(100% - 2rem))}.brand-mark{color:#103a38;font-size:1.1rem;font-weight:800;letter-spacing:.04em;text-transform:lowercase}.header-nav{display:flex;gap:.75rem}.header-nav a{border-radius:999px;color:var(--muted);padding:.65rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-nav a.active,.header-nav a:hover{background:#0f766e1a;color:var(--text)}.site-footer{background:#ffffffc7;border:1px solid #1220270f;border-radius:16px;box-shadow:0 10px 24px #0c212c0f;color:var(--muted);margin:0 auto 2rem;padding:1rem 1.5rem;text-align:center;width:min(1180px,calc(100% - 2rem))}.site-footer p{font-size:.95rem;margin:0}.product-card{background:#fff;border:1px solid #1220270f;border-radius:18px;box-shadow:0 4px 6px #0000001a,0 16px 28px #0f172a0f;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 12px #0000001f,0 22px 34px #0f172a1a;transform:translateY(-4px)}.product-card img{background:#dbe7e6;height:220px;object-fit:cover;width:100%}.product-card-body{padding:1.25rem}.product-card-top{display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.product-category,.stock-badge{border-radius:999px;font-size:.8rem;font-weight:700;padding:.35rem .7rem}.product-category{background:#edf8f6;color:var(--accent-dark)}.stock-badge.in{background:#e8f7ea;color:#1f7a38}.stock-badge.out{background:#fff1e8;color:#b45309}.product-card h3{font-size:1.15rem;margin:0 0 .6rem}.product-card p{color:var(--muted);font-size:.96rem;margin:0 0 1rem}.product-meta{align-items:center;display:flex;font-size:.92rem;gap:1rem;justify-content:space-between;margin-bottom:1rem}.product-meta strong{color:var(--accent-dark);font-size:1.1rem}.product-link{align-items:center;background:linear-gradient(135deg,#0f766e,#159a8c);border-radius:12px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.product-link:hover{box-shadow:0 10px 18px #0f766e38;transform:translateY(-2px)}.home-page{display:flex;flex-direction:column;gap:2rem}.hero-section{background:linear-gradient(135deg,#0f766e1f,#ffffffe0 55%,#ddf1eee6);border:1px solid #1220270f;border-radius:28px;box-shadow:var(--shadow);padding:3rem}.hero-copy{max-width:700px}.eyebrow{background:#0f766e1a;border-radius:999px;color:var(--accent-dark);display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.08em;margin-bottom:1rem;padding:.35rem .7rem;text-transform:uppercase}.hero-copy h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;margin:0 0 1rem}.hero-copy p{color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem;max-width:58ch}.hero-button{align-items:center;background:linear-gradient(135deg,#0f766e,#159a8c);border-radius:14px;box-shadow:0 12px 22px #0f766e33;color:#fff;display:inline-flex;font-weight:700;justify-content:center;padding:.9rem 1.3rem}.featured-section{display:flex;flex-direction:column;gap:1rem}.section-head{align-items:center;display:flex;gap:1rem;justify-content:space-between}.section-head h2{font-size:1.5rem;margin:0}.section-head a{color:var(--accent-dark);font-weight:700}@media (max-width:768px){.hero-section{padding:2rem}}.products-page{display:flex;flex-direction:column;gap:1.5rem}.products-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.products-header h1{font-size:2rem;margin:0}.products-header p{color:var(--muted);margin:.4rem 0 0}.filter-group{display:flex;flex-wrap:wrap;gap:.7rem}.filter-group button{background:#ffffffc7;border:1px solid #12202714;border-radius:999px;color:var(--text);cursor:pointer;padding:.7rem 1rem;transition:all .3s ease}.filter-group button.active,.filter-group button:hover{background:linear-gradient(135deg,#0f766e,#159a8c);box-shadow:0 10px 20px #0f766e2e;color:#fff}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-detail-page{display:flex;flex-direction:column;gap:1rem}.back-link{color:var(--accent-dark);font-weight:700}.detail-card{grid-gap:2rem;background:#ffffffe6;border:1px solid #1220270f;border-radius:24px;box-shadow:var(--shadow);display:grid;gap:2rem;grid-template-columns:1.1fr 1fr;padding:1.5rem}.detail-image-wrap img{border-radius:18px;height:100%;min-height:360px;object-fit:cover;width:100%}.detail-content{display:flex;flex-direction:column;justify-content:center}.detail-category{align-self:flex-start;background:#edf8f6;border-radius:999px;color:var(--accent-dark);display:inline-flex;font-size:.85rem;font-weight:700;padding:.4rem .75rem}.detail-content h1{font-size:2.2rem;margin:.9rem 0 .8rem}.detail-content p{color:var(--muted);margin:0 0 1.25rem}.detail-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.25rem}.detail-stats div{background:#f7fbfa;border:1px solid #1220270d;border-radius:16px;padding:1rem}.detail-stats strong{display:block;font-size:1.15rem;margin-bottom:.2rem}.detail-stats span{color:var(--muted);font-size:.9rem}.availability{align-self:flex-start;border-radius:999px;display:inline-flex;font-weight:700;padding:.7rem 1rem}.availability.in{background:#e8f7ea;color:#1f7a38}.availability.out{background:#fff1e8;color:#b45309}.status-box{background:#fffc;border:1px solid #1220270f;border-radius:14px;padding:1rem 1.25rem}.status-box.error{background:#fff2f0;color:#b42318}@media (max-width:900px){.detail-card{grid-template-columns:1fr}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.main-content{margin:0 auto;padding:2rem 0 3rem;width:min(1180px,calc(100% - 2rem))}:root{--bg:#f4f7f8;--surface:#ffffffd1;--surface-solid:#fff;--text:#122027;--muted:#60717c;--accent:#0f766e;--accent-dark:#0b5f59;--accent-soft:#d8f3ef;--border:#12202714;--shadow:0 12px 30px #0c212c14}*{box-sizing:border-box}#root,body,html{background:linear-gradient(135deg,#eef5f4,#f8fbfb 50%,#edf3f2);color:#122027;color:var(--text);font-family:Inter,Arial,sans-serif;margin:0;min-height:100%}body{line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}