*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f6f7f9;color:#111827}main{max-width:1100px;margin:64px auto;padding:0 32px}header,footer{max-width:1100px;margin:24px auto 0;padding:0 32px}header{display:flex;justify-content:flex-end}.contact{display:flex;gap:18px;font-weight:600;color:#111827}.contact a{color:inherit;text-decoration:none}.contact a:hover{text-decoration:underline}.card{background:#fff;border-radius:32px;box-shadow:0 20px 45px rgba(15,23,42,.08);overflow:hidden}.hero{width:100%;display:block;height:320px;background:linear-gradient(135deg,#fde68a 0%,#f59e0b 40%,#2563eb 75%,#10b981 100%)}.content{display:flex;gap:56px;padding:48px}.details{flex:1 1 60%}.details h1{font-size:36px;margin:0 0 16px}.location{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#047857;margin-bottom:24px}.details p{line-height:1.6;margin:0 0 16px;color:#4b5563}.details h2{font-size:18px;margin:32px 0 12px}.sidebar{flex:0 0 280px;background:#f9fafb;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:20px;align-self:flex-start}.sidebar h3{font-size:16px;margin:0}.price{font-weight:700;font-size:18px}.calendar{background:#fff;border-radius:18px;padding:20px;border:1px solid #e5e7eb}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:600;color:#111827}.calendar-header button{border:none;background:none;font-size:18px;cursor:pointer;padding:4px 8px;color:#6b7280}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center;font-size:14px}.calendar-grid span{display:block;padding:10px 0;border-radius:12px}.calendar-grid .day-name{font-weight:600;color:#6b7280;padding:6px 0}.calendar-grid .inactive{color:#d1d5db}.calendar-grid .available{background:#e0f2f1;color:#065f46}.calendar-grid .few-seats{background:#fef3c7;color:#92400e}.calendar-grid .selected{border:2px solid #065f46;padding:8px 0;font-weight:700}.calendar-legend{margin-top:16px;display:flex;gap:16px;font-size:13px;color:#6b7280}.calendar-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.few{background:#f59e0b}.legend-dot.unavailable{background:#d1d5db}.buttons{display:flex;gap:12px;flex-wrap:wrap}.buttons button{flex:1 1 120px;border:none;border-radius:12px;padding:12px 18px;font-weight:600;font-size:15px;cursor:pointer}.buttons .primary{background:#111827;color:#fff}.buttons .secondary{background:#fff;color:#111827;border:1px solid #d1d5db}.buttons button:disabled{opacity:.5;cursor:not-allowed}.footnote{font-size:13px;color:#6b7280;text-align:center}footer{margin-bottom:48px;color:#4b5563;font-size:15px;display:flex;justify-content:space-between;align-items:center}footer .contact{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:960px){.content{flex-direction:column;padding:32px}.sidebar{width:100%}}
.booking-form{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:16px}.booking-form label{font-weight:600;font-size:14px;color:#111827}.booking-form input{border:1px solid #d1d5db;border-radius:10px;padding:10px;font-size:14px}.booking-form input:focus{outline:2px solid #111827;outline-offset:2px}

/* Added button/link helpers for navigation back to oplevelser */
.buttons a.primary,
.buttons a.secondary,
.buttons a.btn-secondary {
  flex: 1 1 120px;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.buttons a.primary {
  background: #111827;
  color: #fff;
}

.buttons a.secondary,
.buttons a.btn-secondary {
  background: #fff;
  color: #111827;
  border: 1px solid #d1d5db;
}

.footnote a,
.footnote-link {
  color: #111827;
  font-weight: 600;
  text-decoration: none;
}

.footnote a:hover,
.footnote-link:hover {
  text-decoration: underline;
}