/* SIGVORA's shared tokens, base and components load before this product layout. */
*{box-sizing:border-box}body{min-height:100vh;--muted:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,.language-control select{min-height:44px;border:1px solid var(--line);border-radius:var(--small-radius);padding:.65rem 1rem;background:var(--surface);color:var(--text)}button:hover{border-color:var(--accent)}button.primary{background:var(--maritime-navy-800);border-color:var(--maritime-navy-800);color:var(--maritime-cream);font-weight:var(--bold)}input,select{border:1px solid var(--line);border-radius:var(--small-radius);padding:.7rem;background:var(--surface);color:var(--text)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.header{align-items:center}.brand img{display:block;width:135px;height:auto;padding:var(--space-1);border-radius:var(--small-radius);background:var(--maritime-cream)}.product-name{font-weight:var(--bold);margin-right:auto}.language-control{display:flex;align-items:center;gap:var(--space-1)}.language-control select{min-width:130px}#main{padding-block:var(--space-5);min-height:66vh}#main h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.1;margin:.5rem 0 1.25rem}#main h2{font-size:var(--h2)}#main h3{font-size:var(--h3)}.eyebrow{font-size:var(--small);font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase;color:var(--maritime-navy-700)}.demo-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4);align-items:center;padding-block:var(--space-4)}.demo-intro .intro{max-width:42rem;color:var(--text)}.demo-intro p{max-width:42rem}.demo-notice,.demo-ribbon{background:var(--accent-soft);border-inline-start:4px solid var(--accent);border-radius:var(--small-radius);padding:var(--space-2);color:var(--text)}.demo-intro button{margin-top:var(--space-2)}.intro-panel{min-height:18rem;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2)}.intro-panel strong{font-family:var(--font-heading);font-size:var(--h2)}.intro-panel .plate{display:grid;place-items:center;width:7rem;height:7rem;border:8px double var(--maritime-gold-dark);border-radius:50%;color:var(--maritime-navy-700);font-size:3rem}.feature-section{margin-block:var(--space-5)}.feature-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.feature-card{min-height:8rem;padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-weight:var(--medium)}.demo-ribbon{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.app-hero{display:flex;justify-content:space-between;align-items:end;gap:var(--space-2);padding-block:var(--space-4)}.app-hero h1{font-size:clamp(2rem,4vw,3.5rem)!important}.app-hero p{max-width:40rem}.mode{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.mode button[aria-pressed=true]{background:var(--maritime-navy-800);color:var(--maritime-cream);border-color:var(--maritime-navy-800)}.demo-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line);overflow:auto;padding-bottom:var(--space-1)}.demo-tabs button{white-space:nowrap;border-color:transparent}.demo-tabs button[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);font-weight:var(--bold)}#demo-message:not(:empty){margin-block:var(--space-2);padding:var(--space-2);border-inline-start:4px solid var(--accent);background:var(--surface)}.section-heading{margin-top:var(--space-4)}.section-heading h2{margin:.4rem 0}.menu-section{margin-block:var(--space-4)}.dish-grid,.request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.dish-card,.request-card,.offer-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.dish-card{display:flex;flex-direction:column}.dish-art{height:7.5rem;display:grid;place-items:center;font-size:3.2rem;color:var(--maritime-navy-700);background:var(--accent-soft)}.art-1,.art-3{background:var(--maritime-paper)}.dish-info,.request-card,.offer-card,.panel{padding:var(--space-3)}.dish-heading,.request-top{display:flex;align-items:start;justify-content:space-between;gap:var(--space-1)}.dish-heading h4{margin:0;font-family:var(--font-heading);font-size:1.35rem}.dish-heading strong{white-space:nowrap;color:var(--maritime-navy-700)}.dish-info p{min-height:2.8rem}.dish-info small{color:var(--text)}.request-card h3{margin-block:var(--space-2)}.request-number{color:var(--text);font-weight:var(--bold)}.tag{display:inline-block;border-radius:100px;background:var(--accent-soft);color:var(--maritime-navy-900);padding:.25rem .75rem;font-size:var(--small);font-weight:var(--bold)}.form-actions{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-2)}.editor,.request-form{max-width:32rem;margin-block:var(--space-2)}.editor label,.request-form label{display:grid;gap:var(--space-1);margin-block:var(--space-2)}.request-form button{margin-top:var(--space-1)}.offer-card{max-width:34rem}.offer-card h3{margin-top:var(--space-2)}.empty{border:1px dashed var(--line);padding:var(--space-3)}@media(max-width:850px){.demo-intro{grid-template-columns:1fr}.dish-grid,.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-hero{align-items:start;flex-direction:column}.feature-grid{grid-template-columns:1fr}}@media(max-width:600px){#main{padding-block:var(--space-2)}.header{gap:var(--space-1)}.product-name{font-size:var(--small)}.language-control{width:100%;justify-content:space-between}.demo-ribbon{align-items:start;flex-direction:column}.dish-grid,.request-grid{grid-template-columns:1fr}.dish-card{display:grid;grid-template-columns:5.5rem 1fr}.dish-art{height:100%;min-height:7rem}.dish-info,.request-card,.offer-card,.panel{padding:var(--space-2)}.dish-info p{min-height:0}.feature-card{min-height:0}.app-hero{padding-block:var(--space-2)}}
