@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
:root{--accent:#f29f1f;--muted:#6b6b6b;--panel:#fff;--text:#222;}
html,body{height:100%;margin:0;font-family:'Montserrat',sans-serif;color:var(--text);}
body{background:url('bg.jpg') center/cover fixed no-repeat;line-height:1.45;}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:9999;padding:12px 0;background:transparent}
.header-logo{height:72px;display:block;margin:0 auto;}
.navbar{position:fixed;top:96px;width:100%;display:flex;justify-content:center;z-index:9998;}
.nav{background:transparent;padding:8px 12px;border-radius:8px;}
.nav a{color:#fff;text-decoration:none;margin:0 12px;padding:8px 10px;font-weight:600;}
.panel-container{max-width:980px;margin:180px auto 60px auto;padding:20px;}
.panel{background:var(--panel);padding:34px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.20);border:1px solid rgba(0,0,0,0.04);}
.hero{text-align:center;padding:20px;}
.hero h2{font-size:34px;margin:6px 0 8px;}
.hero p{color:var(--muted);margin-bottom:18px;}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--accent);color:#111;text-decoration:none;font-weight:700;margin:0 8px;}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.app-showcase img, .gallery-grid img { border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.18); margin:10px auto; max-width:100%; height:auto; }
.order-cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.order-card{flex:1 1 260px;max-width:320px;background:linear-gradient(180deg,#fff,#f7f7f7);padding:18px;border-radius:12px;border:1px solid rgba(0,0,0,0.04);text-align:center;}
.order-card h4{margin:10px 0;font-size:18px;}
.order-card p{color:var(--muted);font-size:14px;margin-bottom:12px;}
.opening-hours{max-width:480px;margin:8px auto;padding:10px 14px;border-radius:10px;}
@media(max-width:800px){.panel-container{margin:120px 12px 40px 12px;padding:16px}.header-logo{height:60px}.navbar{top:86px}}



/* Unified social icon position (right, centered vertically) */
.social-float {
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 99999;
}
.social-float a { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:8px; background:rgba(255,255,255,0.06); color:#fff; border:1px solid rgba(255,255,255,0.06); transition: transform .18s ease, background .18s ease; backdrop-filter: blur(6px); }
.social-float a:hover { transform: translateY(-3px) scale(1.06); background: rgba(255,255,255,0.09); }

/* Feature cards on index */
.feature-cards { display:flex; gap:18px; flex-wrap:wrap; justify-content:center; margin-top:18px; }
.feature-card { flex:1 1 260px; max-width:300px; background:linear-gradient(180deg,#fff,#fafafa); padding:18px; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.08); text-align:center; border:1px solid rgba(0,0,0,0.04); }
.feature-card h4 { margin:10px 0; font-size:18px; }
.feature-card p { color: #666; font-size:14px; }

/* Gallery adjustments */
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; align-items:start; }
.card-media img { width:100%; height:220px; object-fit:cover; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.12); }

/* App images styling */
.app-showcase { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.app-showcase img { width:100%; max-width:320px; border-radius:12px; box-shadow:0 8px 22px rgba(0,0,0,0.16); object-fit:cover; }

/* Panel tweaks */
.panel { padding:28px 36px; }

/* Reduce excessive whitespace on pages */
.panel-container { margin:140px auto 48px auto; padding:12px; max-width:980px; }

/* Ensure consistent button contrast */
.btn { background: #f29f1f; color:#111; text-decoration:none; padding:10px 16px; border-radius:10px; font-weight:700; }

/* Opening hours styling: ensure Monday-first */
.opening-hours { display:block; }


/* Tighter image sizing */
.card-media img {
  height: 160px !important;
}

/* App images scaled */
.app-showcase img {
  max-width: 260px !important;
  height: auto !important;
}

/* Reduce panel vertical padding */
.panel-container {
  margin: 120px auto 40px auto !important;
}

.panel {
  padding: 24px 28px !important;
}

/* Reduce whitespace on index */
.hero {
  padding: 10px 0 !important;
}

.feature-cards {
  margin-top: 10px !important;
}

.gallery-grid {
  gap: 12px !important;
}

.card-media img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
  border-radius: 12px;
}

.navbar {
  top: 96px !important;
}
.site-header {
  top: 0 !important;
}

/* Comparison mode tweaks */
.gallery-grid img {
  height: 140px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}