@media (min-width: 1024px) {
    .dcc-proforma-account-layout {
        display: flex;
        flex-flow: row;
        width: 100%;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper {
        flex: 0 0 25%;
        max-width: 25%;
        background: #061B3A;
        border: 1px solid #16365F;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 14px 34px rgba(6, 27, 58, .14);
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper > .woocommerce-MyAccount-navigation {
        background: #061B3A;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .imarket-user-profile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 22px 16px 18px;
        background: #061B3A;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .imarket-user-profile .user-avatar {
        margin: 0 0 10px;
        text-align: center;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .imarket-user-profile .user-avatar img {
        display: block;
        width: 74px;
        height: 74px;
        margin: 0 auto;
        border-radius: 50%;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .imarket-user-profile .user-info {
        width: 100%;
        text-align: center;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .imarket-user-profile .display-name {
        margin: 0;
        color: #FFFFFF !important;
        text-align: center;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation-link {
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation-link a {
        color: #FFFFFF !important;
        background: transparent;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation-link.is-active a {
        color: #FF6A00 !important;
        background: rgba(255, 106, 0, .12);
        box-shadow: inset 4px 0 0 #FF6A00;
    }

    .dcc-proforma-account-layout > .MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation-link a:hover {
        color: #FF6A00 !important;
        background: rgba(255, 255, 255, .05);
    }

    .dcc-proforma-account-layout > .woocommerce-MyAccount-content {
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 2em;
    }


    .dcc-proforma {
        --dcc-navy: #0B1F44;
        --dcc-navy-soft: #5B6B85;
        --dcc-orange: #FF6A00;
        --dcc-border: #E6EAF0;
        --dcc-bg-soft: #F6F8FB;
        --dcc-green-bg: #E7F7EC;
        --dcc-green: #1E9E5A;
        --dcc-red-bg: #FBEAEA;
        --dcc-red: #C0392B;
        --dcc-radius: 16px;

        max-width: 1600px;
        width: 100%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        padding: 32px;
        border: 1px solid var(--dcc-border);
        border-radius: var(--dcc-radius);
        box-shadow: 0 4px 16px rgba(6, 27, 58, 0.05);
        color: var(--dcc-navy) !important;
        font-size: 17px;
        line-height: 1.55;
    }

    .dcc-proforma * {
        box-sizing: border-box;
    }

    .dcc-proforma-title {
        text-align: center;
        font-size: 42px;
        font-weight: 800;
        color: var(--dcc-navy) !important;
        margin: 4px 0 28px;
    }

    /* Meta bar */

    .dcc-proforma-meta {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
        align-items: center;
        gap: 28px;
        border: 1px solid var(--dcc-border);
        border-radius: var(--dcc-radius);
        padding: 34px 40px;
        margin-bottom: 28px;
    }

    .dcc-proforma-meta-item {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .dcc-proforma-meta-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: var(--dcc-bg-soft);
        color: var(--dcc-navy) !important;
        flex-shrink: 0;
    }

    .dcc-proforma-meta-icon svg {
        width: 25px;
        height: 25px;
    }

    .dcc-proforma-meta-item span {
        display: block;
        font-size: 14px;
        color: var(--dcc-navy-soft) !important;
        margin-bottom: 5px;
        font-weight: 400;
    }

    .dcc-proforma-meta-item strong {
        font-size: 19px;
        color: var(--dcc-navy) !important;
        font-weight: 700;
    }

    .dcc-proforma-meta > *:last-child {
        justify-self: end;
    }

    .dcc-proforma-status-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        border-radius: 999px;
        font-weight: 700;
        font-size: 14px;
        white-space: nowrap;
    }

    .dcc-proforma-status-badge svg {
        width: 18px;
        height: 18px;
    }

    .dcc-proforma-status-badge span {
        display: inline;
        margin: 0;
    }

    .dcc-proforma-status-badge.is-active {
        background: var(--dcc-green-bg);
        color: var(--dcc-green) !important;
        border: 1px solid rgba(30, 158, 90, 0.25);
    }

    .dcc-proforma-status-badge.is-expired {
        background: var(--dcc-red-bg);
        color: var(--dcc-red) !important;
        border: 1px solid rgba(192, 57, 43, 0.25);
    }

    .dcc-proforma-status-badge.is-active span,
    .dcc-proforma-status-badge.is-expired span {
        color: inherit !important;
    }

    /* Body layout: ~72/28 */

    .dcc-proforma-body {
        display: grid;
        grid-template-columns: 72fr 28fr;
        gap: 28px;
        align-items: start;
    }

    .dcc-proforma-main {
        display: flex;
        flex-direction: column;
        gap: 28px;
        min-width: 0;
    }

    /* Shared card shell */

    .dcc-proforma-card {
        border: 1px solid var(--dcc-border);
        border-radius: var(--dcc-radius);
        padding: 36px 40px;
    }

    .dcc-proforma-card-header {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 20px;
        font-weight: 700;
        color: var(--dcc-navy) !important;
        margin-bottom: 20px;
    }

    .dcc-proforma-card-header svg {
        width: 22px;
        height: 22px;
        color: var(--dcc-navy) !important;
    }

    /* Customer / Firma card */

    .dcc-proforma-customer-columns {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: 40px;
    }

    .dcc-proforma-customer-columns > .dcc-proforma-address-block {
        border-left: 1px solid var(--dcc-border);
        padding-left: 32px;
    }

    .dcc-proforma-customer-name {
        font-size: 22px;
        font-weight: 700;
        color: var(--dcc-navy) !important;
        margin: 0 0 16px;
    }

    .dcc-proforma-customer-rows {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .dcc-proforma-customer-rows div {
        display: grid;
        grid-template-columns: 140px 10px 1fr;
        gap: 4px;
        font-size: 16px;
    }

    .dcc-proforma-customer-rows span {
        color: var(--dcc-navy-soft) !important;
        font-weight: 400;
    }

    .dcc-proforma-customer-rows em {
        font-style: normal;
        color: var(--dcc-navy-soft) !important;
    }

    .dcc-proforma-customer-rows strong {
        color: var(--dcc-navy) !important;
        font-weight: 600;
    }

    .dcc-proforma-address-block h4 {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 17px;
        font-weight: 700;
        color: var(--dcc-navy) !important;
        margin: 0 0 12px;
    }

    .dcc-proforma-address-block h4 svg {
        width: 17px;
        height: 17px;
        flex-shrink: 0;
    }

    .dcc-proforma-address-block p {
        margin: 0;
        font-size: 16px;
        line-height: 1.7;
        color: var(--dcc-navy-soft) !important;
    }

    /* Product summary table */

    .dcc-proforma-items {
        margin-bottom: 0;
    }

    .dcc-proforma-item,
    .dcc-proforma-item-head {
        display: grid;
        grid-template-columns: minmax(260px, 2.1fr) 84px 108px 108px 96px 104px 116px;
        align-items: center;
        gap: 20px;
        padding: 24px 0;
        border-bottom: 1px solid var(--dcc-border);
    }

    .dcc-proforma-item {
        min-height: 84px;
    }

    .dcc-proforma-item-head {
        padding: 0 0 16px;
        font-weight: 700;
        font-size: 15px;
        text-transform: none;
        letter-spacing: normal;
        color: var(--dcc-navy-soft) !important;
    }

    .dcc-proforma-item-head span:not(:first-child),
    .dcc-proforma-item > span:not(.dcc-proforma-product-cell) {
        text-align: right;
    }

    .dcc-proforma-product-cell {
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
    }

    .dcc-proforma-product-cell strong {
        color: var(--dcc-navy) !important;
        font-size: 16.5px;
        font-weight: 600;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    .dcc-proforma-product-thumb {
        width: 62px;
        height: 62px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid var(--dcc-border);
        background: var(--dcc-bg-soft);
        flex-shrink: 0;
    }

    .dcc-proforma-product-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .dcc-proforma-item > span {
        font-size: 16px;
        color: var(--dcc-navy) !important;
        font-weight: 500;
    }

    .dcc-proforma-barem-discount {
        color: var(--dcc-orange) !important;
        font-weight: 700;
        font-size: 17px;
    }

    .dcc-proforma-category-discount {
        color: var(--dcc-orange) !important;
        font-weight: 700;
    }

    .dcc-proforma-category-discount.is-empty {
        color: var(--dcc-navy-soft) !important;
        font-weight: 400;
    }

    .dcc-proforma-product-subtotal {
        grid-column: 7;
        font-weight: 700;
        font-size: 16.5px;
        color: var(--dcc-navy) !important;
    }

    /* Info boxes */

    .dcc-proforma-info-box {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        background: var(--dcc-bg-soft);
        border: 1px solid var(--dcc-border);
        border-radius: 12px;
        padding: 18px 22px;
        font-size: 15px;
        line-height: 1.55;
        color: var(--dcc-navy-soft) !important;
        margin-top: 18px;
    }

    .dcc-proforma-info-box span {
        color: var(--dcc-navy-soft) !important;
    }

    .dcc-proforma-info-box svg {
        width: 19px;
        height: 19px;
        color: var(--dcc-navy) !important;
        flex-shrink: 0;
        margin-top: 1px;
    }

    .dcc-proforma-footer-notes {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }

    .dcc-proforma-footer-notes .dcc-proforma-info-box {
        margin-top: 0;
        padding: 20px 24px;
        font-size: 15.5px;
    }

    /* Actions — tam genişlikte ayrı bant */

    .dcc-proforma-actions {
        display: flex;
        align-items: center;
        gap: 14px;
        border-top: 1px solid var(--dcc-border);
        padding-top: 28px;
        margin-top: 28px;
    }

    .dcc-proforma-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-width: 200px;
        padding: 19px 38px;
        border-radius: 10px;
        font-size: 17px;
        font-weight: 700;
        border: 1px solid var(--dcc-navy);
        background: #fff;
        color: var(--dcc-navy) !important;
        cursor: pointer;
    }

    .dcc-proforma-btn span {
        color: inherit !important;
    }

    .dcc-proforma-btn svg {
        width: 20px;
        height: 20px;
    }

    .dcc-proforma-btn:hover {
        background: var(--dcc-bg-soft);
    }

    /* Tutar Özeti card */

    .dcc-proforma-summary-card {
        position: sticky;
        top: 24px;
    }

    .dcc-proforma-subtotal,
    .dcc-proforma-barem-total,
    .dcc-proforma-category-total,
    .dcc-proforma-shipping,
    .dcc-proforma-tax {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 24px;
        padding: 17px 0;
        border-bottom: 1px solid var(--dcc-border);
        font-size: 16.5px;
    }

    .dcc-proforma-subtotal span,
    .dcc-proforma-barem-total span,
    .dcc-proforma-category-total span,
    .dcc-proforma-shipping span,
    .dcc-proforma-tax span {
        color: var(--dcc-navy-soft) !important;
        font-weight: 400;
    }

    .dcc-proforma-subtotal strong,
    .dcc-proforma-shipping strong,
    .dcc-proforma-tax strong {
        color: var(--dcc-navy) !important;
        font-weight: 600;
    }

    .dcc-proforma-barem-total strong {
        color: var(--dcc-orange) !important;
        font-weight: 700;
    }

    .dcc-proforma-category-total strong {
        color: var(--dcc-navy-soft) !important;
        font-weight: 400;
    }

    .dcc-proforma-total {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 24px;
        border-bottom: none;
        background: var(--dcc-bg-soft);
        border-radius: 12px;
        padding: 24px 24px;
        margin-top: 14px;
    }

    .dcc-proforma-total span {
        font-size: 19px;
        font-weight: 700;
        color: var(--dcc-navy) !important;
    }

    .dcc-proforma-total strong {
        font-size: 38px;
        font-weight: 800;
        color: var(--dcc-navy) !important;
    }

}

/* 1024–1279 px ara katman: dar PC genişliğinde grid adaptasyonu.
   1280px+ desktop kuralları ve mobil kurallar bu blokla değiştirilmez. */
@media (min-width: 1024px) and (max-width: 1279px) {

    .dcc-proforma-body {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* .dcc-proforma-main sarmalayıcısını kaldırıp içindeki kartları
       .dcc-proforma-body'nin doğrudan flex öğesi yapar; DOM değişmez,
       yalnız görsel sıra CSS order ile belirlenir. */
    .dcc-proforma-main {
        display: contents;
    }

    .dcc-proforma-customer-card {
        order: 1;
    }

    .dcc-proforma-summary-card {
        order: 2;
        position: static;
        top: auto;
    }

    .dcc-proforma-products-card {
        order: 3;
    }

    .dcc-proforma-meta {
        gap: 16px;
        padding: 20px 24px;
    }

    .dcc-proforma-item-head,
    .dcc-proforma-item {
        grid-template-columns:
            minmax(0, 2.2fr)
            .55fr
            .8fr
            .8fr
            .7fr
            .7fr
            .9fr;
        gap: 8px;
    }

}

@media print {
    .dcc-proforma-actions {
        display: none;
    }

    .dcc-proforma-summary {
        position: static !important;
    }
}