/* Vestigingsdetail, 21 October 2026. Scoped presentation only.
   Shared CMS block styles, form processing and site navigation are untouched. */
.hc-detail { --hc-ink:#3c4033; --hc-muted:#65685b; --hc-green:#405447; --hc-paper:#f6f3ed; --hc-line:#dedfd5; }
.hc-detail .hc-detail__shell { width:100%; max-width:1240px; margin:0 auto; padding:0 28px; box-sizing:border-box; }
.hc-detail > .hc-detail__shell { padding-top:28px; }
.hc-detail .hc-detail__hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); background:var(--hc-paper); border-radius:4px; overflow:hidden; }
.hc-detail .hc-detail__hero--no-photo { grid-template-columns:minmax(0,1fr); }
.hc-detail .hc-detail__hero--no-photo .hc-detail__intro { max-width:860px; width:100%; margin:0 auto; }
.hc-detail .hc-detail__intro { align-self:center; min-width:0; padding:36px; box-sizing:border-box; }
.hc-detail .hc-detail__eyebrow { margin:0 0 13px; font:600 11px/1.6 "Open Sans",sans-serif; text-transform:uppercase; letter-spacing:.14em; color:#7d6b48; }
.hc-detail .hc-detail__title { margin:0; color:var(--hc-ink); font:600 clamp(28px,3vw,36px)/1.25 "Open Sans",sans-serif; letter-spacing:-.5px; }
.hc-detail .hc-detail__description.page-content { color:var(--hc-muted); font:400 16px/1.65 "Open Sans",sans-serif; margin-top:20px; }
.hc-detail .hc-detail__description.page-content p { font:inherit; margin:0 0 14px; }
.hc-detail .hc-detail__description.page-content p:last-child { margin-bottom:0; }
.hc-detail .hc-detail__description.page-content :is(h1,h2,h3,h4) { font:600 20px/1.4 "Open Sans",sans-serif; letter-spacing:-.2px; color:var(--hc-ink); margin:0 0 12px; }
.hc-detail .hc-detail__description.page-content strong { font-weight:600; }
.hc-detail .hc-detail__actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:24px; }
.hc-detail .hc-detail__button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:46px; box-sizing:border-box; padding:12px 20px; border:1px solid var(--hc-green); border-radius:3px; background:var(--hc-green); color:#fff; text-decoration:none; font:600 13px/1.5 "Open Sans",sans-serif; }
.hc-detail .hc-detail__button:hover { background:#2d4033; color:#fff; }
.hc-detail .hc-detail__phone { color:var(--hc-ink); font:600 14px/1.6 "Open Sans",sans-serif; text-decoration:underline; text-underline-offset:4px; }
.hc-detail .hc-detail__media { align-self:center; min-width:0; width:100%; }
.hc-detail .hc-detail__slider { min-width:0; position:relative; }
.hc-detail .hc-detail__slider .slider, .hc-detail .hc-detail__slider .slick-list { margin:0; padding:0; height:auto; }
.hc-detail .hc-detail__slider .slick-track, .hc-detail .hc-detail__slider .slider__item { height:auto; min-height:0; }
.hc-detail .hc-detail__slider .slider:not(.slick-initialized) > .slider__item:not(:first-child) { display:none; }
.hc-detail .hc-detail__photo { display:block; width:100%; height:auto; max-width:100%; aspect-ratio:auto; object-fit:contain; }
.hc-detail .hc-detail__controls { display:flex; justify-content:flex-end; align-items:center; gap:8px; min-height:54px; padding:8px 14px; box-sizing:border-box; }
.hc-detail .hc-detail__controls button { display:grid; place-items:center; width:36px; height:36px; min-height:36px; margin:0; padding:0; border:1px solid #d9ddd4; border-radius:50%; background:#fff; color:var(--hc-ink); cursor:pointer; font:400 25px/1 "Open Sans",sans-serif; }
.hc-detail .hc-detail__controls button span { display:block; transform:translateY(-1px); }
.hc-detail .hc-detail__controls button:hover { background:#e8ebdf; }
.hc-detail .hc-detail__slider .slick-count { position:absolute; bottom:17px; right:110px; left:auto; top:auto; color:var(--hc-muted); font:400 11px/20px "Open Sans",sans-serif; }
.hc-detail .hc-detail__slider .slick-count .seperator { padding:0 5px; }
.hc-detail .hc-detail__arrival { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:18px 0 0; color:var(--hc-muted); font:400 13px/1.6 "Open Sans",sans-serif; }
.hc-detail .hc-detail__arrival a { color:var(--hc-ink); text-decoration:underline; text-underline-offset:4px; font-weight:600; }
.hc-detail .hc-detail__contact { margin-top:16px; padding:42px 0; background:var(--hc-paper); }
.hc-detail .hc-detail__contact-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; align-items:start; }
.hc-detail .hc-detail__contact-info { min-width:0; }
.hc-detail .hc-detail__contact-title { margin:0 0 20px; color:var(--hc-ink); font:600 28px/1.35 "Open Sans",sans-serif; letter-spacing:-.35px; }
.hc-detail .hc-detail__contact .location__item { display:block; margin:0; padding:0; border:0; }
.hc-detail .hc-detail__contact .location__info { display:none; }
.hc-detail .hc-detail__contact .location__contact { margin:0; padding:0; width:auto; }
.hc-detail .hc-detail__contact .contact__item { display:block; margin:0 0 12px; padding:0; color:var(--hc-ink); font:400 14px/1.6 "Open Sans",sans-serif; overflow-wrap:anywhere; }
.hc-detail .hc-detail__contact .contact__item.phone { font-size:23px; font-weight:600; }
.hc-detail .hc-detail__contact .contact__item i { display:none; }
.hc-detail .hc-detail__contact .contact__item address { display:block; margin-top:16px; font-style:normal; color:var(--hc-muted); }
.hc-detail .hc-detail__contact .route-link { display:inline-block; position:static; padding:0; margin:7px 0 0; color:var(--hc-ink); font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.hc-detail .hc-detail__contact-photo { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; margin-top:22px; border-radius:4px; }
.hc-detail .hc-detail__form-panel { min-width:0; padding:26px 28px; border:1px solid #e3e2d8; border-radius:4px; background:#fff; box-sizing:border-box; box-shadow:0 7px 28px #3c422909; }
.hc-detail .hc-detail__form-title { color:var(--hc-ink); margin:0 0 5px; font:600 21px/1.4 "Open Sans",sans-serif; letter-spacing:-.2px; }
.hc-detail .hc-detail__form-location { font:400 12px/1.6 "Open Sans",sans-serif; color:var(--hc-muted); margin:0 0 20px; }
.hc-detail .hc-detail__contact .centra-form > .flex-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 16px; margin:0; padding:0; }
.hc-detail .hc-detail__contact .centra-form > .flex-col > .flex-col__item { min-width:0; max-width:none; width:auto; margin:0; padding:0; flex:none; }
.hc-detail .hc-detail__contact .centra-form > .flex-col > :is(.flex-col__item--100,.flex-col__item--70,.flex-col__item--30) { grid-column:1/-1; }
.hc-detail .hc-detail__contact .centra-form .field-wrap { margin:0; padding:0; }
.hc-detail .hc-detail__contact .centra-form .field-wrap > label { display:block; color:#4d584f; margin:0 0 5px; font:600 12px/1.5 "Open Sans",sans-serif; }
.hc-detail .hc-detail__contact .centra-form input[type="text"], .hc-detail .hc-detail__contact .centra-form textarea { display:block; width:100%; min-width:0; height:42px; min-height:0; box-sizing:border-box; margin:0; padding:10px 11px; color:var(--hc-ink); background:#fbfbf8; border:1px solid #d9ddd4; border-radius:3px; box-shadow:none; font:400 16px/1.4 "Open Sans",sans-serif; }
.hc-detail .hc-detail__contact .centra-form input[type="text"]::placeholder { color:transparent; }
.hc-detail .hc-detail__contact .centra-form textarea { height:104px; min-height:104px; resize:vertical; }
.hc-detail .hc-detail__contact .centra-form textarea::placeholder { color:#777e75; font-size:13px; }
.hc-detail .hc-detail__contact .centra-form .checkbox label { color:var(--hc-muted); font:400 12px/1.65 "Open Sans",sans-serif; }
.hc-detail .hc-detail__contact .centra-form .checkbox label a { color:var(--hc-green); text-decoration:underline; text-underline-offset:2px; }
.hc-detail .hc-detail__contact .centra-form .submit-container { display:flex; justify-content:flex-end; margin:2px 0 0; padding:0; }
.hc-detail .hc-detail__contact .centra-form button[type="submit"] { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 20px; margin:0; border:1px solid var(--hc-green); border-radius:3px; background:var(--hc-green); color:#fff; font:600 13px/1.5 "Open Sans",sans-serif; }
.hc-detail .hc-detail__contact .centra-form button[type="submit"]:hover { background:#2d4033; }
.hc-detail .hc-detail__contact .centra-form button[type="submit"].loading { cursor:wait; }
.hc-detail .hc-detail__contact .centra-form :is(input,textarea):focus-visible, .hc-detail .hc-detail__controls button:focus-visible, .hc-detail .hc-detail__button:focus-visible { outline:2px solid #8e774b; outline-offset:3px; }
@media(max-width:1000px) {
 .hc-detail .hc-detail__intro { padding:26px; }
 .hc-detail .hc-detail__contact-grid { gap:28px; }
 .hc-detail .hc-detail__form-panel { padding:24px; }
}
@media(max-width:700px) {
 .hc-detail .hc-detail__shell { padding-left:20px; padding-right:20px; }
 .hc-detail > .hc-detail__shell { padding-top:20px; }
 .hc-detail .hc-detail__hero { grid-template-columns:minmax(0,1fr); }
 .hc-detail .hc-detail__intro { padding:25px 24px; }
 .hc-detail .hc-detail__title { font-size:29px; }
 .hc-detail .hc-detail__description.page-content { font-size:16px; margin-top:16px; }
 .hc-detail .hc-detail__description.page-content :is(h1,h2,h3,h4) { font-size:18px; }
 .hc-detail .hc-detail__actions { gap:16px; }
 .hc-detail .hc-detail__arrival { font-size:12px; gap:6px 16px; }
 .hc-detail .hc-detail__contact { padding:28px 0; }
 .hc-detail .hc-detail__contact-grid { grid-template-columns:minmax(0,1fr); gap:26px; }
 .hc-detail .hc-detail__contact-title { font-size:24px; }
 .hc-detail .hc-detail__form-panel { padding:22px 18px; }
 .hc-detail .hc-detail__contact .centra-form > .flex-col { gap:13px 12px; }
 .hc-detail .hc-detail__contact .centra-form .field-wrap > label { font-size:11px; }
 .hc-detail .hc-detail__contact .centra-form button[type="submit"] { width:100%; }
}

.hc-detail .hc-detail__contact .location__item, .hc-detail .hc-detail__contact .location__contact { background:transparent; }
