*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#fff7ed;color:#1b120b}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}header{position:sticky;top:0;background:#fffaf3;border-bottom:1px solid #ead8c6;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:15px}.brand{display:flex;gap:12px;align-items:center;font-weight:900}.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#c7372f,#f1b84b);color:#fff;display:grid;place-items:center}.navlinks{display:flex;gap:16px;font-weight:800;color:#7a6656}.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center}.btn-primary{background:#c7372f;color:white}.btn-ghost{background:white;border:1px solid #ead8c6}.btn-green{background:#15803d;color:white}.btn-danger{background:#fee2e2;color:#991b1b}.hero{padding:65px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}h1{font-size:clamp(42px,7vw,78px);line-height:.95;margin:0;font-family:Georgia,serif}h2{font-family:Georgia,serif;font-size:clamp(30px,5vw,50px);margin:0}p{color:#7a6656;line-height:1.6}.hero-card{min-height:440px;border-radius:30px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1600891964599-f61ba0e24092?q=80&w=1400&auto=format&fit=crop') center/cover;position:relative}.float{position:absolute;left:18px;right:18px;bottom:18px;background:#fffaf3;border-radius:20px;padding:18px}.line{display:flex;justify-content:space-between;border-top:1px solid #ead8c6;padding:10px 0;color:#7a6656}section{padding:55px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel,.card,.cart,.order,.stat{background:white;border:1px solid #ead8c6;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(59,36,21,.07)}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.pill{background:white;border:1px solid #ead8c6;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer;color:#7a6656}.pill.active,.pill:hover{background:#c7372f;color:white}.menu-layout{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{min-height:130px;display:flex;flex-direction:column}.tag{font-size:11px;color:#c7372f;font-weight:900;text-transform:uppercase}.bottom{display:flex;justify-content:space-between;margin-top:auto;align-items:center}.price{font-size:20px;color:#c7372f;font-weight:1000}.cart{position:sticky;top:88px}.cartitem{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #ead8c6;padding:10px 0}.qty button{border-radius:50%;border:1px solid #ead8c6;background:white;width:26px;height:26px}.totals{border-top:1px solid #ead8c6;margin-top:14px;padding-top:12px}.totalrow{display:flex;justify-content:space-between;color:#7a6656;margin:8px 0}.final{font-size:20px;color:#1b120b;font-weight:900}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.field{display:grid;gap:6px}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #ead8c6;border-radius:12px;padding:12px}textarea{min-height:80px}.empty{border:1px dashed #ead8c6;border-radius:14px;padding:14px;text-align:center;color:#7a6656}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat strong{display:block;font-size:28px;color:#c7372f}.orders{display:grid;gap:14px}.orderhead{display:flex;justify-content:space-between;gap:12px}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.metabox{background:#fff7ed;border-radius:12px;padding:10px;color:#7a6656}.metabox strong{display:block;color:#1b120b}table{width:100%;border-collapse:collapse}td,th{border-top:1px solid #ead8c6;padding:10px;text-align:left}.tablegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tablebtn{background:white;border:1px solid #ead8c6;border-radius:14px;padding:15px;font-weight:900;cursor:pointer}.tablebtn.active{background:#c7372f;color:white}.quickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quickbtn{text-align:left;background:white;border:1px solid #ead8c6;border-radius:14px;padding:12px;cursor:pointer}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(100px);background:#1b120b;color:white;border-radius:999px;padding:12px 18px;transition:.25s;font-weight:900}.toast.show{transform:translateX(-50%) translateY(0)}footer{padding:30px 0;color:#7a6656;border-top:1px solid #ead8c6}@media(max-width:900px){.hero-grid,.split,.menu-layout{grid-template-columns:1fr}.cart{position:static}.grid,.stats,.meta{grid-template-columns:1fr 1fr}.quickgrid,.tablegrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.navlinks{display:none}.grid,.form,.stats,.meta,.quickgrid,.tablegrid{grid-template-columns:1fr}.btn{width:100%}}

.desc{color:#7a6656;font-size:14px;line-height:1.45;margin:8px 0 16px;}
.card h3{margin-bottom:4px;}


.menu-card-photo{overflow:hidden;padding:0!important;min-height:280px!important}
.dish-img{width:100%;height:150px;object-fit:cover;display:block;border-radius:20px 20px 0 0;background:#f5eadc}
.card-body{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.desc{color:#7a6656;font-size:14px;line-height:1.45;margin:4px 0 14px}
.menu-card-photo .bottom{margin-top:auto}
@media(max-width:650px){.dish-img{height:180px}}

/* Final photo quality fix */
.menu-card-photo{overflow:hidden;padding:0!important;min-height:345px!important}
.dish-img{
  width:100%;
  height:190px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:20px 20px 0 0;
  background:#fff;
  image-rendering:auto;
}
.card-body{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.desc{color:#7a6656;font-size:14px;line-height:1.45;margin:4px 0 14px}
.menu-card-photo .bottom{margin-top:auto}
@media(max-width:650px){.dish-img{height:200px}}




/* Final 8-table kassa layout */
#tableGrid{display:none!important}
.table-map-panel{margin:22px 0 28px}
.table-map{
  position:relative;
  width:100%;
  max-width:620px;
  height:760px;
  background:linear-gradient(180deg,#f8efe4,#fff8ef);
  border:2px solid #e6d3be;
  border-radius:30px;
  box-shadow:0 18px 45px rgba(55,35,20,.10);
  overflow:hidden;
}
.map-table{
  position:absolute;
  border:4px solid #19c878;
  background:#fffdf8;
  color:#d2322a;
  font-size:34px;
  font-weight:1000;
  border-radius:18px;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  transition:.15s ease;
}
.map-table:hover,.map-table.active{
  transform:scale(1.04);
  background:#d2322a;
  color:#fff;
}
.map-t1{left:34px;top:34px;width:98px;height:72px}
.map-t2{left:210px;top:34px;width:98px;height:72px}
.map-t3{right:42px;top:34px;width:110px;height:82px}
.map-t4{left:105px;top:165px;width:95px;height:145px}
.map-t5{right:58px;top:175px;width:175px;height:88px}
.map-t6{right:48px;top:355px;width:88px;height:66px}
.map-t7{right:48px;top:475px;width:88px;height:82px}
.map-t8{right:48px;top:620px;width:88px;height:82px}
.map-counter{
  position:absolute;
  left:50px;
  bottom:50px;
  width:205px;
  height:330px;
  border-left:10px solid #19c878;
  border-top:10px solid #19c878;
  border-radius:26px 0 0 0;
}
@media(max-width:760px){
  .table-map{height:650px;max-width:100%}
  .map-table{font-size:26px}
  .map-t1{left:20px;top:22px;width:76px;height:58px}
  .map-t2{left:128px;top:22px;width:76px;height:58px}
  .map-t3{right:22px;top:22px;width:82px;height:64px}
  .map-t4{left:70px;top:125px;width:76px;height:112px}
  .map-t5{right:42px;top:138px;width:130px;height:68px}
  .map-t6{right:28px;top:285px;width:68px;height:54px}
  .map-t7{right:28px;top:390px;width:68px;height:66px}
  .map-t8{right:28px;top:515px;width:68px;height:66px}
  .map-counter{left:35px;bottom:40px;width:145px;height:260px;border-width:8px}
}

.dish-img{
display:block !important;
width:100%;
height:190px;
object-fit:cover;
border-radius:18px 18px 0 0;
}

.dish-img,
.menu-card-photo img,
.card img{
    display:block !important;
    width:100% !important;
    height:190px !important;
    object-fit:cover !important;
    border-radius:18px 18px 0 0 !important;
}

/* Alleen Studenten Menu foto's verbergen */
.student-no-photo .dish-img,
.student-no-photo img{
  display:none !important;
}
.student-no-photo .card-body{
  padding-top:22px !important;
}