/* Busch R5-landingspagina (zie page-busch-r5.php) */

.stc-busch { --busch-ink:#00394D; --busch-accent:#00B7BE; --busch-support:#849CA6; --busch-ground:#F1F2F4; }

/* ---------- Hero ---------- */

.stc-busch__hero { padding-top: var(--extrasmall); }

.stc-busch__hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: var(--large);
    align-items: center;
    padding: var(--extralarge);
    border-radius: 15px;
    background: var(--busch-ink);
    color: #fff;
}

.stc-busch__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(0, 183, 190, .16);
    color: var(--busch-accent);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: var(--small);
}

.stc-busch__hero h1 {
    color: #fff;
    margin: 0 0 var(--extrasmall);
    line-height: 1.05;
}

.stc-busch__hero h1 span { color: var(--busch-accent); }

.stc-busch__hero p {
    color: rgba(255, 255, 255, .78);
    font-size: 1.05rem;
    line-height: 1.65;
    max-width: 46ch;
    margin: 0 0 var(--small);
}

.stc-busch__hero-buttons { display: flex; flex-wrap: wrap; gap: var(--extrasmall); }

.stc-busch__hero-media {
    position: relative;
    aspect-ratio: 4 / 3;
    border-radius: 15px;
    overflow: hidden;
    background: #002F3F;
}

.stc-busch__hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.stc-busch__schematic { position: absolute; inset: 0; width: 100%; height: 100%; }

.stc-busch__hero-note {
    position: absolute;
    left: var(--small);
    bottom: var(--small);
    font-size: .74rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
}

/* ---------- Intro + kenmerken ---------- */

.stc-busch__intro { padding: var(--huge) 0 var(--extralarge); }

.stc-busch__intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: var(--extralarge);
    align-items: start;
}

.stc-busch__intro h2 { margin: 0 0 var(--extrasmall); }
.stc-busch__intro-tekst { color: var(--busch-support); font-size: 1.02rem; line-height: 1.7; max-width: 58ch; }
.stc-busch__intro-tekst p:last-child { margin-bottom: 0; }

.stc-busch__kenmerk { padding: var(--small) 0; border-top: 1px solid #E3E7E9; }
.stc-busch__kenmerk:first-child { border-top: 0; padding-top: 0; }
.stc-busch__kenmerk h3 { font-size: 1.05rem; margin: 0 0 4px; color: var(--busch-ink); }
.stc-busch__kenmerk p { margin: 0; color: var(--busch-support); line-height: 1.65; }

/* ---------- Modellen ---------- */

.stc-busch__models { padding: var(--extralarge) 0; background: var(--busch-ground); }
.stc-busch__models-head { max-width: 62ch; margin-bottom: var(--medium); }
.stc-busch__models-head h2 { margin: 0 0 var(--extrasmall); }
.stc-busch__models-head p { color: var(--busch-support); line-height: 1.7; margin: 0; }

.stc-busch__table { background: #fff; border-radius: 15px; overflow: hidden; }

.stc-busch__row {
    display: grid;
    grid-template-columns: 1.35fr .75fr .7fr 1.5fr auto;
    gap: var(--small);
    align-items: center;
    padding: var(--small) var(--smallmedium);
    border-top: 1px solid #EBEFF1;
}

.stc-busch__row--head {
    border-top: 0;
    padding-top: var(--extrasmall);
    padding-bottom: var(--extrasmall);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--busch-support);
    background: #fff;
}

.stc-busch__row--featured { background: #F7FBFC; box-shadow: inset 3px 0 0 var(--busch-accent); }

.stc-busch__model-name { font-weight: 700; color: var(--busch-ink); font-size: 1.02rem; }
.stc-busch__model-value { color: var(--busch-ink); }
.stc-busch__model-use { color: var(--busch-support); }
.stc-busch__model-price { display: block; font-size: .82rem; color: var(--busch-support); font-weight: 400; }

.stc-busch__row .btn { padding: 10px 22px; white-space: nowrap; }

/* ---------- Onderdelen ---------- */

.stc-busch__parts { padding: var(--huge) 0; }

.stc-busch__parts-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: var(--extralarge);
    align-items: center;
}

.stc-busch__parts-media {
    aspect-ratio: 4 / 3;
    border-radius: 15px;
    overflow: hidden;
    background: #F1F2F4;
    position: relative;
}

.stc-busch__parts-media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.stc-busch__parts h2 { margin: 0 0 var(--extrasmall); }
.stc-busch__parts-tekst { color: var(--busch-support); line-height: 1.7; max-width: 56ch; }

.stc-busch__parts-list { list-style: none; margin: var(--small) 0 var(--small); padding: 0; columns: 2; column-gap: var(--small); }
.stc-busch__parts-list li { position: relative; padding-left: 22px; margin-bottom: 9px; color: var(--busch-ink); break-inside: avoid; }
.stc-busch__parts-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 10px; height: 2px; background: var(--busch-accent); }

/* ---------- Werking ---------- */

.stc-busch__how { padding: 0 0 var(--huge); }
.stc-busch__how-inner { max-width: 68ch; }
.stc-busch__how h2 { margin: 0 0 var(--extrasmall); }
.stc-busch__how-tekst { color: var(--busch-support); line-height: 1.75; }
.stc-busch__how-tekst p:last-child { margin-bottom: 0; }

.stc-busch__facts { display: flex; flex-wrap: wrap; gap: var(--small); margin-top: var(--small); }
.stc-busch__fact { padding-left: var(--extrasmall); border-left: 2px solid var(--busch-accent); }
.stc-busch__fact b { display: block; font-size: 1.35rem; color: var(--busch-ink); line-height: 1.1; }
.stc-busch__fact span { font-size: .85rem; color: var(--busch-support); }

/* ---------- Aanvraag ---------- */

.stc-busch__cta { padding: 0 0 var(--huge); }

.stc-busch__cta-inner {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: var(--extralarge);
    padding: var(--extralarge);
    border-radius: 15px;
    background: var(--busch-ink);
    color: #fff;
}

.stc-busch__cta h2 { color: #fff; margin: 0 0 var(--extrasmall); }
.stc-busch__cta p { color: rgba(255, 255, 255, .78); line-height: 1.7; max-width: 42ch; }
.stc-busch__cta a { color: #fff; }
.stc-busch__cta-contact { margin-top: var(--small); line-height: 1.9; }
.stc-busch__cta-contact strong { color: var(--busch-accent); }

.stc-busch__form { background: #fff; border-radius: 15px; padding: var(--smallmedium); color: var(--busch-ink); }

/* ---------- Mobiel ---------- */

@media (max-width: 992px) {
    .stc-busch__hero-inner,
    .stc-busch__intro-grid,
    .stc-busch__parts-grid,
    .stc-busch__cta-inner { grid-template-columns: 1fr; gap: var(--medium); padding: var(--medium); }

    .stc-busch__intro-grid,
    .stc-busch__parts-grid { padding: 0; }

    .stc-busch__parts-grid { direction: ltr; }
    .stc-busch__parts-media { order: -1; }

    .stc-busch__row--head { display: none; }

    .stc-busch__row {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: var(--small) var(--small);
    }

    .stc-busch__row [data-label]::before {
        content: attr(data-label) ": ";
        color: var(--busch-support);
        font-size: .82rem;
    }

    .stc-busch__row .btn { justify-self: start; margin-top: 6px; }

    .stc-busch__parts-list { columns: 1; }
}
/* --busch-fixes: knoppen op donkere grond en knoppen die niet mogen uitrekken */

.stc-busch__hero-buttons .btn--outline {
    color: #fff;
    border-color: rgba(255, 255, 255, .45);
    background: transparent;
}

.stc-busch__hero-buttons .btn--outline:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .7);
    color: #fff;
}

.stc-busch__parts .btn,
.stc-busch__hero-buttons .btn {
    width: fit-content;
    align-self: flex-start;
}
/* Productfoto in de hero en bij de modellen */

.stc-busch__hero-media img {
    object-fit: contain;
    padding: var(--small);
    background: #fff;
}

.stc-busch__model-name {
    display: flex;
    align-items: center;
    gap: 14px;
}

.stc-busch__model-thumb {
    flex: 0 0 auto;
    width: 62px;
    height: 46px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.stc-busch__model-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.stc-busch__model-label { display: block; min-width: 0; }