:root{--bg-main: #140f0d;--bg-soft: #211816;--text-main: #f8f1e8;--text-muted: #ccbba8;--accent: #d79d5e;--danger: #ff6a6a;--ok: #9de2b0;--card-border: rgba(255, 255, 255, .1);--shadow: 0 20px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;background:var(--bg-main);color:var(--text-main)}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 15% 10%,rgba(215,157,94,.2),transparent 35%),radial-gradient(circle at 85% 25%,rgba(126,103,240,.15),transparent 30%),linear-gradient(135deg,#120d0b,#211612 45%,#1b130f)}.app-shell{width:min(1320px,92vw);margin:0 auto;padding:2rem 0 3rem}.hero{padding:2rem;border:1px solid var(--card-border);border-radius:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140f0d9e;box-shadow:var(--shadow);margin-bottom:1.8rem}.hero-kicker{text-transform:uppercase;letter-spacing:.24em;color:var(--accent);font-size:.78rem;margin-bottom:.4rem}.hero h1{margin:0;font:700 clamp(1.8rem,3.7vw,3.2rem) / 1.04 "Unbounded",sans-serif}.hero p{margin-top:1rem;color:var(--text-muted);max-width:72ch}.hero-actions{margin-top:1.4rem;display:grid;grid-template-columns:1fr 180px 180px;gap:.9rem}.search-input{display:grid;gap:.4rem}.search-input span{font-size:.8rem;color:var(--text-muted)}.search-input input,.search-input select,.form-grid input,.form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:#ffffff05;color:var(--text-main);border-radius:14px;padding:.8rem .9rem;outline:none}.search-input input:focus,.search-input select:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:var(--accent)}.search-input select{color-scheme:dark}.search-input select option{background:#221915;color:var(--text-main)}.cart-open,.add-btn,.submit-btn{border:0;border-radius:14px;padding:.85rem 1rem;font-weight:700;cursor:pointer}.cart-open{align-self:end;background:linear-gradient(120deg,#f6cca2,#d78f49);color:#27180f;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.syrup-card{border:1px solid var(--card-border);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 26%,transparent),#00000073 50%),#1a1411e6;transition:transform .22s ease,border-color .22s ease}.syrup-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 45%,#fff 10%)}.syrup-image-wrap{position:relative;aspect-ratio:1 / 1;background:#0003}.syrup-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff0a 20%,#ffffff24,#ffffff0a 50%);background-size:200% 100%;animation:loading 1.2s linear infinite}@keyframes loading{to{background-position-x:-200%}}.syrup-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease}.syrup-image.is-visible{opacity:1}.syrup-content{padding:1rem;display:grid;gap:.75rem}.syrup-heading h3{margin:0;font-size:1.05rem}.syrup-heading p{margin:.22rem 0 0;color:var(--text-muted);font-size:.8rem;letter-spacing:.05em}.syrup-description{margin:0;color:#e7d8c8;line-height:1.5;font-size:.92rem}.syrup-meta{display:flex;align-items:center;justify-content:space-between}.add-btn{background:#fef6ef;color:#2f221c}.status{margin-top:.9rem;border-radius:12px;padding:.7rem .9rem}.status.ok{color:var(--ok);background:#4b956226}.status.error{color:var(--danger);background:#ff6a6a24}.status.empty{text-align:center;color:var(--text-muted);margin-top:1.4rem}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .2s ease}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{width:min(460px,92vw);background:#13100e;border-left:1px solid var(--card-border);height:100vh;display:grid;grid-template-rows:auto 1fr auto;transform:translate(100%);transition:transform .22s ease}.cart-overlay.open .cart-drawer{transform:translate(0)}.cart-header,.cart-footer{padding:1rem;border-bottom:1px solid var(--card-border)}.cart-footer{border-top:1px solid var(--card-border);border-bottom:0;display:grid;gap:.8rem}.cart-header{display:flex;justify-content:space-between;align-items:center}.cart-header h2,.cart-item h4{margin:0}.cart-items{overflow:auto;padding:1rem;display:grid;gap:.65rem}.cart-item{border:1px solid var(--card-border);border-radius:12px;padding:.75rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem}.cart-item p{margin:.25rem 0 0;color:var(--text-muted);font-size:.88rem}.cart-controls{display:flex;align-items:center;gap:.45rem;margin-left:auto;flex-shrink:0}.icon-btn{border:1px solid var(--card-border);background:transparent;color:var(--text-main);width:30px;height:30px;border-radius:10px;cursor:pointer}.icon-btn.danger{margin-left:auto}.total-row{display:flex;align-items:center;justify-content:space-between}.form-grid{display:grid;gap:.5rem}.form-error{margin:0;color:var(--danger);font-size:.9rem}.form-hint{margin:0;color:var(--text-muted);font-size:.9rem}.submit-btn{background:linear-gradient(120deg,#f8d6b6,#db944c);color:#2f221c}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.empty-cart{margin:0;padding:1rem;color:var(--text-muted)}@media(max-width:980px){.hero-actions{grid-template-columns:1fr}.cart-open{justify-content:center}.cart-item{grid-template-columns:1fr;align-items:start}.cart-controls{margin-left:0}}