@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--bg:#faf8ee;--orange:#f05a31;--ink:#473a35;--muted:#82756c;--line:#e7dbcb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,.big,.money,.pill{font-family:'Barlow Condensed',Impact,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.container{max-width:1080px;margin:auto;padding:0 20px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.brand{width:132px;height:48px;object-fit:contain;object-position:left;mix-blend-mode:multiply}.brandtext{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--orange);font-size:28px;font-weight:900}.eyebrow{color:var(--orange);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.hero{padding:44px 0 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero h1{font-size:clamp(72px,12vw,144px);line-height:.78;color:var(--orange);margin:14px 0 20px;letter-spacing:-.035em}.hero p{font-style:italic;line-height:1.6}.hero img{width:100%;max-height:320px;object-fit:cover;mix-blend-mode:multiply;opacity:.87}.navwrap{position:sticky;top:0;background:rgba(250,248,238,.97);z-index:10;border-block:1px solid var(--line);backdrop-filter:blur(10px)}.nav{display:flex;overflow:auto;gap:8px;padding:10px 20px;scrollbar-width:none}.pill{border:0;background:transparent;color:var(--ink);padding:9px 16px;border-radius:50px;font-size:20px;font-weight:700;white-space:nowrap}.pill.active{background:var(--orange);color:white}.section{padding:40px 0 55px}.sectiontitle{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--orange);padding-bottom:14px}.sectiontitle h2{font-size:clamp(62px,10vw,100px);line-height:.85;color:var(--orange);margin:0}.sectiontitle span{font-size:12px;color:var(--muted)}.artline{height:200px;max-width:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;margin:12px 0}.drinks{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.drink{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:17px 0;border-bottom:1px solid var(--line);align-items:start}.drink h3{margin:0;color:var(--orange);font-size:28px;line-height:1}.drink p{font-size:12px;font-style:italic;color:var(--muted);line-height:1.5;margin:0;grid-column:1}.money{font-size:27px;font-weight:800;grid-column:2;grid-row:1 / span 2;white-space:nowrap}.drink .thumb{width:100%;max-height:170px;object-fit:contain;grid-column:1 / -1}.empty{padding:40px 0;color:var(--muted)}footer{text-align:center;padding:30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.btn{border:0;border-radius:10px;padding:12px 16px;background:var(--orange);color:white;font-weight:700}.btn.secondary{background:#eee2d4;color:var(--ink)}.btn.danger{background:#8f3329}.btn:disabled{opacity:.5}.notice{padding:14px;background:#f3e4d4;border-radius:9px;margin:16px 0;line-height:1.5}.adminwrap{max-width:920px;margin:30px auto;padding:0 18px}.panel{border:1px solid var(--line);border-radius:14px;padding:20px;margin:18px 0;background:#fffdf6}.adminhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.adminhead h1{font-size:54px;margin:0;color:var(--orange)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #d9cdbf;border-radius:8px;background:white;color:#302721}.field textarea{min-height:76px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.adminitem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.adminitem small{color:var(--muted);display:block;margin-top:4px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{border:1px solid var(--line);background:white;border-radius:7px;padding:8px}.hidden{display:none!important}.status{font-size:13px;min-height:18px;color:#7a4031}.muted{color:var(--muted)}@media(max-width:650px){.hero{grid-template-columns:1fr;padding:28px 0 14px}.hero h1{font-size:90px}.hero img{max-height:175px;object-position:center 45%}.section{padding-top:30px}.drinks{grid-template-columns:1fr}.artline{height:150px}.sectiontitle h2{font-size:70px}.grid2{grid-template-columns:1fr}.adminhead h1{font-size:42px}.adminitem{align-items:flex-start}.actions{justify-content:flex-end}.brand{width:120px}}

.category-editor{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.category-preview{width:115px;height:105px;object-fit:contain;background:var(--bg);border-radius:8px}.category-fields{flex:1;min-width:0;display:grid;gap:8px}.category-fields input{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}.category-fields .actions button{font-size:13px}@media(max-width:500px){.category-editor{align-items:flex-start}.category-preview{width:85px;height:85px}}

/* V3: Full-width artwork for both hero and category images */
.hero img{width:100%;max-width:none;max-height:none;aspect-ratio:16/10;object-fit:cover;display:block}
.artline{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;margin:18px 0 24px}
@media(max-width:650px){.hero img{width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover}.artline{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}}

/* V4: No hero artwork, compact introduction */
.hero{display:block;padding:28px 0 20px}.hero h1{font-size:clamp(64px,11vw,116px)}@media(max-width:650px){.hero{padding:24px 0 16px}.hero h1{font-size:78px}}

/* V5: Category image full width and no item count */
.artline{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;}
.sectiontitle span{display:none;}

/* Preserve admin-entered line breaks while keeping user content as plain text. */
#heroTitle,#heroDescription,#menuFooter{white-space:pre-line}