:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit}a:hover{opacity:.8}body{margin:0;background:#f3f4f6}main{width:100%}button,input,textarea{font-family:inherit}:root{--leaf-dark: #032218;--leaf-mid: #0f5132;--leaf-light: #a5d6a7;--leaf-soft: #e6f4ea;--leaf-gold: #c8e6c9;--text-dark: #062315;--text-muted: #4b5c54;--brand-primary: #1a7f4f;--brand-secondary: #56c48a;--brand-muted: #4b5c54}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#04140e;color:var(--text-dark)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(165,214,167,.35),transparent 60%),#04140e;color:var(--text-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0)}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;background:linear-gradient(135deg,#084c34,#126c44,#1a7f4f);color:#ecfdf3;border-bottom:6px solid #a5d6a7;box-shadow:0 10px 30px #00000059;position:relative;overflow:hidden}.app-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.2),transparent 55%);pointer-events:none}.app-nav{display:flex;gap:.75rem;align-items:center}.app-nav a{color:#ecfdf3;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.35);padding:.35rem .9rem;border-radius:999px;transition:background .2s ease,color .2s ease}.app-nav a:hover,.app-nav a:focus-visible{background:#00000040}.mobile-nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:.25rem .75rem;font-size:1.2rem}.tagline{text-transform:uppercase;letter-spacing:.25rem;font-size:.85rem;color:#c8f2d7;margin:0 0 .3rem}.subtitle{max-width:420px;color:#dff8e8;margin-top:.25rem}.app-main{flex:1;padding:2.5rem;background:url('data:image/svg+xml,%3Csvg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-opacity="0.05" fill-rule="evenodd"%3E%3Cpath fill="%230b6a45" d="M200 0h200v200H200zM0 200h200v200H0z"/%3E%3C/g%3E%3C/svg%3E') repeat;background-color:#eef8f1}.app-footer{padding:1.25rem 3rem;background:#052e1f;color:#c8e6c9;text-align:center;font-weight:700;letter-spacing:.05em}.order-flow{display:flex;flex-direction:column;gap:1rem}.card{background:#fff;padding:1.5rem;border-radius:18px;box-shadow:0 25px 50px #1118271a;border:1px solid rgba(18,108,68,.2);position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card:after{content:"";position:absolute;inset:0;border-radius:16px;border:2px dashed transparent;pointer-events:none}.card.success{border:2px solid #22c55e}.ordering-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:1rem;align-items:start}.category-panel{position:sticky;top:1rem;margin-bottom:0;height:calc(100vh - 2rem);display:flex;flex-direction:column;background:#f2fbf4;border:1px solid rgba(18,108,68,.2);border-radius:18px}.category-panel h3{margin-bottom:.75rem}.category-nav-wrapper{flex:1;overflow-y:auto;padding-right:.5rem}.mobile-menu-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.mobile-category-card{background:#f7fdf8;border-radius:12px;box-shadow:0 12px 30px #00000012;overflow:hidden;width:100%}.mobile-category-header{width:100%;border:none;background:transparent;padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:#063423}.mobile-category-header .chevron{font-size:1.1rem}.mobile-category-items{padding:0 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.mobile-item-row{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.6rem}.mobile-item-row:last-child{border-bottom:none}.mobile-item-row .info{flex:1}.mobile-item-row .info p{margin:.2rem 0;color:#6b7280;font-size:.9rem}.mobile-item-row .info span{font-weight:600}.mobile-item-row .actions{display:flex;align-items:center}.mobile-add{background:#111;color:#fff;border-radius:999px;padding:.4rem 1rem;font-weight:600}.mobile-category-tabs{position:sticky;top:0;z-index:6;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:.4rem 0}.mobile-tabs-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:0 1rem .15rem}.mobile-tabs-scroll .category-pill{min-width:130px;padding:.4rem .85rem;font-size:.85rem;border-radius:999px}.cat-swipe{width:100%;overflow:hidden}.cat-holder{display:flex;gap:.65rem;overflow-x:auto;padding:.25rem .5rem .75rem}.cat-holder::-webkit-scrollbar{display:none}.cat{flex:0 0 auto}.cat-pill{border:1px solid rgba(18,108,68,.25);border-radius:999px;background:#f4fffb;padding:.5rem 1.1rem;font-weight:600;color:#0b3b28}.cat-pill.active{background:linear-gradient(120deg,#1a7f4f,#56c48a);border-color:transparent;color:#f4fffb}.category-nav-wrapper::-webkit-scrollbar{width:6px}.category-nav-wrapper::-webkit-scrollbar-thumb{background:#126c444d;border-radius:999px}.menu-area{min-width:0}.mobile-menu-area{width:100%}.cart-column{position:sticky;top:1rem;transition:transform .2s ease,filter .2s ease;transform-origin:top right;scale:.96;filter:drop-shadow(0 20px 35px rgba(15,23,42,.25))}.cart-column.cart-filled{scale:1;filter:drop-shadow(0 25px 45px rgba(15,23,42,.35))}.orders-board{display:flex;flex-direction:column;gap:1rem}.orders-banner{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#0a3323}.orders-filters{display:flex;gap:.75rem;align-items:flex-end}.orders-filters label{display:flex;flex-direction:column;gap:.25rem;font-weight:600;color:#0a3323}.orders-table-wrapper{padding:0}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{text-align:left;padding:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.orders-table thead{background:#0633210d}.orders-table tbody tr:hover{background:#1a7f4f14}.order-identifier{font-weight:600;color:#0b3f2a}.order-type{font-size:.85rem;color:var(--text-muted);text-transform:capitalize}.status-badge{padding:.2rem .7rem;border-radius:999px;font-size:.85rem;text-transform:capitalize}.status-pending{background:#c4d66a66;color:#4a5d12}.status-completed{background:#56c48a59;color:#0f5132}.status-cancelled{background:#f8717140;color:#7f1d1d}.status-accepted{background:#81d4fa40;color:#056f7c}.print-button{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(12,90,58,.25);background:#f4fffb;border-radius:8px;padding:.35rem .75rem;cursor:pointer;font-size:.95rem;color:#063423}.print-button:hover{background:#56c48a40}.print-count{font-weight:700;color:#0f5132}.contact-cell div{line-height:1.2}.status-text{color:#0c5a3a;font-weight:600}.collapsible-block{padding:0}.collapsible-header{width:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;font-size:1rem;cursor:pointer}.collapsible-header .label{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;margin:0;color:var(--brand-muted)}.collapsible-body{border-top:1px solid rgba(0,0,0,.05);padding:1.25rem 1.5rem 1.5rem}.toggle-icon{font-size:1.5rem;color:var(--brand-primary)}.selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.home-page,.story-page,.menus-page{display:flex;flex-direction:column;gap:1rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:center;background:radial-gradient(circle at right,rgba(86,196,138,.18),transparent 60%),#f1fff5}.hero-content h1{font-size:2.5rem;margin:.4rem 0;color:var(--brand-dark)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.25rem;border-radius:999px;font-weight:600;border:none;cursor:pointer;text-decoration:none}.button.primary{background:linear-gradient(120deg,#1c7b4c,#56c48a);color:#f4fffb;box-shadow:0 12px 30px #177a5040}.button.ghost{border:1px solid rgba(28,123,76,.35);color:#10412a;background:transparent}.hero-highlight{border-left:4px solid rgba(26,127,79,.3);padding-left:1rem}.hero-highlight .stat{display:flex;flex-direction:column;margin-bottom:.5rem}.hero-highlight strong{font-size:1.5rem}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.highlight-grid article h3{margin-bottom:.4rem;color:var(--brand-primary)}.story-intro h1,.menus-hero h1{margin-bottom:.5rem}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.timeline .year{font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.15em}.menu-downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.menu-card h3{margin-bottom:.35rem}.selector{border:2px solid rgba(121,32,15,.15);border-radius:16px;padding:1rem;text-align:left;font-size:larger;background:#fffdfa;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,border-color .2s ease}.selector.active{border-color:#1a7f4f;box-shadow:0 0 0 3px #1a7f4f40;transform:translateY(-3px)}.category-nav{display:flex;flex-direction:column;gap:.5rem}.category-pill{border:1px solid rgba(18,108,68,.25);background:#f7fdf8;border-radius:12px;padding:.5rem .75rem;color:#0c3f2a;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;text-align:left}.category-pill .count{background:#1a7f4f26;color:#0f5132;border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.category-pill.active{background:linear-gradient(120deg,#1a7f4f,#56c48a);color:#f4fffb;border-color:transparent}.postcode-input{display:flex;gap:.5rem}.postcode-input input{flex:1}.menu-category+.menu-category{margin-top:1.5rem}.menu-category{padding:1.5rem 0;border-top:1px solid rgba(12,90,58,.2)}.menu-category:first-of-type{border-top:none;padding-top:0}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(12,90,58,.1)}.menu-item-actions{display:flex;align-items:center;gap:.75rem}.category-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-left:4px solid rgba(26,127,79,.3);padding-left:1rem}.category-label{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;margin:0;color:#0f5132}.category-count{font-size:.9rem;color:#0a3c2a;background:#1a7f4f1f;border-radius:999px;padding:.25rem .8rem}.quantity-stepper{display:flex;align-items:center;gap:.4rem;border:1px solid rgba(26,127,79,.25);border-radius:999px;padding:.2rem .5rem}.quantity-stepper button{background:transparent;color:#0f5132;border:none;font-size:1rem;width:28px;height:28px;border-radius:50%;cursor:pointer}.quantity-stepper span{min-width:20px;text-align:center;font-weight:600}.mobile-category-items button,.menu-item-actions button,.postcode-input button,.cart button,.checkout button,.admin-page button{background:linear-gradient(120deg,#1a7f4f,#56c48a);color:#043321;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;box-shadow:0 8px 15px #1a7f4f40;display:flex;align-content:center;align-items:center;justify-content:center}.cart button:disabled,.checkout button:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.cart-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding:.5rem 0}.cart-actions{display:flex;align-items:center;gap:.5rem}.cart-actions input{width:60px}.cart-totals{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.cart-totals div{display:flex;justify-content:space-between}.total-row{border-top:1px solid #e5e7eb;padding-top:.5rem}.eta{color:#0f5132}.link{background:transparent;color:#0f5132;border:none;padding:0;cursor:pointer}.muted{color:#6b7280;font-size:.9rem}.checkout-form{display:grid;gap:1rem}.checkout-form label{display:flex;flex-direction:column;gap:.25rem}.address-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.address-grid .full-width{grid-column:1 / -1}input,textarea{border:1px solid #d1d5db;border-radius:8px;padding:.5rem;font-size:1rem}.error-text{color:#dc2626}.success-text{color:#22c55e}.admin-page{display:flex;flex-direction:column;gap:1rem}.category-form,.item-form{display:grid;gap:1rem;margin-top:1rem}.form-actions{display:flex;gap:.5rem;align-items:center}.settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.settings-form .full-width{grid-column:1 / -1}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:.5rem;border-bottom:1px solid #e5e7eb;text-align:left}.category-order-actions{display:flex;gap:.35rem;flex-wrap:wrap}.category-order-actions button{padding:.35rem .6rem}.category-row.dragging{opacity:.5;background:#1a7f4f1f}.category-drag-table tbody tr{cursor:grab}.category-drag-table tbody tr:active{cursor:grabbing}.items-filter{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.orders-filter{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.orders-list details{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem;padding:.5rem .75rem}.orders-list summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.order-body{margin-top:.5rem}.order-body ul{list-style:disc;margin-left:1.5rem}.mobile-cart-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#042117f2;color:#e6f9ef;z-index:10}.mobile-cart-bar button{background:linear-gradient(120deg,#1a7f4f,#56c48a);color:#043321;border:none;border-radius:999px;padding:.6rem 1.2rem}.checkout-page{display:flex;flex-direction:column;gap:1rem}.checkout-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.success-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.success-page .card{max-width:520px;text-align:center}.success-page .overline{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;color:#0f5132}.success-page h1{margin-bottom:.25rem;color:#042518}.success-items{margin:1.5rem 0;text-align:left}.success-items ul{list-style:none;padding:0;margin:0}.success-items li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(9,65,45,.1);padding:.35rem 0;color:#0a3323}.success-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.success-actions button{background:linear-gradient(120deg,#1a7f4f,#56c48a);color:#043321;border:none;border-radius:999px;padding:.6rem 1.4rem;cursor:pointer;font-weight:600}.success-actions .ghost{border:1px solid rgba(9,65,45,.3);color:#0a3323;background:transparent}.header-contact .btn-order{background:linear-gradient(135deg,#1c7f50,#8ee0ae);border:none;color:#033421!important}@media(max-width:900px){.app-header{flex-wrap:wrap;padding:1.5rem;gap:1rem}.mobile-nav-toggle{display:inline-flex;margin-left:auto}.app-nav{width:100%;flex-wrap:wrap;row-gap:.35rem}.app-main{padding:1.5rem}.cat-swipe{position:sticky;top:0;background:linear-gradient(180deg,#e9f8effa,#d7f1e1e6);padding:.75rem 0 .5rem;z-index:5;border-bottom:1px solid rgba(18,108,68,.15);border-radius:15px;margin-bottom:5px}.cat-holder{padding:0 1rem .5rem}.menu-grid-card.mobile{background:transparent;padding:0;border:none;box-shadow:none}.menu-grid-card.mobile .menu-category{background:#f4fffb;border-radius:18px;padding:1.25rem;margin-bottom:1rem;border:1px solid rgba(18,108,68,.15)}.menu-grid-card.mobile .menu-item{flex-direction:column;align-items:flex-start;gap:.75rem}.menu-grid-card.mobile .menu-item-actions{width:100%;justify-content:space-between}.menu-grid-card.mobile .menu-item-actions span{font-size:1rem;font-weight:600}.ordering-layout{display:flex;flex-direction:column}.orders-banner{flex-direction:column;align-items:flex-start}.category-panel{order:1}.menu-area{order:2}.cart-column{order:3;position:static;scale:1}.cart-column.cart-filled{scale:1}.selector-grid{grid-template-columns:1fr}.app-footer{padding-bottom:1rem}}.payment-selector-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.5rem}.payment-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;margin-bottom:2rem;background:#fff;border:2px solid rgba(12,90,58,.1);border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.payment-option:hover{border-color:#1a7f4f66;transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.payment-option.selected{background:linear-gradient(135deg,#1a7f4f,#126c44);border-color:transparent;color:#fff;box-shadow:0 10px 25px #1a7f4f59}.payment-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f0fdf4;border-radius:12px;color:#1a7f4f;flex-shrink:0;transition:background .2s}.payment-option.selected .payment-icon{background:#fff3;color:#fff}.payment-details{display:flex;flex-direction:column;gap:.15rem}.payment-title{font-weight:700;font-size:1.05rem}.payment-desc{font-size:.85rem;color:#6b7280}.payment-option.selected .payment-desc{color:#ffffffe6}.check-icon{position:absolute;top:1rem;right:1rem;background:#fff;color:#1a7f4f;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;box-shadow:0 2px 5px #0000001a}