/*
 * Teymen v1.8 - Unified Inner Page Hero
 * Canonical visual: /tr/urunler/hizmetlerimiz
 * Scope: front-end inner pages with image-backed hero/banner areas.
 */

:root {
    --teymen-inner-hero-height: 290px;
    --teymen-inner-hero-overlay: .64;
    --teymen-inner-hero-title-size: clamp(34px, 2.65vw, 46px);
    --teymen-inner-hero-radius: 999px;
}

/* ---------- Standard hero shells ---------- */
main > section.page-header:first-of-type,
main > header.page-header:first-of-type,
main > section.page-hero:first-of-type,
main > header.page-hero:first-of-type,
main > .pando-career-page > section.page-header:first-of-type,
main > .alp-corp:first-child > section.page-hero:first-of-type {
    position: relative !important;
    isolation: isolate !important;
    min-height: var(--teymen-inner-hero-height) !important;
    height: auto !important;
    padding: 64px 0 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #151719 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Background images keep the same visual treatment site-wide. */
main > section.page-header:first-of-type .page-header-bg,
main > header.page-header:first-of-type .page-header-bg,
main > section.page-hero:first-of-type .page-hero-bg,
main > header.page-hero:first-of-type .page-hero-bg,
main > .pando-career-page > section.page-header:first-of-type .page-header-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    opacity: .58 !important;
    filter: grayscale(100%) contrast(1.06) !important;
    background-size: cover !important;
    background-position: center !important;
    transform: none !important;
    animation: none !important;
}

/* One overlay only. Pages that used a separate overlay no longer double-darken. */
main > section.page-header:first-of-type::after,
main > header.page-header:first-of-type::after,
main > section.page-hero:first-of-type::after,
main > header.page-hero:first-of-type::after,
main > .pando-career-page > section.page-header:first-of-type::after,
main > .alp-corp:first-child > section.page-hero:first-of-type::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
        rgba(10, 11, 12, .76) 0%,
        rgba(10, 11, 12, var(--teymen-inner-hero-overlay)) 48%,
        rgba(10, 11, 12, .72) 100%) !important;
}

main > section.page-header:first-of-type .header-overlay,
main > header.page-header:first-of-type .header-overlay,
main > .pando-career-page > section.page-header:first-of-type .header-overlay {
    display: none !important;
}

/* Mission / vision style pages use ::before for the image. */
main > .alp-corp:first-child > section.page-hero:first-of-type::before {
    opacity: .58 !important;
    filter: grayscale(100%) contrast(1.06) !important;
    transform: none !important;
    background-position: center !important;
    background-size: cover !important;
    z-index: 0 !important;
}

/* Content layer and ordering: breadcrumb first, then title. */
main > section.page-header:first-of-type > .container,
main > header.page-header:first-of-type > .container,
main > section.page-hero:first-of-type > .container,
main > header.page-hero:first-of-type > .container,
main > .pando-career-page > section.page-header:first-of-type > .container,
main > .alp-corp:first-child > section.page-hero:first-of-type > .container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

main > section.page-header:first-of-type .header-content,
main > header.page-header:first-of-type .header-content,
main > .pando-career-page > section.page-header:first-of-type .header-content,
main > section.page-header:first-of-type .header-content > div,
main > header.page-header:first-of-type .header-content > div,
main > .pando-career-page > section.page-header:first-of-type .header-content > div,
main > .alp-corp:first-child > section.page-hero:first-of-type .inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    animation: none !important;
    transform: none !important;
}

/* ---------- Unified title ---------- */
main > section.page-header:first-of-type h1,
main > header.page-header:first-of-type h1,
main > section.page-hero:first-of-type h1,
main > header.page-hero:first-of-type h1,
main > .pando-career-page > section.page-header:first-of-type h1,
main > .alp-corp:first-child > section.page-hero:first-of-type h1 {
    order: 2 !important;
    margin: 19px 0 0 !important;
    padding: 0 !important;
    max-width: 1100px !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--teymen-inner-hero-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.14) !important;
}

main > section.page-header:first-of-type h1 span,
main > header.page-header:first-of-type h1 span,
main > section.page-hero:first-of-type h1 span,
main > header.page-hero:first-of-type h1 span,
main > .pando-career-page > section.page-header:first-of-type h1 span,
main > .alp-corp:first-child > section.page-hero:first-of-type h1 span {
    color: #fff !important;
}

/* Category description can remain, but sits quietly below the common title. */
main > section.page-hero:first-of-type .category-desc,
main > header.page-hero:first-of-type .category-desc {
    order: 3 !important;
    max-width: 760px !important;
    margin: 13px auto 0 !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

/* ---------- Unified breadcrumb capsule ---------- */
main > section.page-header:first-of-type .breadcrumb-custom,
main > header.page-header:first-of-type .breadcrumb-custom,
main > section.page-hero:first-of-type .breadcrumb-custom,
main > header.page-hero:first-of-type .breadcrumb-custom,
main > section.page-hero:first-of-type .breadcrumb-modern,
main > header.page-hero:first-of-type .breadcrumb-modern,
main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom {
    order: 1 !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: min(100%, 980px) !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 10px 19px !important;
    list-style: none !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: var(--teymen-inner-hero-radius) !important;
    background: rgba(255,255,255,.075) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    backdrop-filter: blur(9px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    color: rgba(255,255,255,.62) !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

main > section.page-header:first-of-type .breadcrumb-custom li,
main > header.page-header:first-of-type .breadcrumb-custom li,
main > section.page-hero:first-of-type .breadcrumb-custom li,
main > header.page-hero:first-of-type .breadcrumb-custom li,
main > section.page-hero:first-of-type .breadcrumb-modern li,
main > header.page-hero:first-of-type .breadcrumb-modern li,
main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom li,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom li {
    color: rgba(255,255,255,.64) !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: normal !important;
}

main > section.page-header:first-of-type .breadcrumb-custom a,
main > header.page-header:first-of-type .breadcrumb-custom a,
main > section.page-hero:first-of-type .breadcrumb-custom a,
main > header.page-hero:first-of-type .breadcrumb-custom a,
main > section.page-hero:first-of-type .breadcrumb-modern a,
main > header.page-hero:first-of-type .breadcrumb-modern a,
main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom a,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom a {
    color: rgba(255,255,255,.70) !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

main > section.page-header:first-of-type .breadcrumb-custom a:hover,
main > header.page-header:first-of-type .breadcrumb-custom a:hover,
main > section.page-hero:first-of-type .breadcrumb-custom a:hover,
main > header.page-hero:first-of-type .breadcrumb-custom a:hover,
main > section.page-hero:first-of-type .breadcrumb-modern a:hover,
main > header.page-hero:first-of-type .breadcrumb-modern a:hover,
main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom a:hover,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom a:hover {
    color: #fff !important;
}

main > section.page-header:first-of-type .breadcrumb-custom li:last-child,
main > header.page-header:first-of-type .breadcrumb-custom li:last-child,
main > section.page-hero:first-of-type .breadcrumb-custom li:last-child,
main > header.page-hero:first-of-type .breadcrumb-custom li:last-child,
main > section.page-hero:first-of-type .breadcrumb-modern li:last-child,
main > header.page-hero:first-of-type .breadcrumb-modern li:last-child,
main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom li:last-child,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom li:last-child {
    color: var(--site-primary-color) !important;
}

main > section.page-header:first-of-type .breadcrumb-custom li + li::before,
main > header.page-header:first-of-type .breadcrumb-custom li + li::before,
main > section.page-hero:first-of-type .breadcrumb-custom li + li::before,
main > header.page-hero:first-of-type .breadcrumb-custom li + li::before,
main > section.page-hero:first-of-type .breadcrumb-modern li + li::before,
main > header.page-hero:first-of-type .breadcrumb-modern li + li::before,
main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom li + li::before,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom li + li::before {
    content: "/" !important;
    display: inline-block !important;
    margin: 0 10px !important;
    color: rgba(255,255,255,.28) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

/* Home icon in old breadcrumbs is visually redundant in the unified pill. */
main > section.page-header:first-of-type .breadcrumb-custom .fa-home,
main > header.page-header:first-of-type .breadcrumb-custom .fa-home,
main > section.page-hero:first-of-type .breadcrumb-custom .fa-home,
main > header.page-hero:first-of-type .breadcrumb-custom .fa-home,
main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom .fa-home {
    display: none !important;
}

/* ---------- About page's custom hero joins the same family ---------- */
main > .alp-about-page:first-child > .alp-about-hero:first-of-type {
    position: relative !important;
    isolation: isolate !important;
    min-height: var(--teymen-inner-hero-height) !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #151719 !important;
    color: #fff !important;
    overflow: hidden !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type::before {
    inset: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    opacity: .58 !important;
    filter: grayscale(100%) contrast(1.06) !important;
    transform: none !important;
    background-position: center !important;
    background-size: cover !important;
    z-index: -2 !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type::after {
    background: linear-gradient(90deg, rgba(10,11,12,.76), rgba(10,11,12,.64), rgba(10,11,12,.72)) !important;
    z-index: -1 !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type > .container {
    width: 100% !important;
    padding: 64px 15px 56px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type .alp-about-kicker {
    display: none !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type h1 {
    order: 2 !important;
    max-width: 1100px !important;
    margin: 19px 0 0 !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--teymen-inner-hero-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type .alp-about-bc {
    order: 1 !important;
    display: inline-flex !important;
    width: auto !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 10px 19px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.075) !important;
    backdrop-filter: blur(9px) !important;
    color: rgba(255,255,255,.64) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    justify-content: center !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type .alp-about-bc li:nth-child(2) {
    color: rgba(255,255,255,.28) !important;
    margin: 0 10px !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type .alp-about-bc a {
    color: rgba(255,255,255,.70) !important;
    opacity: 1 !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type .alp-about-bc .active {
    color: var(--site-primary-color) !important;
}
main > .alp-about-page:first-child > .alp-about-hero:first-of-type p {
    order: 3 !important;
    max-width: 760px !important;
    margin: 13px auto 0 !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* ---------- Blog listing hero ---------- */
.alp-blog-list-page > .alp-blog-page-header:first-child {
    min-height: var(--teymen-inner-hero-height) !important;
    height: auto !important;
    padding: 0 !important;
    background: #151719 !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-page-header-bg {
    opacity: .58 !important;
    filter: grayscale(100%) contrast(1.06) !important;
    transform: none !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-page-header-overlay {
    background: linear-gradient(90deg, rgba(10,11,12,.76), rgba(10,11,12,.64), rgba(10,11,12,.72)) !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-page-header-content {
    min-height: var(--teymen-inner-hero-height) !important;
    padding: 64px 15px 56px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child h1 {
    order: 2 !important;
    margin: 19px 0 0 !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--teymen-inner-hero-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child h1 span { color: #fff !important; }
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-breadcrumb {
    order: 1 !important;
    display: inline-flex !important;
    width: auto !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 10px 19px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.075) !important;
    backdrop-filter: blur(9px) !important;
    color: rgba(255,255,255,.64) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-breadcrumb li + li::before {
    content: "/" !important;
    display: inline-block !important;
    margin: 0 10px !important;
    color: rgba(255,255,255,.28) !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-breadcrumb .active {
    color: var(--site-primary-color) !important;
}
.alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-page-header-desc {
    order: 3 !important;
    max-width: 760px !important;
    margin: 13px auto 0 !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* ---------- Fixed / transparent navbar compatibility ---------- */
body.has-fixed-header main > section.page-header:first-of-type,
body.has-fixed-header main > header.page-header:first-of-type,
body.has-fixed-header main > section.page-hero:first-of-type,
body.has-fixed-header main > header.page-hero:first-of-type,
body.has-fixed-overlay-header main > section.page-header:first-of-type,
body.has-fixed-overlay-header main > header.page-header:first-of-type,
body.has-fixed-overlay-header main > section.page-hero:first-of-type,
body.has-fixed-overlay-header main > header.page-hero:first-of-type,
body.has-fixed-overlay-header main > .alp-corp:first-child > section.page-hero:first-of-type,
body.has-fixed-header main > .pando-career-page > section.page-header:first-of-type,
body.has-fixed-overlay-header main > .pando-career-page > section.page-header:first-of-type {
    padding-top: calc(var(--site-fixed-header-offset, 0px) + 52px) !important;
    padding-bottom: 52px !important;
    min-height: calc(var(--teymen-inner-hero-height) + var(--site-fixed-header-offset, 0px)) !important;
}
body.has-fixed-overlay-header main > .alp-about-page:first-child > .alp-about-hero:first-of-type > .container {
    padding-top: calc(var(--site-fixed-header-offset, 0px) + 52px) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
    :root {
        --teymen-inner-hero-height: 255px;
        --teymen-inner-hero-title-size: clamp(30px, 5vw, 39px);
    }
    main > section.page-header:first-of-type,
    main > header.page-header:first-of-type,
    main > section.page-hero:first-of-type,
    main > header.page-hero:first-of-type,
    main > .pando-career-page > section.page-header:first-of-type,
    main > .alp-corp:first-child > section.page-hero:first-of-type {
        padding: 54px 0 48px !important;
    }
    .alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-page-header-content,
    main > .alp-about-page:first-child > .alp-about-hero:first-of-type > .container {
        min-height: var(--teymen-inner-hero-height) !important;
        padding: 54px 15px 48px !important;
    }
}

@media (max-width: 575.98px) {
    :root {
        --teymen-inner-hero-height: 225px;
        --teymen-inner-hero-title-size: clamp(27px, 8vw, 34px);
    }
    main > section.page-header:first-of-type,
    main > header.page-header:first-of-type,
    main > section.page-hero:first-of-type,
    main > header.page-hero:first-of-type,
    main > .pando-career-page > section.page-header:first-of-type,
    main > .alp-corp:first-child > section.page-hero:first-of-type {
        padding: 44px 0 40px !important;
    }
    main > section.page-header:first-of-type .breadcrumb-custom,
    main > header.page-header:first-of-type .breadcrumb-custom,
    main > section.page-hero:first-of-type .breadcrumb-custom,
    main > header.page-hero:first-of-type .breadcrumb-custom,
    main > section.page-hero:first-of-type .breadcrumb-modern,
    main > header.page-hero:first-of-type .breadcrumb-modern,
    main > .pando-career-page > section.page-header:first-of-type .breadcrumb-custom,
    main > .alp-corp:first-child > section.page-hero:first-of-type .breadcrumb-custom,
    main > .alp-about-page:first-child > .alp-about-hero:first-of-type .alp-about-bc,
    .alp-blog-list-page > .alp-blog-page-header:first-child .alp-blog-breadcrumb {
        padding: 9px 14px !important;
        font-size: 9.5px !important;
        letter-spacing: .035em !important;
        border-radius: 18px !important;
    }
    main > section.page-header:first-of-type h1,
    main > header.page-header:first-of-type h1,
    main > section.page-hero:first-of-type h1,
    main > header.page-hero:first-of-type h1,
    main > .pando-career-page > section.page-header:first-of-type h1,
    main > .alp-corp:first-child > section.page-hero:first-of-type h1,
    main > .alp-about-page:first-child > .alp-about-hero:first-of-type h1,
    .alp-blog-list-page > .alp-blog-page-header:first-child h1 {
        margin-top: 15px !important;
    }
}

/* ========================================================================== 
   v1.9 - Blog detail hero joins the unified inner-page family
   Canonical visual: /tr/urunler/hizmetlerimiz
   ========================================================================== */
.pando-blog-detail > .pando-blog-hero:first-child {
    position: relative !important;
    isolation: isolate !important;
    min-height: var(--teymen-inner-hero-height) !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #151719 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-hero-bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .58 !important;
    filter: grayscale(100%) contrast(1.06) !important;
    transform: none !important;
    animation: none !important;
    mix-blend-mode: normal !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 0 !important;
}

.pando-blog-detail > .pando-blog-hero:first-child::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,
        rgba(10,11,12,.76) 0%,
        rgba(10,11,12,var(--teymen-inner-hero-overlay)) 48%,
        rgba(10,11,12,.72) 100%) !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    width: min(calc(100% - 30px), 1320px) !important;
    min-height: var(--teymen-inner-hero-height) !important;
    margin: 0 auto !important;
    padding: 64px 0 56px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    animation: none !important;
    transform: none !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb {
    order: 1 !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: min(100%, 980px) !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 10px 19px !important;
    list-style: none !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: var(--teymen-inner-hero-radius) !important;
    background: rgba(255,255,255,.075) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    backdrop-filter: blur(9px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    color: rgba(255,255,255,.62) !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb li,
.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb a {
    color: rgba(255,255,255,.70) !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb li {
    display: inline-flex !important;
    align-items: center !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb li:last-child {
    color: var(--site-primary-color) !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb li + li::before {
    content: "/" !important;
    display: inline-block !important;
    margin: 0 10px !important;
    color: rgba(255,255,255,.28) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-title {
    order: 2 !important;
    max-width: 1100px !important;
    margin: 19px 0 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: var(--teymen-inner-hero-title-size) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.14) !important;
}

/* Legacy template-specific kicker/meta no longer change the hero composition. */
.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-kicker,
.pando-blog-detail > .pando-blog-hero:first-child .pando-blog-meta {
    display: none !important;
}

/* Preserve useful article metadata immediately below the common hero. */
.pando-blog-post-meta-bar {
    background: #fff;
    border-bottom: 1px solid #eceff3;
}
.pando-blog-post-meta-inner {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #6f7885;
    font-size: 13px;
    font-weight: 700;
}
.pando-blog-post-meta-inner span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.pando-blog-post-meta-inner i {
    color: var(--site-primary-color, var(--pbd-accent));
}

/* All blog detail visual templates now share the same hero. */
.pando-blog--editorial > .pando-blog-hero:first-child,
.pando-blog--magazine > .pando-blog-hero:first-child,
.pando-blog--premium > .pando-blog-hero:first-child,
.pando-blog--minimal > .pando-blog-hero:first-child,
.pando-blog--spotlight > .pando-blog-hero:first-child,
.pando-blog--split > .pando-blog-hero:first-child,
.pando-blog--journal > .pando-blog-hero:first-child,
.pando-blog--corporate > .pando-blog-hero:first-child,
.pando-blog--technical > .pando-blog-hero:first-child,
.pando-blog--glass > .pando-blog-hero:first-child,
.pando-blog--bold > .pando-blog-hero:first-child,
.pando-blog--story > .pando-blog-hero:first-child,
.pando-blog--focus > .pando-blog-hero:first-child,
.pando-blog--gradient > .pando-blog-hero:first-child {
    min-height: var(--teymen-inner-hero-height) !important;
    background: #151719 !important;
    border: 0 !important;
    align-items: center !important;
}

body.has-fixed-header .pando-blog-detail > .pando-blog-hero:first-child .pando-blog-hero-inner,
body.has-fixed-overlay-header .pando-blog-detail > .pando-blog-hero:first-child .pando-blog-hero-inner {
    padding-top: calc(var(--site-fixed-header-offset, 0px) + 52px) !important;
    padding-bottom: 52px !important;
    min-height: calc(var(--teymen-inner-hero-height) + var(--site-fixed-header-offset, 0px)) !important;
}

@media (max-width: 991.98px) {
    .pando-blog-detail > .pando-blog-hero:first-child .pando-blog-hero-inner {
        padding: 54px 0 48px !important;
    }
}

@media (max-width: 575.98px) {
    .pando-blog-detail > .pando-blog-hero:first-child .pando-blog-hero-inner {
        padding: 44px 0 40px !important;
    }
    .pando-blog-detail > .pando-blog-hero:first-child .pando-blog-breadcrumb {
        padding: 9px 14px !important;
        font-size: 9.5px !important;
        letter-spacing: .035em !important;
        border-radius: 18px !important;
    }
    .pando-blog-detail > .pando-blog-hero:first-child .pando-blog-title {
        margin-top: 15px !important;
    }
    .pando-blog-post-meta-inner {
        justify-content: flex-start;
        gap: 8px 18px;
        font-size: 12px;
    }
}