:root{
  --orange:#d47138;
  --brown:#3a1d14;
  --cream:#fff6ea;
  --txt:#2b2b2b;
  --muted:#7a706a;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Open Sans',sans-serif;color:var(--txt);background:#fff}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{background:var(--orange);color:#fff;position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:700}
.brand img{
  height:250px; /* ili 70px ako želiš još veći */
  filter: drop-shadow(0 0 1px rgba(0,0,0,0.1));
}brand img{height:40px}
nav a{color:#fff;text-decoration:none;margin-left:1rem;font-weight:600}
.hero{padding:2rem 0}
.hero h1{font-size:2rem;margin:.5rem 0}
.hero p{line-height:1.6;font-size:1.05rem}
.cta-row{display:flex;gap:1rem;margin-top:1rem}
.btn{background:var(--brown);color:#fff;border:none;padding:.7rem 1rem;border-radius:.75rem;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;border:2px solid var(--brown);color:var(--brown)}
.btn.small{padding:.35rem .6rem;border-radius:.6rem;font-size:.9rem}
.btn.danger{background:#b42318}
.flash-wrap{margin:.75rem 0}
.flash{padding:.6rem 1rem;border-radius:.6rem;margin-bottom:.5rem}
.flash.success{background:#e5fbef;color:#18794e}
.flash.info{background:#e6f3ff;color:#0b50b3}
.flash.danger{background:#ffeceb;color:#a20d0d}
.card{background:#fff;border:1px solid #eee;border-radius:1rem;padding:1rem;margin:1rem 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.table{width:100%;border-collapse:collapse;margin-top:1rem}
.table th,.table td{border-bottom:1px solid #eee;padding:.5rem;text-align:left}
.input{width:100%;padding:.55rem .7rem;border:1px solid #dadada;border-radius:.6rem}
.input.small{width:6rem}
.thumb{height:44px;border-radius:.5rem}
.preview{max-width:100%;border-radius:1rem;border:1px solid #eee}
.site-footer{background:var(--brown);color:#fff;margin-top:2rem;padding:1rem 0}
.site-footer a{color:#fff7dd}
.map-wrap{position:relative;padding-bottom:60%;height:0;overflow:hidden;border-radius:.8rem;border:2px solid rgba(255,255,255,.15)}
.map-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.center{text-align:center}
.small{font-size:.9rem;color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1rem 0}
.menu-card{background:#fff;border:1px solid #eee;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}
.menu-card img{width:100%;height:180px;object-fit:cover}
.menu-card-body{padding:.8rem}
.menu-card h3{margin:.2rem 0}
.price{font-weight:800;color:var(--brown);}
.desc{color:#5b5552}
.auth-bg{background:var(--orange);display:flex;align-items:center;justify-content:center;height:100vh}
.auth-card{background:#fff;padding:2rem;border-radius:1rem;width:min(480px,92vw)}
.hint{opacity:.75}
@media(min-width:1200px){
  .menu-display .menu-grid{grid-template-columns:repeat(3,1fr)}
}
/* Fullscreen look improvements can be done by pressing F11 in browser */