#root{max-width:600px;margin:0 auto;padding:1rem;text-align:center}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at center,#84e4dd,#d6f5f5);background-attachment:fixed;color:#1f2937;min-height:100vh}h1{font-size:2.2rem;color:#111827;margin-bottom:2rem;font-weight:800}.card-container{display:flex;flex-direction:column;gap:1rem;padding:0}.search-input{width:100%;box-sizing:border-box;padding:.8rem 1.2rem;margin-bottom:1.5rem;border:1px solid #e5e7eb;border-radius:50px;font-size:1rem;box-shadow:0 2px 4px #0000000d;transition:all .2s;background-color:#fff}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 4px 6px #0000000d,0 0 0 3px #2563eb1a}.sticky-search-wrapper{position:sticky;top:10px;z-index:100;padding-bottom:10px}.scroll-to-top-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:#2563eb;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.scroll-to-top-btn:hover{background-color:#1d4ed8;transform:translateY(-2px)}.product-btn{background-color:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000d;padding:0;transition:transform .2s,box-shadow .2s,background-color .2s;text-decoration:none;color:inherit;border:1px solid transparent;width:100%;height:10vh;min-height:70px;max-height:100px;display:block;overflow:hidden}.product-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#cbd5e1}.product-btn:active{transform:scale(.98);background-color:#f8fafc}.btn-layout{display:flex;align-items:center;height:100%;padding:0 1rem}.btn-image{width:6vh;height:6vh;min-width:50px;min-height:50px;border-radius:10px;object-fit:cover;background-color:#eee;flex-shrink:0}.btn-number{font-size:1.5rem;font-weight:900;color:#d1d5db;margin:0 1.2rem;font-style:italic;min-width:1.5rem;text-align:center;flex-shrink:0}.btn-title{font-size:1.1rem;font-weight:600;color:#374151;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;text-align:left}@media (max-width: 400px){.btn-title{font-size:1rem}.btn-number{font-size:1.2rem;margin:0 .8rem}}