#products-cta {
    a {
        background: var(--ast-global-color-1) !important;
    }
}

/* =============================================================================
   HOMEPAGE RESPONSIVE FIXES (mobile <=767px)
   ============================================================================= */

/* ---------------------------------------------------------------------------
   In-page Newsletter section (alignfull UAGB container with bg image).
   Inner blocks wrap - outer padding handled globally (.ast-container).
   --------------------------------------------------------------------------- */
.uagb-block-b97e907e .uagb-container-inner-blocks-wrap {
    padding: 0 !important;
}

/* =============================================================================
   ZINTEGROWANE "SUPERIOR" CSS - strona glowna (#products-tabs / CTA / UAGB tabs)
   ============================================================================= */
#products-cta a {
    font-weight: 500;
}

/* Karuzela "Polecane produkty" (WC Product Collection w UAGB Tabs) */
#products-tabs .wc-block-product-template {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#products-tabs .wc-block-product-template li {
    flex: 0 0 19% !important;
    max-width: 19% !important;
    width: 19% !important;
    min-width: 0 !important;
    margin-right: 1.25% !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    scroll-snap-align: start !important;
}
#products-tabs .wc-block-product-template li:last-child {
    margin-right: 0 !important;
}
@media (min-width: 1101px) {
    #products-tabs .wc-block-product-template li.product {
        flex: 0 0 calc(20% - 16px) !important;
        width: calc(20% - 16px) !important;
        max-width: calc(20% - 16px) !important;
    }
}
#products-tabs .is-product-collection-layout-carousel {
    scroll-padding: 0 !important;
    padding: 0 !important;
    align-items: stretch;
}
.is-product-collection-layout-carousel {
    max-width: unset !important;
}
#products-tabs ul {
    margin: 0 !important;
    position: relative !important;
}
#products-tabs .wp-block-woocommerce-product-collection {
    margin: 0 !important;
}
#products-tabs .wp-block-woocommerce-product-collection .wc-block-next-previous-buttons {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    width: 100%;
    max-width: unset !important;
    justify-content: space-between;
}
#products-tabs .wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button {
    background: transparent;
    padding: 10px;
    transform: translateY(-50%);
    top: 50%;
}
#products-tabs .wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button svg {
    padding: 0 !important;
}
#products-tabs .wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button:first-of-type {
    position: absolute;
    right: 100%;
}
#products-tabs .wp-block-woocommerce-product-collection .wc-block-next-previous-buttons button:last-of-type {
    position: absolute;
    left: 100%;
}

/* -- Karuzela "Polecane" na mobile: 1 pelny kafelek + peek kolejnego (~polowa),
      by zasygnalizowac przewijanie. Strzalki zostawiamy tam gdzie byly
      (poza karuzela, right/left:100%). --- */
@media (max-width: 768px) {
    #products-tabs .wc-block-product-template li,
    #products-tabs .wc-block-product-template li.product {
        flex: 0 0 62% !important;
        max-width: 62% !important;
        width: 62% !important;
        margin-right: 4% !important;
        scroll-snap-align: start !important;
    }
    #products-tabs .wc-block-product-template li:last-child {
        margin-right: 0 !important;
    }
    #products-tabs .is-product-collection-layout-carousel {
        scroll-padding-left: 0 !important;
    }
}

/* Zakladki UAGB */
#products-tabs .uagb-tab {
    border-radius: 6px !important;
    border: 1px solid var(--ast-global-color-3);
}
#products-tabs .uagb-tabs__active {
    border: 1px solid var(--ast-global-color-1) !important;
}
.uagb-tab {
    margin: 0 !important;
}
.uagb-tabs__active a {
    font-weight: 700 !important;
}
.wp-block-uagb-tabs {
    margin-top: 20px !important;
}
.uagb-tabs__body-wrap {
    max-width: 100% !important;
}
.uagb-tabs__wrap {
    flex-direction: column !important;
    width: 100% !important;
}
#content #products-tabs .uagb-tabs__panel {
    row-gap: 10px;
    column-gap: 20px;
    margin-bottom: 20px !important;
    width: 100% !important;
    max-width: unset !important;
    flex-direction: row !important;
}

/* Mobile (<=768px): horizontally scrollable row of auto-width pills instead
   of the plugin's "stack on mobile" full-width stacked buttons. */
@media (max-width: 768px) {
    #content #products-tabs .uagb-tabs__panel {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    #content #products-tabs .uagb-tabs__panel::-webkit-scrollbar {
        display: none;
    }
    #content #products-tabs .uagb-tab {
        width: auto !important;
        flex: 0 0 auto !important;
    }
    #content #products-tabs .uagb-tabs-list {
        white-space: nowrap;
    }
}

/* Wyrownanie zawartosci kafelkow produktu na stronie glownej */
#products-tabs .product {
    border-radius: 8px;
    border: 1px solid #C3C3C3;
    padding: 15px;
}
#products-tabs img {
    margin: auto;
}
#products-tabs .wc-block-components-product-price {
    text-align: center;
}
#products-tabs a {
    display: flex;
}
#products-tabs a,
#products-tabs h2,
#products-tabs span:not(.ulfur-badge),
#products-tabs .wc-block-components-product-sku {
    text-align: center !important;
    margin: auto !important;
    justify-content: center;
    color: var(--ast-global-color-2);
}

/* Newsletter (MailPoet) w sekcji CTA */
#products-cta #mailpoet_form_1 form.mailpoet_form {
    padding: 0;
}
#products-cta .mailpoet_form_column {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-direction: row;
}
#products-cta .mailpoet_form_column .mailpoet_paragraph {
    margin-bottom: 0;
}
#products-cta .mailpoet_form_column .mailpoet_paragraph:first-child {
    flex: 1;
    flex-direction: row;
}
#products-cta .mailpoet_form_columns {
    margin-bottom: 10px !important;
}
#products-cta .mailpoet_form_column .mailpoet_text::placeholder {
    color: rgba(255, 255, 255, 0.6);
}
#products-cta .mailpoet_form_column .mailpoet_text:focus {
    border-color: rgba(255, 255, 255, 0.9) !important;
}
.mailpoet_submit:hover,
.mailpoet_submit:focus {
    filter: brightness(0.9);
    color: var(--ast-global-color-2) !important;
    
    
    
} 

#products-cta .mailpoet_form_column .mailpoet_submit {
    height: 40px;
    padding: 0 28px !important;
    width: auto !important;
    box-sizing: border-box;
    border-color: var(--ast-global-color-1) !important;
    border-style: solid !important;
    background-color: var(--ast-global-color-1) !important;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}
#products-cta .mailpoet_paragraph.last {
    margin-top: 10px;
    margin-bottom: 0;
}
#products-cta .mailpoet_checkbox_label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
}
#products-cta .mailpoet_checkbox {
    width: 16px;
    height: 16px;
    accent-color: #2196b0;
    flex-shrink: 0;
    cursor: pointer;
}
#products-cta .mailpoet_form_columns_container {
    flex-direction: row;
    width: 100%;
}
#form_email_1 {
    border-radius: 8px 0 0 8px !important;
}

/* -- Zakladki UAGB: hover (nieaktywne) + brak skoku szerokosci aktywnej ------ */
#products-tabs .uagb-tab {
    transition: border-color .2s ease, background-color .2s ease;
}
#products-tabs .uagb-tab .uagb-tabs-list,
#products-tabs .uagb-tab .uagb-tabs-list div {
    transition: color .2s ease;
}
#products-tabs .uagb-tab:not(.uagb-tabs__active):hover {
    border-color: var(--ast-global-color-1) !important;
    background:var(--ast-global-color-1) !important;
}
#products-tabs .uagb-tab:not(.uagb-tabs__active):hover .uagb-tabs-list,
#products-tabs .uagb-tab:not(.uagb-tabs__active):hover .uagb-tabs-list div {

    color: #fff !important;
}
/* Rezerwacja szerokosci na pogrubiony tekst (data-text ustawia global.js):
   ukryty bold ::after wymusza stala szerokosc, wiec aktywna zakladka (700)
   nie rozpycha layoutu. */
#products-tabs .uagb-tabs-list > div {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
#products-tabs .uagb-tabs-list > div::after {
    content: attr(data-text);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

/* Tytul produktu w karuzeli na stronie glownej - 16px */
html body #main #products-tabs h2 {
    font-size: 16px !important;
}