#amazzing_filter form {
    padding-top: 0;
}

#amazzing_filter .amazzing-filter-title {
    color: var(--text-color-base-primary, #000);
    /* Heading/Head-S */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    /* 128.571% */
}

#amazzing_filter .slider-bar .back-bar {
    height: 1px;
}

#amazzing_filter .af_filter .toggle-cut-off {
    margin-top: 0;
}

/* Ensure count is right next to text in filter items */
#amazzing_filter .af_filter_content ul li label span.name .count {
    margin-left: 4px;
    display: inline;
}

#amazzing_filter .af_filter_content ul li label {
    padding: 0;
    padding-left: 26px;
}

#amazzing_filter .af_filter_content ul li {
    padding: 0;
}

#amazzing_filter .af_filter_content ul li label span.name {
    color: var(--text-color-base-primary, #000);
    /* Text/Body */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

#amazzing_filter .af_filter_content ul li label span.name .count {
    color: var(--text-color-base-tetriary, #888);
    /* Text/Body */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

#amazzing_filter .af_subtitle {
    border-bottom: 0;
    padding: 0 16px;
}

#amazzing_filter .af_filter {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
}

/* Ostatni element .af_filter bez margin-bottom */
#amazzing_filter .af_filter:last-child {
    margin-bottom: 0;
}

#amazzing_filter .af_filter_content {
    padding-bottom: 0;
}

/* Ensure cut-off functionality works - hide .cut items when .af_filter has .cut-off class */
#amazzing_filter .af_filter.cut-off .af_filter_content ul li.cut {
    display: none !important;
}

/* Show .cut items when .af_filter does NOT have .cut-off class */
#amazzing_filter .af_filter:not(.cut-off) .af_filter_content ul li.cut {
    display: list-item !important;
}

/* Ensure toggle-cut-off button is clickable and visible when expandable */
#amazzing_filter .af_filter.expandable .toggle-cut-off {
    display: flex !important;
    cursor: pointer;
}

#amazzing_filter .p_slider,
#amazzing_filter .af-slider {
    margin-bottom: 0;
}

.category-listing-page .selectedFilters.clearfix.inline.af {
    display: none !important;
}

#category-footer h1,
#category-footer h2,
#category-footer h3,
#category-footer h4,
#category-footer h5,
#category-footer h6 {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

#category-footer p,
#category-footer li,
#category-footer ul,
#category-footer ol {
    color: var(--text-color-base-secondary, #595959);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

#category-footer a {
    color: var(--text-color-base-primary, #000);
    /* Text/Body */
    font-family: var(--font-family-family-primary, Sora);
    font-style: normal;
}

#category-footer .category-title-footer {
    display: none !important;
}

/* Category description expand/collapse */
#category-footer #category-description-footer {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

#category-footer #category-description-footer.category-description-collapsed {
    max-height: 200px;
}

#category-footer #category-description-footer.category-description-expanded {
    /* max-height will be set dynamically by JavaScript for smooth animation */
    max-height: none !important;
}

#category-footer .category-description-content {
    position: relative;
}

#category-footer .category-description-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1;
}

#category-footer #category-description-footer.category-description-expanded .category-description-gradient {
    opacity: 0;
}

#category-footer .category-description-toggle {
    display: block !important;
    margin: 16px auto 56px auto;
    padding: 8px 16px;
    background: transparent;
    border: none;
    color: var(--text-color-base-tetriary, #888);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 7%;
    /* 0.98px */
    text-underline-offset: 70%;
    /* 9.8px */
    text-underline-position: from-font;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 10;
    width: auto;
    text-align: center;
}

#category-footer .category-description-toggle:hover {
    color: var(--text-color-base-primary, #000);
}

/* Price histogram styles */
#amazzing_filter .price-histogram {
    position: relative;
    width: 100%;
    height: 50px;
    margin-bottom: 12px;
    padding: 0;
    overflow: visible;
}

#amazzing_filter .histogram-bars {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 0;
    padding: 0;
    position: relative;
}

#amazzing_filter .histogram-bar {
    flex: 1;
    background-color: #e5e5e5;
    min-width: 1px;
    max-width: 2px;
    width: 100%;
    border-radius: 0;
    transition: background-color 0.2s ease;
    position: relative;
    min-height: 2px;
    /* Ensure minimum visibility */
}

#amazzing_filter .histogram-bar:hover {
    background-color: #C7C7C7;
}

/* Products grid - 1 product per row on mobile (0 - 575px) */
@media (max-width: 575px) {

    #js-product-list.products-grid,
    section#products #js-product-list.products-grid {
        grid-template-columns: 1fr !important;
        display: grid !important;
        gap: 8px !important;
    }

    #js-product-list.products-grid .js-product.product,
    #js-product-list.products-grid .product {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
    }

    /* Separatory mobile - pokazuj po każdym produkcie */
    #js-product-list.products-grid .product-row-separator.d-sm-none {
        display: flex !important;
        grid-column: 1 / -1 !important;
    }

    /* Ukryj separatory tablet i desktop */
    #js-product-list.products-grid .product-row-separator.d-none.d-sm-block.d-lg-none,
    #js-product-list.products-grid .product-row-separator.d-none.d-lg-block {
        display: none !important;
    }

    .products-grid .product,
    .section-products-used .products-grid .product,
    .section-front3 .section-products-used .products-grid .product {
        max-width: 100% !important;
        flex: none !important;
    }
}

/* Products grid - 2 products side by side on tablets (576px - 991px) */
@media (min-width: 576px) and (max-width: 991px) {

    #js-product-list.products-grid,
    section#products #js-product-list.products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
        gap: 8px !important;
    }

    #js-product-list.products-grid .js-product.product,
    #js-product-list.products-grid .product {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 !important;
    }

    /* Separatory - ukryj mobile i desktop, pokazuj tylko tablet */
    #js-product-list.products-grid .product-row-separator.d-sm-none {
        display: none !important;
    }

    #js-product-list.products-grid .product-row-separator.d-none.d-lg-block {
        display: none !important;
    }

    /* Separatory tablet - pokazuj co 2 produkty (co rząd) */
    #js-product-list.products-grid .product-row-separator.d-none.d-sm-block.d-lg-none {
        display: flex !important;
        grid-column: 1 / -1 !important;
    }


    /* Products grid - 3 products per row on desktop (992px+) */
    @media (min-width: 992px) {

        #js-product-list.products-grid,
        section#products #js-product-list.products-grid {
            grid-template-columns: repeat(3, 1fr) !important;
            display: grid !important;
            gap: 8px !important;
        }

        #js-product-list.products-grid .js-product.product,
        #js-product-list.products-grid .product {
            width: 100% !important;
            max-width: 100% !important;
            flex: none !important;
            margin: 0 !important;
        }

        /* Separatory desktop - pokazuj co 3 produkty */
        #js-product-list.products-grid .product-row-separator.d-none.d-lg-block {
            display: flex !important;
            grid-column: 1 / -1 !important;
        }

        /* Ukryj separatory mobile i tablet */
        #js-product-list.products-grid .product-row-separator.d-sm-none,
        #js-product-list.products-grid .product-row-separator.d-none.d-sm-block.d-lg-none {
            display: none !important;
        }
    }

    /* Ukryj przycisk filtrowania */
    .btn-primary.compact-toggle,
    a.btn-primary.compact-toggle,
    .compact-toggle {
        display: none !important;
    }




    /* ============================================================ */
    /* ============================================================ */
    /* STRONA FINANSOWANIA - STYLE DESKTOP */
    /* ============================================================ */
    /* Wszystkie style poniżej dotyczą TYLKO strony finansowania */
    /* (body#module-finansowanie-financing) */
    /* ============================================================ */
    /* ============================================================ */

    /* Zakupy na raty i kredyt */
    /* Leasing dla firm */
    /* oddalenie przycisków od leada */
    .financing-installment-section .installment-text {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 13em;
        max-width: 460px;
    }

    .financing-leasing-section .leasing-text {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 13em;
        max-width: 460px;
    }

    /* tabelki z prawej */
    .financing-installment-section .installment-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background: var(--background-color-base, #FFFFFF);
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .financing-leasing-section .leasing-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background: var(--background-color-base, #FFFFFF);
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .financing-leasing-section .leasing-col-left {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .financing-leasing-section .leasing-col-right {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .financing-grants-section .grants-cta {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 20px;
        background: var(--color-neutral-12-base, #FAFAFA);
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        gap: 12px;
        width: 100%;
        padding: 12px 12px;
        border: 1px solid #ececec;
        border-radius: 12px;
        background: #fff;
        box-shadow: none !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.05s ease;
        border-radius: 4px;
        border: 1px solid #e5e5e5;
    }






    .financing-installment-section .installment-heading h2 {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 54px;
        margin-bottom: 0;
        letter-spacing: 0;
    }

    .financing-grants-section .grants-info-card-icon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-left: 16px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-brand-one-8-base, #E4FD71);
        border-radius: 8px;
        flex-shrink: 0;
        margin-left: 16px;
    }

    .financing-grants-section .grants-info-card-icon svg {
        width: 24px;
        height: 24px;
        color: black;
    }

    .financing-grants-section .grants-info-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #E5E5E5;
        background-color: white;
    }

    .financing-grants-section .grants-info-cards {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .financing-leasing-section .leasing-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background: var(--background-color-base, #FFFFFF);
        border-radius: 8px;
        border: 1px solid #E5E5E5;
    }

    .financing-installment-section .installment-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background: var(--background-color-base, #FFFFFF);
        border-radius: 8px;
        border: 1px solid #E5E5E5;
    }

    .financing-leasing-section .leasing-heading h2 {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 54px;
        margin-bottom: 0;
        letter-spacing: 0;
    }

    .financing-factory-section .factory-text p {
        font-family: var(--font-family-family-primary, Sora);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        color: var(--text-color-base-primary, #000);
        margin-bottom: 24px;
    }

    .financing-factory-section .factory-benefits {
        margin-bottom: 9em;
    }

    .financing-factory-section .factory-col-left {
        width: 50%;
        margin-bottom: 0px !important;
    }

    .financing-help-section .help-text p {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 32px;
        max-width: 645px;
    }


    .financing-help-section .help-heading h2 {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 54px;
        margin-bottom: 0;
        letter-spacing: 0;
    }


    .financing-grants-section .grants-heading h2 {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 54px;
        margin-bottom: 0;
        letter-spacing: 0;
    }

    .financing-payment-methods-section .payment-methods-title {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 32px;
        font-weight: 400;
        line-height: 44px;
    }

    .sec-duo .single-title .duo-main-title h2 {
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 54px;
    }


    .duo-left .duo-text h3 {
        /* Skorzystaj z pomocy doradcy */
        color: var(--text-color-base-primary, #000);
        font-family: var(--font-family-family-primary, Sora);
        font-weight: 400;
        margin-bottom: 1em;
    }

    .duo-right .duo-text h3 {
        color: var(--text-color-base-primary, #fff);
        font-family: var(--font-family-family-primary, Sora);
        font-weight: 400;
        margin-bottom: 1em;
    }

    .right-grid .rank-cta .btn-ghost1 {
        width: 100%;

    }

    .sec-duo .rank-item {
        display: none;
    }

    .sec-duo .duo-right .duo-text {
        margin-bottom: 8em;
    }

    .sec-duo .duo-left .btn-dark1 a {
        display: flex;
        align-items: center;
        margin: 0 auto;
        background: #162b2b;
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: #fff;
        text-decoration: none;
        font-weight: 400;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
        transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
        font-size: 15px;
        padding-left: 18px;
        padding-bottom: 16px;
        padding-top: 16px;
        padding-right: 24px;
        border-radius: 4px;
        max-width: 320px;
    }

    .sec-duo .duo-left .duo-text p {
        color: var(--text-color-base-primary, #000);
    }

    .option-name {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #595959;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;

    }

    /* ============================================================ */
    /* ============================================================ */
    /* KONIEC STYLÓW DLA STRONY FINANSOWANIA */
    /* ============================================================ */
    /* Wszystkie style powyżej dotyczą TYLKO strony finansowania */
    /* (body#module-finansowanie-financing) */
    /* ============================================================ */
    /* ============================================================ */

    /* ============================================================ */
    /* ============================================================ */
    /* STRONA DOSTAWA I SERWIS - STYLE DESKTOP */
    /* ============================================================ */
    /* Wszystkie style poniżej dotyczą TYLKO strony "Dostawa i serwis" */
    /* ============================================================ */
    /* ============================================================ */

    /* ============================================================ */
    /* Dostawa i Serwis Section - Desktop Styles */
    /* ============================================================ */

    /* CSS Variables for Delivery & Service Page */
    .delivery-service-page {
        --delivery-lime-green: #E4FD71;
        --delivery-dark-green: #183030;
        --delivery-text-primary: #000;
        --delivery-text-secondary: #595959;
        --delivery-text-white: #FFFFFF;
        --delivery-bg-light: #FAFAFA;
        --delivery-bg-beige: #F3EFEA;
        --font-family-sora: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    /* Reset margins and padding for sections */
    .delivery-service-page section {
        margin: 0;
        padding: 0;
    }

    /* ============================================================ */
    /* Hero Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-hero-section {
        position: relative;
        min-height: 600px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .delivery-service-page .delivery-hero-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(75deg, rgba(0, 0, 0, 0.00) 66.55%, rgba(0, 0, 0, 0.90) 96.92%);
        z-index: 1;
    }

    .delivery-service-page .delivery-hero-section .container-fluid {
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .delivery-service-page .delivery-hero-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 80px 20px;
    }

    .delivery-service-page .delivery-hero-content {
        position: relative;
        z-index: 2;
        color: var(--delivery-text-white);
        max-width: 600px;
    }

    .delivery-service-page .hero-subtitle p {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-lime-green);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0 0 12px 0;
    }

    .delivery-service-page .hero-heading p {
        font-family: var(--font-family-sora);
        font-size: 48px;
        font-weight: 400;
        line-height: 64px;
        color: var(--delivery-text-white);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .hero-text p {
        font-family: var(--font-family-sora);
        font-size: 18px;
        font-weight: 400;
        line-height: 29.7px;
        color: var(--delivery-text-white);
        margin: 0 0 32px 0;
    }

    .delivery-service-page .hero-buttons {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .delivery-service-page .hero-btn-1 {
        background-color: var(--delivery-lime-green);
        color: var(--delivery-text-primary);
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 15px 24px;
        border-radius: 8px;
        text-decoration: none;
        border: 2px solid var(--delivery-lime-green);
        transition: all 0.3s ease;
        display: inline-block;
    }

    .delivery-service-page .hero-btn-1:hover {
        background-color: transparent;
        color: var(--delivery-lime-green);
        border-color: var(--delivery-lime-green);
    }

    .delivery-service-page .hero-btn-2 {
        background-color: transparent;
        color: var(--delivery-text-white);
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 15px 24px;
        border-radius: 8px;
        text-decoration: none;
        border: 2px solid var(--delivery-text-white);
        transition: all 0.3s ease;
        display: inline-block;
    }

    .delivery-service-page .hero-btn-2:hover {
        background-color: var(--delivery-text-white);
        color: var(--delivery-text-primary);
    }

    /* ============================================================ */
    /* About Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-about-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-light);
    }

    .delivery-service-page .delivery-about-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .section-heading p,
    .delivery-service-page .section-heading h2 {
        font-family: var(--font-family-sora);
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        color: var(--delivery-text-primary);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .section-text p {
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
        margin: 0 0 24px 0;
    }

    .delivery-service-page .about-buttons {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .delivery-service-page .btn-link-primary {
        color: var(--delivery-text-primary);
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-decoration: underline;
        transition: color 0.3s ease;
        display: inline-block;
    }

    .delivery-service-page .btn-link-primary:hover {
        color: var(--delivery-dark-green);
    }

    .delivery-service-page .trusted-number {
        font-family: var(--font-family-sora);
        font-size: 64px;
        font-weight: 400;
        line-height: 80px;
        color: var(--delivery-text-primary);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .trusted-icons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        margin-top: 32px;
    }

    .delivery-service-page .trusted-icon-item {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .delivery-service-page .trusted-icon-item .icon-box {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--delivery-bg-light);
        border-radius: 8px;
    }

    .delivery-service-page .trusted-icon-item .icon-box svg {
        width: 24px;
        height: 24px;
        color: var(--delivery-text-primary);
    }

    .delivery-service-page .trusted-icon-item span {
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
        margin: 0;
    }

    /* ============================================================ */
    /* Why Trust Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-why-trust-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-beige);
    }

    .delivery-service-page .delivery-why-trust-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-why-trust-section .section-heading.text-center p,
    .delivery-service-page .delivery-solutions-section .section-heading.text-center p,
    .delivery-service-page .delivery-support-section .section-heading.text-center p,
    .delivery-service-page .delivery-projects-section .section-heading.text-center p,
    .delivery-service-page .delivery-certificates-section .section-heading.text-center h2,
    .delivery-service-page .delivery-team-section .section-heading.text-center h2,
    .delivery-service-page .delivery-partners-section .section-heading.text-center p,
    .delivery-service-page .delivery-achievements-section .section-heading.text-center p,
    .delivery-service-page .delivery-news-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin: 0 0 48px 0;
        text-align: center;
    }

    .delivery-service-page .delivery-support-section .section-heading.text-center p,
    .delivery-service-page .delivery-team-section .section-heading.text-center h2 {
        color: var(--delivery-text-white);
    }

    .delivery-service-page .subsection-subtitle p {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-secondary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0 0 8px 0;
    }

    .delivery-service-page .solutions-subtitle {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-secondary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0 0 8px 0;
    }

    .delivery-service-page .why-trust-list {
        list-style: none;
        padding: 0;
        margin: 24px 0 32px 0;
    }

    .delivery-service-page .why-trust-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 16px;
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
    }

    /* Custom bullet point - green circle with checkmark */
    .delivery-service-page .why-trust-list li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 20px;
        height: 20px;
        background-color: var(--delivery-lime-green);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .delivery-service-page .why-trust-list li::after {
        content: '';
        position: absolute;
        left: 6px;
        top: 9px;
        width: 8px;
        height: 6px;
        border-left: 2px solid var(--delivery-dark-green);
        border-bottom: 2px solid var(--delivery-dark-green);
        transform: rotate(-45deg);
    }

    .delivery-service-page .why-trust-list li svg {
        display: none;
        /* Hide SVG, use custom bullet instead */
    }

    .delivery-service-page .btn-primary-dark {
        background-color: var(--delivery-dark-green);
        color: var(--delivery-text-white);
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 15px 24px;
        border-radius: 8px;
        text-decoration: none;
        border: 2px solid var(--delivery-dark-green);
        transition: all 0.3s ease;
        display: inline-block;
    }

    .delivery-service-page .btn-primary-dark:hover {
        background-color: transparent;
        color: var(--delivery-dark-green);
    }

    .delivery-service-page .why-trust-image-wrapper {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }

    .delivery-service-page .why-trust-image-wrapper img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 8px;
    }

    .delivery-service-page .play-button-overlay {
        position: absolute;
        bottom: 24px;
        right: 24px;
        cursor: pointer;
        transition: transform 0.3s ease;
        z-index: 2;
    }

    .delivery-service-page .play-button-overlay:hover {
        transform: scale(1.1);
    }

    .delivery-service-page .play-button-overlay svg {
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    }

    /* ============================================================ */
    /* Solutions Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-solutions-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-light);
    }

    .delivery-service-page .delivery-solutions-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-solutions-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin-bottom: 48px;
        text-align: center;
    }

    .delivery-service-page .solutions-subtitle {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-secondary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }

    .delivery-service-page .subsection-heading p {
        font-family: var(--font-family-sora);
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        color: var(--delivery-text-primary);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .delivery-solutions-section img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        display: block;
    }

    .delivery-service-page .solutions-list {
        list-style: none;
        padding: 0;
        margin: 24px 0 32px 0;
    }

    .delivery-service-page .solutions-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 16px;
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
    }

    /* Custom bullet point - green circle with checkmark */
    .delivery-service-page .solutions-list li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 20px;
        height: 20px;
        background-color: var(--delivery-lime-green);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .delivery-service-page .solutions-list li::after {
        content: '';
        position: absolute;
        left: 6px;
        top: 9px;
        width: 8px;
        height: 6px;
        border-left: 2px solid var(--delivery-dark-green);
        border-bottom: 2px solid var(--delivery-dark-green);
        transform: rotate(-45deg);
    }

    .delivery-service-page .solutions-list li svg {
        display: none;
        /* Hide SVG, use custom bullet instead */
    }

    /* ============================================================ */
    /* Support Section - According to Figma (CTA Blocks) */
    /* ============================================================ */
    .delivery-service-page .delivery-support-section {
        padding: 80px 0;
        background-color: var(--delivery-dark-green);
    }

    .delivery-service-page .delivery-support-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-support-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-white);
        margin-bottom: 48px;
        text-align: center;
    }

    .delivery-service-page .support-block {
        padding: 40px;
        border-radius: 8px;
        height: 100%;
    }

    .delivery-service-page .support-block-1 {
        background-color: var(--delivery-lime-green);
    }

    .delivery-service-page .support-block-2 {
        background-color: var(--delivery-dark-green);
        border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .delivery-service-page .block-title p {
        font-family: var(--font-family-sora);
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        color: var(--delivery-text-primary);
        margin-bottom: 16px;
    }

    .delivery-service-page .support-block-2 .block-title p {
        color: var(--delivery-text-white);
    }

    .delivery-service-page .block-text p {
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
        margin-bottom: 24px;
    }

    .delivery-service-page .support-block-2 .block-text p {
        color: var(--delivery-text-white);
    }

    .delivery-service-page .support-avatars {
        display: flex;
        gap: 0;
        margin-bottom: 24px;
        align-items: center;
    }

    .delivery-service-page .avatar-circle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: var(--delivery-bg-light);
        border: 2px solid var(--delivery-text-white);
        margin-left: -8px;
        flex-shrink: 0;
    }

    .delivery-service-page .avatar-circle:first-child {
        margin-left: 0;
    }

    .delivery-service-page .btn-outline-white {
        background-color: transparent;
        color: var(--delivery-text-white);
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 15px 24px;
        border-radius: 8px;
        text-decoration: none;
        border: 2px solid var(--delivery-text-white);
        transition: all 0.3s ease;
        display: inline-block;
    }

    .delivery-service-page .btn-outline-white:hover {
        background-color: var(--delivery-text-white);
        color: var(--delivery-text-primary);
    }

    /* ============================================================ */
    /* Projects Section - According to Figma (Video Gallery) */
    /* ============================================================ */
    .delivery-service-page .delivery-projects-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-light);
    }

    .delivery-service-page .delivery-projects-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-projects-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin-bottom: 48px;
        text-align: center;
    }

    .delivery-service-page .projects-gallery {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-bottom: 32px;
    }

    .delivery-service-page .project-item {
        position: relative;
    }

    .delivery-service-page .project-image {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .delivery-service-page .project-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        min-height: 200px;
    }

    .delivery-service-page .play-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    .delivery-service-page .play-overlay:hover {
        transform: translate(-50%, -50%) scale(1.1);
    }

    .delivery-service-page .project-title {
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
        margin: 0;
    }

    .delivery-service-page .projects-pagination {
        display: flex;
        justify-content: center;
        gap: 8px;
    }

    .delivery-service-page .projects-pagination .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--delivery-text-secondary);
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .delivery-service-page .projects-pagination .dot.active {
        background-color: var(--delivery-dark-green);
    }

    /* ============================================================ */
    /* Certificates Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-certificates-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-beige);
    }

    .delivery-service-page .delivery-certificates-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-certificates-section .section-heading.text-center h2 {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin-bottom: 48px;
        text-align: center;
    }

    /* ============================================================ */
    /* Team Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-team-section {
        padding: 80px 0;
        background-color: var(--delivery-dark-green);
    }

    .delivery-service-page .delivery-team-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-team-section .section-heading.text-center h2 {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-white);
        margin-bottom: 16px;
        text-align: center;
    }

    .delivery-service-page .section-subheading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-white);
        text-align: center;
        margin-bottom: 48px;
    }

    .delivery-service-page .team-members {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    .delivery-service-page .team-member {
        text-align: center;
    }

    .delivery-service-page .team-avatar {
        position: relative;
        margin-bottom: 16px;
    }

    .delivery-service-page .team-avatar img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        object-fit: cover;
        min-height: 300px;
        display: block;
    }

    .delivery-service-page .contact-badge {
        position: absolute;
        bottom: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
        background-color: var(--delivery-lime-green);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .delivery-service-page .contact-badge svg {
        width: 12px;
        height: 12px;
    }

    .delivery-service-page .team-name {
        font-family: var(--font-family-sora);
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: var(--delivery-text-white);
        margin: 0 0 8px 0;
    }

    .delivery-service-page .team-role {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-white);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .btn-contact {
        background-color: var(--delivery-lime-green);
        color: var(--delivery-text-primary);
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 8px 16px;
        border-radius: 4px;
        text-decoration: none;
        border: none;
        transition: all 0.3s ease;
        display: inline-block;
    }

    .delivery-service-page .btn-contact:hover {
        background-color: var(--delivery-text-white);
    }

    /* ============================================================ */
    /* Partners Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-partners-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-light);
    }

    .delivery-service-page .delivery-partners-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-partners-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin-bottom: 48px;
        text-align: center;
    }

    .delivery-service-page .partners-logos {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 48px;
        flex-wrap: wrap;
    }

    .delivery-service-page .partner-logo {
        font-family: var(--font-family-sora);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-secondary);
    }

    /* ============================================================ */
    /* Achievements Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-achievements-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-beige);
    }

    .delivery-service-page .delivery-achievements-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-achievements-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin-bottom: 48px;
        text-align: center;
    }

    .delivery-service-page .achievements-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .delivery-service-page .achievement-item {
        position: relative;
    }

    .delivery-service-page .achievement-image {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .delivery-service-page .achievement-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        min-height: 300px;
    }

    .delivery-service-page .achievement-badge {
        position: absolute;
        bottom: 24px;
        left: 24px;
        background-color: var(--delivery-lime-green);
        padding: 16px 24px;
        border-radius: 8px;
        min-width: 120px;
    }

    .delivery-service-page .achievement-number {
        display: block;
        font-family: var(--font-family-sora);
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        color: var(--delivery-text-primary);
        margin: 0;
    }

    .delivery-service-page .achievement-label {
        display: block;
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-primary);
        margin: 0;
    }

    /* ============================================================ */
    /* News Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-news-section {
        padding: 80px 0;
        background-color: var(--delivery-bg-light);
    }

    .delivery-service-page .delivery-news-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .delivery-news-section .section-heading.text-center p {
        font-family: var(--font-family-sora);
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
        color: var(--delivery-text-primary);
        margin-bottom: 48px;
        text-align: center;
    }

    .delivery-service-page .news-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    .delivery-service-page .news-item {
        background-color: var(--delivery-text-white);
        border-radius: 8px;
        overflow: hidden;
        padding: 16px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        transition: box-shadow 0.3s ease;
    }

    .delivery-service-page .news-item:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }

    .delivery-service-page .news-image {
        margin-bottom: 16px;
    }

    .delivery-service-page .news-image {
        margin: -16px -16px 16px -16px;
    }

    .delivery-service-page .news-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        min-height: 200px;
        border-radius: 8px 8px 0 0;
    }

    .delivery-service-page .news-date {
        font-family: var(--font-family-sora);
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: var(--delivery-text-secondary);
        margin: 0 0 8px 0;
    }

    .delivery-service-page .news-title {
        font-family: var(--font-family-sora);
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: var(--delivery-text-primary);
        margin: 0 0 8px 0;
    }

    .delivery-service-page .news-excerpt {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-secondary);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .news-link {
        font-family: var(--font-family-sora);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--delivery-text-primary);
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .delivery-service-page .news-link:hover {
        color: var(--delivery-dark-green);
    }

    /* ============================================================ */
    /* Newsletter & Contact Section - According to Figma */
    /* ============================================================ */
    .delivery-service-page .delivery-newsletter-contact-section {
        padding: 80px 0;
        background-color: var(--delivery-dark-green);
    }

    .delivery-service-page .delivery-newsletter-contact-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .delivery-service-page .newsletter-block {
        background-color: var(--delivery-lime-green);
        padding: 40px;
        border-radius: 8px;
        height: 100%;
    }

    .delivery-service-page .contact-block {
        background-color: var(--delivery-dark-green);
        border: 1px solid rgba(255, 255, 255, 0.12);
        padding: 40px;
        border-radius: 8px;
        height: 100%;
    }

    .delivery-service-page .newsletter-block .block-title p,
    .delivery-service-page .contact-block .block-title p {
        font-family: var(--font-family-sora);
        font-size: 28px;
        font-weight: 400;
        line-height: 36px;
        color: var(--delivery-text-primary);
        margin: 0 0 16px 0;
    }

    .delivery-service-page .contact-block .block-title p {
        color: var(--delivery-text-white);
    }

    .delivery-service-page .newsletter-block .block-text p,
    .delivery-service-page .contact-block .block-text p {
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
        margin: 0 0 24px 0;
    }

    .delivery-service-page .contact-block .block-text p {
        color: var(--delivery-text-white);
    }

    .delivery-service-page .newsletter-form {
        display: flex;
        gap: 12px;
    }

    .delivery-service-page .newsletter-form .form-control {
        flex: 1;
        padding: 15px 16px;
        border: 2px solid var(--delivery-text-primary);
        border-radius: 8px;
        font-family: var(--font-family-sora);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: var(--delivery-text-primary);
        background-color: var(--delivery-text-white);
        outline: none;
        transition: border-color 0.3s ease;
    }

    .delivery-service-page .newsletter-form .form-control:focus {
        border-color: var(--delivery-dark-green);
    }

    .delivery-service-page .newsletter-form .form-control::placeholder {
        color: var(--delivery-text-secondary);
    }

    .delivery-service-page .newsletter-form .btn-primary-dark {
        flex-shrink: 0;
    }

    /* ============================================================ */
    /* Responsive Adjustments */
    /* ============================================================ */
    @media (max-width: 1199.98px) {
        .delivery-service-page .team-members {
            grid-template-columns: repeat(2, 1fr);
        }

        .delivery-service-page .news-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 991.98px) {
        .delivery-service-page .projects-gallery {
            grid-template-columns: repeat(2, 1fr);
        }

        .delivery-service-page .achievements-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 767.98px) {
        .delivery-service-page .hero-heading p {
            font-size: 32px;
            line-height: 44px;
        }

        .delivery-service-page .projects-gallery,
        .delivery-service-page .team-members,
        .delivery-service-page .news-grid {
            grid-template-columns: 1fr;
        }

        .delivery-service-page .trusted-icons {
            grid-template-columns: 1fr;
        }
    }

/* Wyłączenie czerwonego akcentu Spring Sale w menu kategorii (nadpisanie starej reguły) */
.facet-category-menu-top .block-categories > .category-sub-menu > li.category-sub__item > a.float-left.node-first[href*="87-spring-sale"] {
    color: var(--text-color-base-primary, #000) !important;
}

/* Inline style color #fd0101 na nagłówku Spring sale (CMS / moduły) — wraca kolor jak w treści */
h3 span[style*="#fd0101"],
h3 span[style*="fd0101"] {
    color: inherit !important;
}

h3 span[style*="#fd0101"] a,
h3 span[style*="fd0101"] a,
h3 a[href*="87-spring-sale"][style*="#fd0101"],
h3 a[href*="87-spring-sale"][style*="fd0101"] {
    color: var(--text-color-base-primary, #000) !important;
}}