:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253128;background:#f6f7f3;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.button{border:1px solid #234c38;border-radius:7px;padding:.65rem 1rem;background:#234c38;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#183b29}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:transparent;color:#405547;border-color:transparent;padding:.35rem .6rem;font-weight:500}.quiet:hover{background:#e8eee7}.secondary{background:#fff;color:#234c38}.danger{color:#953c31}input{border:1px solid #c7d0c6;border-radius:5px;padding:.55rem;background:#fff;color:inherit}input[type=checkbox],input[type=radio]{accent-color:#234c38}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d7a935;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:1.2rem 2rem;border-bottom:1px solid #dce2d8}.wordmark{font-size:1.6rem;font-weight:800;letter-spacing:-.07em}.wordmark span{font-size:.7rem;letter-spacing:.08em;font-weight:500;margin-left:.7rem;padding:.2rem .4rem;background:#e7ebe2;border-radius:3px;text-transform:uppercase}.user{display:flex;align-items:center;gap:.7rem;font-size:.9rem}main{max-width:1240px;margin:auto;padding:0 2rem 3rem}.intro{padding:2.1rem 0 1.5rem}.eyebrow{font-size:.72rem;letter-spacing:.12em;color:#687469;font-weight:650}h1{font-size:2.2rem;line-height:1.15;margin:.5rem 0}h2{font-size:1.25rem;margin:0}h3{font-size:1rem;margin:0 0 .4rem}p{margin:.6rem 0}.muted,small{color:#637064;font-size:.85rem}.status-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .6rem}.status{font-size:.75rem;padding:.25rem .55rem;border:1px solid #d5d9d0;background:#eff0eb;border-radius:4px}.available{background:#e5f2e6;border-color:#a2c7a6}.layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:1.5rem;align-items:start}.panel{background:#fff;border:1px solid #d9e0d6;border-radius:9px;padding:1.1rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.section-heading>span{font-size:.75rem}.search{display:flex;align-items:center;gap:1rem;font-size:.85rem}.search input{flex:1;min-width:0}nav{display:flex;flex-wrap:wrap;gap:.2rem;margin:1rem 0}nav button{font-size:.8rem;padding:.4rem .65rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.card{background:#fff;border:1px solid #dce2d8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:140px;object-fit:cover}.card>div{padding:1rem;display:flex;flex-direction:column;flex:1}.card p{font-size:.82rem;color:#637064;flex:1;margin:0 0 1rem}.actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.actions strong{font-size:.9rem}.actions button{font-size:.8rem;padding:.4rem .7rem}.basket{position:sticky;top:1rem}.basket-line{padding:.9rem 0;border-bottom:1px solid #e4e8e0}.basket-line>div:first-child{display:flex;justify-content:space-between;gap:.7rem;font-size:.85rem}.basket-line small{display:block;margin:.25rem 0}.basket-line button{font-size:.75rem}fieldset{border:0;border-top:1px solid #e2e7df;margin:1.2rem 0;padding:.8rem 0 0}legend{font-weight:650;font-size:.85rem}legend small{font-weight:400;display:block}.fulfillment{display:flex;gap:1rem}.fulfillment label{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.subtotal{display:flex;justify-content:space-between;margin-top:1.1rem}.basket-actions{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.unsaved{color:#995d0a}.error,.message{padding:.85rem 1rem;border-radius:6px;margin:0 0 1rem;font-size:.9rem}.error{background:#fbe8e4;color:#842e20;border:1px solid #edc2b8}.error button{display:block;color:inherit;margin-top:.4rem}.message{background:#e8f1e6;border:1px solid #c5d7be}.config{margin-bottom:1.2rem;border:2px solid #4e7557}.choice{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.85rem}.choice span:last-child{margin-left:auto;font-size:.75rem}.quantity{display:flex;gap:1rem;align-items:center;margin:1rem 0}.quantity input{width:5rem}.checkout-status{border-top:1px solid #dce2d8;margin-top:1rem;padding-top:1rem;font-size:.85rem}.checkout-status .button{margin:.5rem 0}.access{max-width:520px;margin:12vh auto;padding:2rem}.access h1{margin:2rem 0 1rem}.access button{margin:1rem 0}.access small{display:block;margin-top:1rem}footer{max-width:1240px;margin:auto;padding:1.5rem 2rem;border-top:1px solid #dce2d8;font-size:.8rem;color:#637064}@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr) 300px;gap:1rem}.cards{grid-template-columns:1fr}}@media(max-width:620px){header,main,footer{padding-left:1rem;padding-right:1rem}.layout{grid-template-columns:1fr}.basket{position:static}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card>div{padding:.75rem}.card img{height:100px}.actions{align-items:flex-start;flex-direction:column}.card .actions button{width:100%}.intro h1{font-size:1.9rem}.user span{display:none}.access{padding:1.5rem}.search{display:block}.search input{display:block;width:100%;margin-top:.4rem}}.mobile-basket{display:none}#basket{scroll-margin-top:1rem}@media(max-width:620px){.mobile-basket{display:block;position:fixed;bottom:1rem;left:1rem;right:1rem;text-align:center;box-shadow:0 4px 18px #0002;z-index:5}footer{padding-bottom:6rem}}
