/* Business surface compact rhythm */
.yo-page--business {
    --yo-business-shell: 1160px;
    --yo-business-text: 760px;
    --yo-business-dense: 1040px;
    --yo-business-grid: 1160px;
    --yo-business-hero-h1: clamp(2.4rem, 5vw, 4.3rem);
    --yo-business-hero-line: .95;
    --yo-business-panel-balance: -14px;
    --yo-business-hero-top: clamp(58px, 5.8vw, 72px);
    --yo-business-hero-bottom: clamp(34px, 4vw, 48px);
    --yo-media-hero-top: rgba(26, 82, 82, .92);
    --yo-media-hero-bottom: rgba(15, 51, 51, .94);
    overflow-x: clip;
    background: linear-gradient(180deg, #f8f6f1 0%, #fff 30%, #f7f4ef 100%);
}

.yo-page--business.yo-press-hub {
    --yo-press-max: var(--yo-business-grid);
}

.yo-page--business.yo-contact-hub {
    --yo-contact-max: var(--yo-business-grid);
}

.yo-page--business.yo-about-hub {
    --yo-about-shell: var(--yo-business-shell);
    --yo-about-max: var(--yo-business-shell);
}

.yo-page--business.yo-about-hub .yo-about-narrow {
    width: min(calc(100vw - 48px), var(--yo-business-shell));
    max-width: var(--yo-business-shell);
}

.yo-page--business.yo-advertise-page {
    padding-top: 0;
}

body.yo2-standard-content .site-main:has(.yo-page--business) {
    padding-top: 0;
}

body.yo2-standard-content #main.site-main:has(.yo-page--business) {
    padding-top: 0;
}

.yo-business-container {
    width: 100%;
    max-width: var(--yo-business-shell);
    margin: 0 auto;
    padding: 0 24px;
}

.yo-business-hero,
.yo-page--business .yo-advertise-hero,
.yo-page--business .yo-contact-hero {
    padding-block: var(--yo-business-hero-top) var(--yo-business-hero-bottom);
    color: #fff;
}

.yo-business-hero,
.yo-page--business .yo-advertise-hero {
    background:
        linear-gradient(135deg, rgba(16, 56, 56, .98) 0%, rgba(26, 82, 82, .97) 56%, rgba(10, 28, 31, .98) 100%);
}

.yo-page--contact .yo-contact-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(115deg, rgba(15, 51, 51, .96) 0%, rgba(15, 51, 51, .88) 32%, rgba(22, 70, 70, .68) 62%, rgba(26, 82, 82, .40) 100%),
        url("/wp-content/uploads/2026/05/iletisim-yoldaolmak.webp") center 46% / cover no-repeat;
}

.yo-business-breadcrumb,
.yo-page--business .yo-advertise-breadcrumb,
.yo-page--business .yo-contact-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .72);
    font-size: .8rem;
}

.yo-business-breadcrumb a,
.yo-page--business .yo-advertise-breadcrumb a,
.yo-page--business .yo-contact-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.yo-business-hero__grid,
.yo-page--business .yo-advertise-hero__grid,
.yo-page--business .yo-contact-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, .92fr);
    gap: clamp(22px, 3vw, 34px);
    align-items: center;
}

.yo-business-hero__copy,
.yo-page--business .yo-advertise-hero__copy,
.yo-page--business .yo-contact-hero__copy {
    align-self: start;
}

.yo-page--business .yo-hero__eyebrow,
.yo-page--business .yo-business-hero .yo-business-eyebrow,
.yo-page--business .yo-contact-hero .yo-contact-eyebrow {
    margin: 0 0 6px;
    color: var(--yo-color-terra);
    font-size: var(--yo-eyebrow-size);
    font-weight: var(--yo-eyebrow-weight);
    letter-spacing: var(--yo-eyebrow-spacing);
    text-transform: var(--yo-eyebrow-transform);
}

.yo-page--business :is(.yo-business-hero, .yo-advertise-hero, .yo-contact-hero) h1 {
    margin: 0;
    color: #fff;
    font-size: var(--yo-business-hero-h1);
    line-height: var(--yo-business-hero-line);
    letter-spacing: 0;
}

.yo-business-lead,
.yo-page--business .yo-advertise-lead,
.yo-page--business .yo-contact-hero__text {
    max-width: var(--yo-business-text);
    margin: 16px 0 0;
    color: rgba(255, 255, 255, .88);
    font-size: 1rem;
    line-height: 1.65;
}

.yo-business-actions,
.yo-page--business .yo-advertise-actions,
.yo-page--business .yo-contact-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.yo-business-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 20px;
    color: rgba(255, 255, 255, .72);
    font-size: .83rem;
}

.yo-business-hero__panel {
    align-self: center;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    background: rgba(255, 255, 255, .06);
}

.yo-business-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.yo-business-stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 98px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .16);
}

.yo-business-stat strong {
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.yo-business-stat span {
    color: rgba(255, 255, 255, .76);
    font-size: .86rem;
    line-height: 1.45;
}

.yo-business-stat--pulse strong {
    display: inline-grid;
    align-items: center;
    justify-items: start;
    padding-left: 8px;
    min-height: 38px;
}

.yo-live-pulse {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 8px rgba(34, 197, 94, .20), 0 0 30px rgba(34, 197, 94, .42);
}

.yo-live-pulse::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: inherit;
    border: 2px solid rgba(34, 197, 94, .72);
    background: rgba(34, 197, 94, .18);
    animation: yo-live-pulse 1.65s ease-out infinite;
}

.yo-business-stat--pulse > span {
    color: #fff;
    font-weight: 800;
    letter-spacing: .12em;
}

@keyframes yo-live-pulse {
    0% {
        opacity: .95;
        transform: translate(-50%, -50%) scale(0);
    }

    55% {
        opacity: .52;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(5.2);
    }
}

@media (min-width: 961px) {
    .yo-page--business :is(
        .yo-business-container,
        .yo-advertise-container,
        .yo-press-container,
        .yo-about-container,
        .yo-section > .yo-container,
        .yo-about-identity__grid
    ) {
        max-width: var(--yo-business-shell);
    }

    .yo-page--business .yo-contact-container:not(.yo-contact-faq-wrap) {
        max-width: var(--yo-business-shell);
    }

    .yo-page--business :is(
        .yo-business-lead,
        .yo-advertise-lead,
        .yo-contact-hero__copy,
        .yo-contact-form-intro,
        .yo-press-head,
        .yo-about-narrow > *,
        .yo-about-section h2,
        .yo-about-section p,
        .yo-about-identity__copy
    ) {
        max-width: var(--yo-business-text);
    }

    .yo-page--business :is(
        .yo-business-hero .yo-business-container,
        .yo-advertise-hero .yo-advertise-container,
        .yo-contact-hero .yo-contact-container,
        .yo-advertise-section:has(.yo-advertise-form-wrap) .yo-advertise-container,
        .yo-contact-section:has(.yo-contact-form-box) .yo-contact-container,
        .yo-contact-faq-wrap,
        .yo-press-section:has(.yo-press-feature-grid) .yo-press-container,
        .yo-press-section:has(.yo-press-card-grid) .yo-press-container,
        .yo-about-stat-cards,
        .yo-about-statbox,
        .yo-about-logo-wall,
        .yo-card-grid
    ) {
        max-width: var(--yo-business-grid);
    }

    .yo-page--business :is(
        .yo-about-stat-cards,
        .yo-about-statbox,
        .yo-about-logo-wall,
        .yo-card-grid
    ) {
        width: 100%;
        margin-inline: auto;
    }

    .yo-page--business .yo-about-identity__grid {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
        grid-template-areas:
            "copy profile"
            "stats profile";
        column-gap: clamp(24px, 4vw, 54px);
        row-gap: 18px;
    }

    .yo-page--business .yo-about-split {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
        gap: clamp(24px, 4vw, 48px);
    }

    .yo-page--business .yo-about-stat-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .yo-page--business .yo-pillar-spoke-grid-h {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .yo-page--business :is(
        .yo-business-hero__copy,
        .yo-advertise-hero__copy,
        .yo-contact-hero__copy
    ) {
        display: grid;
        grid-template-rows: auto auto auto auto auto;
        align-content: start;
    }

    .yo-page--business :is(
        .yo-business-hero__copy,
        .yo-advertise-hero__copy,
        .yo-contact-hero__copy
    ) :is(.yo-business-lead, .yo-advertise-lead, .yo-contact-hero__text) {
        align-self: start;
    }

    .yo-page--business :is(
        .yo-business-actions,
        .yo-advertise-actions,
        .yo-contact-hero__actions
    ) {
        align-self: start;
    }

    .yo-page--business :is(
        .yo-business-hero__panel
    ) {
        transform: translateY(var(--yo-business-panel-balance));
    }
}

.yo-page--business .yo-press-logo-band,
.yo-page--business .yo-advertise-section,
.yo-page--business .yo-contact-section {
    padding-block-start: clamp(34px, 5vw, 66px);
    padding-block-end: clamp(30px, 4.5vw, 58px);
}

.yo-page--business .yo-press-section,
.yo-advertise-page .yo-advertise-section,
.yo-contact-hub .yo-contact-section {
    padding-block: clamp(34px, 5vw, 62px);
}

.yo-page--business .yo-press-section--soft,
.yo-advertise-page .yo-advertise-section--soft,
.yo-contact-hub .yo-contact-section--soft {
    padding-block: clamp(38px, 5.5vw, 68px);
}

.yo-page--business :is(
    .yo-advertise-audience-grid,
    .yo-advertise-services,
    .yo-advertise-case-grid,
    .yo-advertise-principles,
    .yo-contact-card-grid,
    .yo-press-card-grid,
    .yo-about-card-grid,
    .yo-about-stat-cards
) {
    gap: clamp(16px, 2vw, 22px);
}

.yo-work-page .yo-advertise-section {
    width: 100%;
    max-width: none;
}

.yo-work-page .yo-advertise-section-head {
    margin-bottom: 12px;
}

.yo-work-page .yo-section__eyebrow {
    color: var(--yo-color-terra);
}

.yo-work-page :is(
    .yo-advertise-audience-grid,
    .yo-advertise-case-grid,
    .yo-advertise-principles
) {
    gap: clamp(12px, 1.8vw, 18px);
}

.yo-page--business .yo-advertise-audience-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yo-page--business .yo-contact-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yo-page--business :is(.yo-press-logo-wall, .yo-about-logo-wall, .yo-advertise-logo-wall) {
    display: grid;
    gap: 10px;
}

.yo-page--business .yo-press-logo-wall {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.yo-page--business .yo-about-logo-wall {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yo-page--business .yo-advertise-logo-wall {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.yo-page--business :is(.yo-press-logo-wall, .yo-about-logo-wall, .yo-advertise-logo-wall) span {
    display: grid;
    min-height: 52px;
    place-items: center;
    padding: 10px;
    border: 1px solid rgba(26, 82, 82, .1);
    border-radius: 12px;
    background: #fbfcfb;
    color: rgba(18, 63, 63, .68);
    font-size: .82rem;
    font-weight: 900;
    text-align: center;
    filter: grayscale(1);
}

.yo-page--business :is(
    .yo-advertise-card,
    .yo-advertise-service,
    .yo-advertise-case,
    .yo-advertise-reference-group,
    .yo-contact-card,
    .yo-press-feature-card,
    .yo-press-card,
    .yo-press-type-card
) {
    align-content: start;
    border: 1px solid rgba(26, 82, 82, .1);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .05);
    row-gap: 12px;
}

.yo-page--business .yo-advertise-card {
    padding: 16px;
}

.yo-page--business .yo-contact-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
}

.yo-page--business :is(
    .yo-advertise-card,
    .yo-advertise-service,
    .yo-advertise-case,
    .yo-advertise-reference-group,
    .yo-contact-card,
    .yo-press-feature-card,
    .yo-press-card,
    .yo-press-type-card
) :is(h3, p) {
    margin-block: 0;
}

.yo-page--business :is(
    .yo-advertise-card,
    .yo-advertise-service,
    .yo-advertise-case,
    .yo-advertise-reference-group,
    .yo-contact-card,
    .yo-press-feature-card,
    .yo-press-card,
    .yo-press-type-card
) h3 + p {
    margin-top: 12px;
}

.yo-work-page .yo-advertise-section:nth-of-type(even) {
    background:
        radial-gradient(circle at 12% 0%, rgba(196, 98, 45, .08), transparent 34%),
        linear-gradient(180deg, rgba(255, 248, 240, .86), rgba(255, 255, 255, .74));
}

.yo-work-page .yo-advertise-section--soft {
    background: #fff8f0;
}

.yo-work-page .yo-advertise-section--soft > .yo-advertise-container {
    width: 100%;
    max-width: 1160px;
    padding-inline: 24px;
    border-radius: 0;
    background: transparent;
}

.yo-advertise-page:not(.yo-work-page) .yo-advertise-section {
    width: 100%;
    max-width: none;
}

.yo-advertise-page:not(.yo-work-page) .yo-advertise-section:nth-of-type(even) {
    background:
        radial-gradient(circle at 12% 0%, rgba(196, 98, 45, .08), transparent 34%),
        linear-gradient(180deg, rgba(255, 248, 240, .86), rgba(255, 255, 255, .74));
}

.yo-advertise-page:not(.yo-work-page) .yo-advertise-section--soft {
    background: #fff8f0;
}

.yo-advertise-page:not(.yo-work-page) .yo-advertise-section--soft > .yo-advertise-container {
    width: 100%;
    max-width: 1160px;
    padding-inline: 24px;
    border-radius: 0;
    background: transparent;
}

.yo-contact-hub .yo-contact-section:nth-of-type(even) {
    background:
        radial-gradient(circle at 12% 0%, rgba(196, 98, 45, .08), transparent 34%),
        linear-gradient(180deg, rgba(255, 248, 240, .86), rgba(255, 255, 255, .74));
}

.yo-contact-hub .yo-contact-section--soft {
    background: #fff8f0;
}

@media (max-width: 960px) {
    .yo-page--business .yo-advertise-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yo-page--business :is(.yo-contact-card-grid, .yo-press-logo-wall, .yo-about-logo-wall, .yo-advertise-logo-wall) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .yo-page--business .yo-advertise-audience-grid {
        grid-template-columns: 1fr;
    }

    .yo-page--business :is(.yo-contact-card-grid, .yo-press-logo-wall, .yo-about-logo-wall, .yo-advertise-logo-wall) {
        grid-template-columns: 1fr;
    }
}

.yo-page--business .yo-advertise-reference-group h3 + .yo-advertise-logo-wall,
.yo-page--business.yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__title + .yo2-card__meta,
.yo-page--business .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__title + .yo2-card__meta {
    margin-top: 10px;
}

.yo-page--business .yo-press-logo-band h2 + .yo-press-logo-wall {
    margin-top: 16px;
}

.yo-page--business :is(
    .yo-advertise-section-head,
    .yo-contact-form-box,
    .yo-contact-faq-wrap,
    .yo-press-head
) > h2 + p {
    margin-top: 12px;
}

@media (max-width: 960px) {
    .yo-business-hero__grid,
    .yo-page--business .yo-advertise-hero__grid,
    .yo-page--business .yo-contact-hero__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .yo-business-container {
        padding: 0 18px;
    }

    .yo-business-hero,
    .yo-page--business .yo-advertise-hero,
    .yo-page--business .yo-contact-hero {
        padding-block: clamp(50px, 8vw, 62px) clamp(28px, 6vw, 40px);
    }

    .yo-page--business :is(.yo-business-hero, .yo-advertise-hero, .yo-contact-hero) h1 {
        font-size: 2.15rem;
    }

    .yo-page--business :is(
        .yo-hero__eyebrow,
        .yo-business-hero .yo-business-eyebrow,
        .yo-contact-hero .yo-contact-eyebrow
    ) {
        display: flex;
        min-height: 41px;
        align-items: flex-end;
    }

    .yo-business-lead,
    .yo-page--business .yo-advertise-lead,
    .yo-page--business .yo-contact-hero__text {
        font-size: .95rem;
    }

    .yo-business-stat-grid {
        grid-template-columns: 1fr;
    }

}
