.dian-page__breadcrumbs-wrap {
    background: linear-gradient(90deg, rgba(87, 197, 208, 0.1) 0%, rgba(215, 238, 235, 0.1) 100%);
}

.dian-page__breadcrumbs {
    width: 100%;
    max-width: var(--dian-container-width, 1216px);
    margin-inline: auto;
    padding-block: var(--dian-spacing-16);
    box-sizing: border-box;
}

.dian-page__breadcrumbs .rank-math-breadcrumb p {
    margin: 0;
    gap: var(--dian-spacing-4);
    font-family: var(--dian-bague-reg);
    font-size: var(--dian-body-14);
    line-height: var(--dian-line-height-body-xxs);
    color: #556566;
}

.dian-page__breadcrumbs .rank-math-breadcrumb a {
    color: #556566;
    text-decoration: none;
}

.dian-page__breadcrumbs .rank-math-breadcrumb a:hover,
.dian-page__breadcrumbs .rank-math-breadcrumb a:focus {
    color: #009ca7;
}

.dian-page__breadcrumbs .rank-math-breadcrumb .last {
    color: #1e1e1e;
}

.dian-page__header {
    padding-inline: var(--dian-spacing-16);
}

.dian-page__header-inner {
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
}

.woocommerce-cart .dian-page__header-inner,
.woocommerce-checkout .dian-page__header-inner {
    max-width: var(--gb-container-width);
}

.dian-page__title {
    margin: 0;
    font-family: var(--dian-bague-bold);
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 6rem;
    letter-spacing: -1.12px;
    color: #1e1e1e;
}

body:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout).one-container .site-main > :last-child {
    max-width: 900px;
    margin: 2em auto 0 auto;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media screen and (max-width: 1024px) {
    .dian-page__title {
        font-size: 4rem;
        line-height: 4.6rem;
        letter-spacing: -0.8px;
    }
}

@media screen and (max-width: 783px) {
    .dian-page__breadcrumbs {
        padding-inline: var(--dian-spacing-16);
    }
}

@media screen and (max-width: 782px) {
    /* Edge to edge on phones. */
    .dian-page__breadcrumbs-wrap {
        margin-inline: 0;
    }

    .dian-page__title {
        font-size: 2.8rem;
        line-height: 3.4rem;
        letter-spacing: -0.5px;
    }
}

@media (max-width: 1264px) {
    .dian-page__breadcrumbs {
        padding-inline: var(--dian-spacing-16);
    }
}
@media (min-width: 1264px) {
    .dian-page__breadcrumbs-wrap {
        margin-inline: var(--dian-spacing-24);
    }
}