:root{--paper: #fafafa;--surface: #ffffff;--ink: #000000;--muted: #666666;--line: #e4e4e4;--navy: #002368;--navy-soft: #e8ecf5;--red: #bc0000;--red-soft: #f9e6e6;--danger: #bc0000;--radius: 10px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Karla", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55}h1,h2,h3,.display{font-family:var(--font-display);line-height:1.15;margin:0 0 .5rem}h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}p{margin:0 0 .75rem}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:4px}.container{max-width:1120px;margin:0 auto;padding:0 1.25rem}.nav{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.nav-inner{display:flex;align-items:center;gap:1.25rem;height:64px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.01em;color:var(--ink);text-decoration:none;white-space:nowrap}.wordmark:hover{text-decoration:none}.wordmark img{height:34px;width:auto;display:block}.wordmark{display:flex;align-items:center;gap:.5rem}.wordmark .dot{color:var(--red)}.nav-right{display:flex;align-items:center;gap:.6rem;margin-left:auto;order:3}@media (max-width: 760px){.nav-inner{padding:.75rem 1rem}}.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--ink);padding:.25rem .4rem}.nav-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;order:2;margin-left:auto}.sell-link{color:var(--red)!important;font-weight:700}.carousel{position:relative;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:var(--navy-soft);border:1px solid var(--line)}.trending-band{background:var(--navy-soft, #eef1f8);border:1px solid var(--line);border-radius:14px;padding:1rem 1rem .5rem;margin-bottom:1.5rem}.trending-band .trending-item .card{background:#fff}.trending-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.trending-item{flex:0 0 210px;scroll-snap-align:start}.carousel{background:#fff}.carousel img{width:100%;height:100%;object-fit:contain;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;font-size:1.4rem;line-height:1}.carousel-arrow.left{left:8px}.carousel-arrow.right{right:8px}.carousel-arrow:hover{background:#000000a6}.carousel-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px}.carousel-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff8c}.carousel-dots span.on{background:#fff}.carousel-thumbs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.carousel-thumbs button{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:none;width:56px;height:56px}.carousel-thumbs button.on{border-color:var(--navy)}.carousel-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:10px;box-shadow:0 6px 24px #00000040;z-index:200;font-size:.95rem;animation:toast-in .25s ease}.toast a{color:#fff;text-decoration:underline;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.field-error{color:var(--red);font-size:.85rem;margin:.25rem 0 0}.link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--navy);font-weight:600;font-size:inherit;font-family:inherit;text-decoration:underline}.nav-links a{color:var(--ink);font-weight:500;font-size:.95rem}.nav-links a.active{color:var(--navy);font-weight:600}.cart-pill,.nav-links a.cart-pill{background:var(--navy);color:#fff;border-radius:999px;padding:.3rem .85rem;font-weight:600;font-size:.9rem}.cart-pill:hover{text-decoration:none;background:#001a4d}.count-badge{display:inline-block;margin-left:.35rem;background:var(--navy);color:#fff;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:700;vertical-align:middle}.btn{font-family:var(--font-body);font-weight:600;font-size:.95rem;border:none;border-radius:var(--radius);cursor:pointer;padding:.65rem 1.1rem;transition:background .15s ease;display:inline-block;text-align:center}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#970000}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:#001a4d}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.4rem .8rem;font-size:.85rem}label{display:block;font-weight:600;font-size:.9rem;margin:.75rem 0 .25rem}input,select,textarea{width:100%;font-family:var(--font-body);font-size:1rem;padding:.6rem .75rem;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--navy);outline:none}textarea{resize:vertical;min-height:90px}.hero{padding:3.5rem 0 2rem}.hero .eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:.6rem}.hero p.lede{color:var(--muted);max-width:34rem;font-size:1.05rem}.searchbar{display:flex;gap:.5rem;max-width:34rem;margin-top:1.25rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 0}.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:.3rem .9rem;font-size:.85rem;font-weight:500;cursor:pointer}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1a1d1a14}.card-img{aspect-ratio:4 / 3;background:var(--navy-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:var(--navy);font-size:2rem;overflow:hidden}.card-img{background:#fff;position:relative}.card-img img{width:100%;height:100%;object-fit:contain}.card-img.logo{background:#fff;padding:13%}.card-img.logo img{object-fit:contain}.card-body{padding:.9rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.card-body .name{font-weight:600}.card-body .biz{font-size:.85rem;color:var(--muted)}.price{font-family:var(--font-display);font-weight:700;color:var(--red);font-size:1.1rem}.ask-chip{margin-top:auto;align-self:flex-start;font-size:.8rem;font-weight:600;color:var(--navy);background:var(--navy-soft);border-radius:999px;padding:.2rem .7rem}.badge{display:inline-block;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:600;text-transform:capitalize}.badge.pending{background:#f5f0e0;color:#7a6200}.badge.paid{background:var(--navy-soft);color:var(--navy)}.badge.shipped{background:#e3ecfa;color:var(--navy)}.badge.delivered{background:var(--navy-soft);color:var(--navy)}.badge.cancelled{background:var(--red-soft);color:var(--danger)}.badge.open{background:#f5f0e0;color:#7a6200}.badge.answered{background:var(--navy-soft);color:var(--navy)}.badge.closed{background:var(--line);color:var(--muted)}.badge.verified{background:var(--navy-soft);color:var(--navy)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted);font-size:.9rem}.error-text{color:var(--danger);font-weight:500;margin:.5rem 0}.star-picker{display:flex;gap:.2rem;margin-top:.25rem}.star-picker .star{background:none;border:none;cursor:pointer;padding:0 2px;font-size:1.8rem;line-height:1;color:var(--line);transition:color .1s,transform .1s}.star-picker .star.on{color:#f5b301}.star-picker .star:hover{transform:scale(1.15)}.success-text{color:#15803d;font-size:.9rem;margin:.5rem 0 0;font-weight:600}.divider{border:none;border-top:1px solid var(--line);margin:1rem 0}.section-title{margin-top:2rem}.rating-stars{color:var(--red);letter-spacing:2px}.empty{text-align:center;color:var(--muted);padding:3rem 1rem;border:1.5px dashed var(--line);border-radius:var(--radius)}.tabs{display:flex;gap:.25rem;border-bottom:1.5px solid var(--line);margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}.tab{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--muted);padding:.6rem 1rem;border-bottom:3px solid transparent}.tab.on{color:var(--navy);border-bottom-color:var(--red)}.thread{display:flex;flex-direction:column;gap:.6rem}.bubble{max-width:75%;padding:.6rem .9rem;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.bubble.mine{align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy)}.bubble .who{font-size:.75rem;font-weight:600;opacity:.75;margin-bottom:.15rem}.footer{margin-top:4rem;padding:1.1rem 0;border-top:1px solid var(--line);background:var(--surface);font-size:.85rem}.footer-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem}.footer-line a{color:var(--navy)}main{min-height:70vh;padding-bottom:2rem}@media (max-width: 768px){.nav-inner{flex-wrap:wrap;height:auto;padding:.7rem 0}.nav-right{order:2;margin-left:auto}@media (max-width: 760px){.nav-inner{padding:.75rem 1rem}}.nav-toggle{display:block}.nav-links{display:none;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0 .75rem;border-top:1px solid var(--line);margin-top:.6rem}.nav-links.open{display:flex}.nav-links a,.nav-links .btn{padding:.55rem 0;width:100%;text-align:left}}@media (max-width: 640px){.searchbar{flex-direction:column}.grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.hero{padding:2rem 0 1.25rem}.container{padding:0 1rem}.panel{padding:1rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.card:hover{transform:none}}.loader-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0}.loader{width:42px;height:42px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--red);border-right-color:var(--navy);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-wrap .muted{font-size:.85rem}.featured-band{background:#fff;border:1.5px solid var(--navy);border-radius:14px;padding:1rem 1rem .5rem;margin-bottom:1.5rem}.nav-user{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--navy)!important;background:var(--navy-soft, #eef1f8);padding:.3rem .75rem .3rem .35rem;border-radius:999px}.nav-user-avatar{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.nav-user:hover{background:var(--navy);color:#fff!important}.nav-user:hover .nav-user-avatar{background:#fff;color:var(--navy)}.or-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .25rem;color:var(--muted);font-size:.8rem}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.social-row{display:flex;flex-direction:column;align-items:center;gap:.5rem}.btn-apple{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:300px;max-width:100%;height:40px;background:#000;color:#fff;border:none;border-radius:999px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.btn-apple:hover{background:#1a1a1a}