/* ── Hero (full-bleed, gedeeld met winkel) ────────────── */
        .winkel-hero {
            width: 100%;
            padding: calc(var(--bs-app-header-height, 78px) + 2.5rem) 0 3.5rem;
        }
        .winkel-hero-title {
            font-size: 42px;
            line-height: 1.15;
        }
        .winkel-hero-address {
            opacity: .9;
        }
        @media (max-width: 575.98px) {
            .winkel-hero {
                padding: calc(var(--bs-app-header-height, 70px) + 1.5rem) 0 2rem;
            }
            .winkel-hero-title {
                font-size: 32px;
            }
        }

        .winkel-section-title {
            font-size: 32px;
        }
        @media (max-width: 575.98px) {
            .winkel-section-title {
                font-size: 26px;
            }
        }

        .hero-orange {
            background-color: #f36e22;
            color: #fff;
        }
        .hero-back-link {
            color: rgba(255, 255, 255, .8);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            transition: color .15s, transform .15s;
        }
        .hero-back-link:hover { color: #fff; transform: translateX(-2px); }
        .hero-chip {
            background-color: rgba(255, 255, 255, .18);
            border: 1px solid rgba(255, 255, 255, .3);
        }

        /* ── Social buttons ───────────────────────────────────── */
        .social-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px; height: 38px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .15);
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
            text-decoration: none;
            transition: background .15s, transform .15s;
        }
        .social-btn:hover {
            background: rgba(255, 255, 255, .28);
            color: #fff;
            transform: translateY(-2px);
        }

        /* ── Stats strip ──────────────────────────────────────── */
        .centra-stats { background: var(--bs-card-bg); }
        .centra-stat-value {
            font-size: 28px;
            font-weight: 800;
            color: #f36e22;
            line-height: 1;
        }
        .centra-stat-label {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: var(--bs-secondary-color);
            margin-top: 4px;
        }

        /* ── Tabs ─────────────────────────────────────────────── */
        .centra-tabs-header {
            padding: 0 !important;
            border-bottom: 1px solid var(--bs-border-color);
            overflow-x: auto;
        }
        .centra-tabs {
            flex-wrap: nowrap;
            border-bottom: 0 !important;
            min-width: max-content;
        }
        .centra-tabs .nav-link {
            border: 0 !important;
            background: transparent;
            color: var(--bs-gray-700);
            font-weight: 600;
            padding: 1.25rem 1.5rem;
            border-bottom: 3px solid transparent !important;
            border-radius: 0;
            white-space: nowrap;
            transition: color .15s, border-color .15s;
        }
        .centra-tabs .nav-link:hover {
            color: #f36e22;
            border-bottom-color: rgba(243, 110, 34, .3) !important;
        }
        .centra-tabs .nav-link.active {
            color: #f36e22 !important;
            border-bottom-color: #f36e22 !important;
            background: transparent;
        }

        /* Tab-teller: oranje tint + donker oranje tekst voor voldoende contrast */
        .centra-tab-count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 24px;
            padding: 2px 8px;
            border-radius: 10px;
            background: rgba(243, 110, 34, .12);
            color: #c44e10;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.4;
        }
        .centra-tabs .nav-link.active .centra-tab-count {
            background: #f36e22;
            color: #fff;
        }
        [data-bs-theme="dark"] .centra-tab-count {
            background: rgba(243, 110, 34, .22);
            color: #ffb27a;
        }

        /* ── Rich body ────────────────────────────────────────── */
        .centra-rich img { max-width: 100%; border-radius: 8px; margin: .75rem 0; }
        .centra-rich > *:first-child { margin-top: 0; }
        .centra-rich > *:last-child  { margin-bottom: 0; }

        .bg-light-orange-soft {
            background: #fff8f2;
        }
        [data-bs-theme="dark"] .bg-light-orange-soft {
            background: #2a1f18;
        }

        /* ── Shortcut-kaarten ─────────────────────────────────── */
        .shortcut-card {
            background: var(--bs-card-bg);
            border: 1px solid var(--bs-border-color);
            border-radius: 10px;
            padding: 1.25rem;
            transition: border-color .15s, transform .15s, box-shadow .15s;
            cursor: pointer;
        }
        .shortcut-card:hover {
            border-color: #f36e22;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(243, 110, 34, .08);
        }

        /* ── Locatie-kaarten ──────────────────────────────────── */
        .centra-loc-card {
            border: 1px solid var(--bs-border-color);
            border-radius: 10px;
            padding: 1.25rem;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: border-color .15s, transform .15s, box-shadow .15s;
            background: var(--bs-card-bg);
            color: inherit;
        }
        .centra-loc-card:hover {
            border-color: #f36e22;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(243, 110, 34, .08);
            color: inherit;
        }

        /* ── Activity / news card ─────────────────────────────── */
        .activity-card,
        .news-card {
            border: 1px solid var(--bs-border-color);
            transition: border-color .15s, transform .15s, box-shadow .15s;
        }
        .activity-card:hover,
        .news-card:hover {
            border-color: #f36e22;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(243, 110, 34, .08);
        }

        /* ── Service card ─────────────────────────────────────── */
        .service-card {
            transition: border-color .15s, transform .15s, box-shadow .15s;
        }
        .service-card:hover {
            border-color: #f36e22;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(243, 110, 34, .08);
        }
        .service-body > *:first-child { margin-top: 0; }
        .service-body > *:last-child  { margin-bottom: 0; }