body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#121417;color:#f3f4f6;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{color:#fff;font-weight:500}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:#121417;border-bottom:1px solid #22262a;margin-bottom:40px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box}.main-nav .nav-logo{display:flex;align-items:center;flex-shrink:0}.main-nav .nav-links{display:flex;align-items:center;gap:32px}.main-nav .nav-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.main-nav button{padding:8px 0;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#9ca3af;background-color:transparent;border:none;cursor:pointer;transition:color .3s ease;white-space:nowrap}.main-nav button:hover{color:#f5f5f5}.main-nav button.nav-active{color:#fff;border-bottom:1px solid #ffffff;padding-bottom:7px}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0}.nav-hamburger span{display:block;width:22px;height:2px;background:#9ca3af;border-radius:2px;transition:all .3s ease}.nav-mobile-overlay{display:none;position:fixed;inset:0;z-index:100}.nav-mobile-overlay.open{display:block}.nav-mobile-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:min(280px,80vw);background:#181b1f;border-left:1px solid #22262a;display:flex;flex-direction:column;padding:24px 20px 40px;transform:translate(100%);transition:transform .3s ease}.nav-mobile-overlay.open .nav-mobile-drawer{transform:translate(0)}.nav-mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.nav-mobile-close{background:none;border:none;color:#6b7280;font-size:1.4rem;cursor:pointer;padding:4px;line-height:1}.nav-mobile-links{display:flex;flex-direction:column;gap:4px;flex:1}.nav-mobile-links button{text-align:left;padding:14px 12px;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#9ca3af;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;gap:12px}.nav-mobile-links button:hover,.nav-mobile-links button.nav-active{color:#fff;background:#22262a}.nav-mobile-links button.nav-active{color:#fff}.nav-mobile-footer{border-top:1px solid #22262a;padding-top:20px;display:flex;flex-direction:column;gap:8px}.nav-mobile-footer button{text-align:left;padding:10px 12px;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#6b7280;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.nav-mobile-footer button:hover{color:#fff;background:#22262a}@media(max-width:640px){.main-nav{padding:0 16px;margin-bottom:24px}.main-nav .nav-links,.main-nav .nav-actions{display:none}.nav-hamburger{display:flex}}.SearchForm{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:48px;padding:0 16px}.SearchInput{width:100%;max-width:400px;padding:10px 0;font-size:1rem;background:transparent;border:none;border-bottom:1px solid #4b5563;border-radius:0;color:#fff;outline:none;transition:border-color .3s ease;box-sizing:border-box}.SearchInput::placeholder{color:#6b7280}.SearchInput:focus{border-bottom-color:#fff}.SearchButton{padding:12px 32px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff;background-color:transparent;border:1px solid #ffffff;border-radius:50px;cursor:pointer;transition:all .3s ease}.SearchButton:hover{background-color:#fff;color:#121417}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 16px 40px}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 40px}}.card{background:#181b1f;text-align:left;display:flex;flex-direction:column;transition:transform .3s ease;border-radius:10px;overflow:hidden}.card:hover{transform:translateY(-4px)}.card img{width:100%;background:#22262a;object-fit:cover}.card-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}@media(max-width:480px){.card-content{padding:10px}.card h3{font-size:.9rem}}.card h3{margin:0 0 8px;font-size:1rem}.price{color:#9ca3af;font-size:.9rem;margin:0 0 16px}.addButton,.removeButton{margin-top:auto;align-self:flex-start;padding:8px 0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .3s ease}.addButton:after{content:">";font-weight:700}.addButton:hover{color:#10b981}.removeButton{color:#6b7280}.removeButton:hover{color:#ef4444}#root{max-width:1420px;margin:0 auto;padding:0;text-align:center}