.elementor-kit-21{--e-global-color-primary:#F2F2F2;--e-global-color-secondary:#141414;--e-global-color-text:#141414;--e-global-color-accent:#F2F2F2;--e-global-color-678b452:#F2F2F2;--e-global-color-1abaa55:#FFFFFF00;--e-global-color-66830d2:#3310EB;--e-global-color-8b20943:#3310EB;--e-global-typography-primary-font-family:"Darker Grotesque";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:44px;--e-global-typography-primary-letter-spacing:4px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Darker Grotesque";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:20px;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Titillium Web";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:23px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Darker Grotesque";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-f1d03c5-font-family:"Outfit";--e-global-typography-f1d03c5-font-size:110px;--e-global-typography-f1d03c5-font-weight:200;--e-global-typography-f1d03c5-text-transform:uppercase;--e-global-typography-f1d03c5-font-style:normal;--e-global-typography-f1d03c5-text-decoration:none;--e-global-typography-f1d03c5-line-height:110px;--e-global-typography-f1d03c5-letter-spacing:6px;--e-global-typography-f1d03c5-word-spacing:0px;--e-global-typography-e17a7b7-font-family:"Titillium Web";--e-global-typography-e17a7b7-font-size:20px;--e-global-typography-e17a7b7-font-weight:300;--e-global-typography-e17a7b7-text-transform:none;--e-global-typography-e17a7b7-font-style:normal;--e-global-typography-e17a7b7-text-decoration:underline;--e-global-typography-e17a7b7-line-height:23px;--e-global-typography-e17a7b7-letter-spacing:0px;--e-global-typography-e17a7b7-word-spacing:0px;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:#000000;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-e17a7b7-font-family ), Sans-serif;font-size:var( --e-global-typography-e17a7b7-font-size );font-weight:var( --e-global-typography-e17a7b7-font-weight );text-transform:var( --e-global-typography-e17a7b7-text-transform );font-style:var( --e-global-typography-e17a7b7-font-style );text-decoration:var( --e-global-typography-e17a7b7-text-decoration );line-height:var( --e-global-typography-e17a7b7-line-height );letter-spacing:var( --e-global-typography-e17a7b7-letter-spacing );word-spacing:var( --e-global-typography-e17a7b7-word-spacing );}.elementor-kit-21 a:hover{color:var( --e-global-color-8b20943 );}.elementor-kit-21 input:not([type="button"]):not([type="submit"]),.elementor-kit-21 textarea,.elementor-kit-21 .elementor-field-textual{color:#141414;padding:0px 0px 5px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1585px;}.e-con{--container-max-width:1585px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-21{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:19px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:19px;--e-global-typography-accent-font-size:18px;--e-global-typography-f1d03c5-font-size:94px;--e-global-typography-f1d03c5-line-height:1em;--e-global-typography-f1d03c5-letter-spacing:5px;--e-global-typography-e17a7b7-font-size:19px;}.elementor-kit-21 a{font-size:var( --e-global-typography-e17a7b7-font-size );line-height:var( --e-global-typography-e17a7b7-line-height );letter-spacing:var( --e-global-typography-e17a7b7-letter-spacing );word-spacing:var( --e-global-typography-e17a7b7-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-21{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:16px;--e-global-typography-f1d03c5-font-size:66px;--e-global-typography-f1d03c5-letter-spacing:3px;--e-global-typography-e17a7b7-font-size:18px;}.elementor-kit-21 a{font-size:var( --e-global-typography-e17a7b7-font-size );line-height:var( --e-global-typography-e17a7b7-line-height );letter-spacing:var( --e-global-typography-e17a7b7-letter-spacing );word-spacing:var( --e-global-typography-e17a7b7-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */table.variations th,
table.variations th.label,
table.variations td.value,
table.variations label {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
#mistband-gallery,
.woo-variation-product-gallery {
    transition: opacity .25s ease;
    scroll-margin-top: 90px;
}

.mistband-gallery-refresh {
    opacity: .55;
}

.mistband-variant-title {
    font-family: 'Outfit', sans-serif !important;
    font-size: 28px;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 1.15;
    color: #2F344EFC;
    margin-bottom: 16px;
    transition: opacity .2s ease;
}

@media (max-width: 767px) {
    .mistband-variant-title {
        font-family: 'Outfit', sans-serif !important;
        font-size: 27px;
        font-weight: 200;
        letter-spacing: 0;
        text-align: center;
    }
}

/* Ukrycie nazwy atrybutu "Wybierz kolor" przed swatchami */
table.variations th.label {
    display: none !important;
}
/* Usunięcie zbędnych odstępów po ukryciu labela */
table.variations,
table.variations tbody,
table.variations tr,
table.variations td.value {
    margin: 0 !important;
    padding-top: 0 !important;
}

/* MISTBAND — SWATCHES FINAL SAFE VERSION */

/* Rząd wariantów */
table.variations .variable-items-wrapper,
.woo-variation-items-wrapper .variable-items-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pojedynczy kafelek */
table.variations .variable-item,
.woo-variation-swatches .variable-items-wrapper .variable-item {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 16px !important;
    overflow: hidden !important;

    border: 1px solid rgba(47, 52, 78, 0.18) !important;
    background: #f6f6f6 !important;
    box-shadow: none !important;

    transform: none !important;
    transition: flex .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

/* Wybrany kolor — większy bez skalowania obrazka */
table.variations .variable-item.selected,
.woo-variation-swatches .variable-items-wrapper .variable-item.selected {
    flex: 1.28 1 0 !important;
    transform: none !important;
    border: 1px solid rgba(47, 52, 78, 0.55) !important;
    box-shadow: 0 10px 28px rgba(47, 52, 78, 0.16) !important;
    z-index: 3 !important;
}

/* Wrapper obrazka */
table.variations .variable-item .variable-item-contents,
.woo-variation-swatches .variable-item .variable-item-contents {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: inherit !important;
    overflow: hidden !important;
    background: #f6f6f6 !important;
}

/* Obrazek desktop — pełny kafelek, ale bez deformacji */
table.variations .variable-item .variable-item-image,
.woo-variation-swatches .variable-item .variable-item-image {
    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;

    border-radius: inherit !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Usunięcie domyślnych nakładek pluginu */
table.variations .variable-item::before,
table.variations .variable-item::after,
.woo-variation-swatches .variable-item::before,
.woo-variation-swatches .variable-item::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Hover tylko desktop */
@media (hover: hover) {
    table.variations .variable-item:hover,
    .woo-variation-swatches .variable-items-wrapper .variable-item:hover {
        border-color: rgba(47, 52, 78, 0.35) !important;
        box-shadow: 0 8px 20px rgba(47, 52, 78, 0.10) !important;
    }
}

/* MOBILE — bez ciemnych plam */
@media (max-width: 767px) {
    table.variations .variable-items-wrapper,
    .woo-variation-items-wrapper .variable-items-wrapper {
        gap: 8px !important;
        width: 100% !important;
    }

    table.variations .variable-item,
    .woo-variation-swatches .variable-items-wrapper .variable-item {
        flex: 1 1 0 !important;
        border-radius: 14px !important;
        aspect-ratio: 1 / 1 !important;
        background: #f6f6f6 !important;
    }

    table.variations .variable-item.selected,
    .woo-variation-swatches .variable-items-wrapper .variable-item.selected {
        flex: 1.25 1 0 !important;
        transform: none !important;
    }

    table.variations .variable-item .variable-item-contents,
    .woo-variation-swatches .variable-item .variable-item-contents {
        background: #f6f6f6 !important;
    }

    table.variations .variable-item .variable-item-image,
    .woo-variation-swatches .variable-item .variable-item-image {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;

        background: #f6f6f6 !important;
        padding: 0 !important;
    }
}
/*zmiany 2 czerwca */


/* =====================================================
   MISTBAND — BUNDLER IMAGE SWATCHES FINAL CLEAN
   ===================================================== */

/* Ukrycie oryginalnych selectów Bundlera */
select.mistband-bundle-hidden-select {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}

/* Wiersz: Kolor 1 + miniatury */
.mistband-bundle-color-row {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 10px 0 14px 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Label po lewej */
.mistband-bundle-color-label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #2F344E !important;
    white-space: nowrap !important;
}

/* Kontener miniaturek */
.mistband-bundle-color-row .mistband-bundle-image-swatches {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Pojedyncza miniatura */
.mistband-bundle-image-swatches .mistband-bundle-swatch {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;

    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    border: 1px solid rgba(47, 52, 78, 0.22) !important;
    border-radius: 12px !important;

    background: #f6f6f6 !important;
    overflow: hidden !important;

    padding: 0 !important;
    margin: 0 !important;

    cursor: pointer !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;

    display: block !important;
    appearance: none !important;
    -webkit-appearance: none !important;

    transition: border-color .2s ease, opacity .2s ease !important;
}

/* Obrazek */
.mistband-bundle-image-swatches .mistband-bundle-swatch img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: inherit !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Wybrana opcja — bez powiększania, bez cienia */
.mistband-bundle-image-swatches .mistband-bundle-swatch.selected {
    border: 2px solid #2F344E !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Usunięcie pseudo-elementów / cieni / nakładek */
.mistband-bundle-image-swatches .mistband-bundle-swatch::before,
.mistband-bundle-image-swatches .mistband-bundle-swatch::after,
.mistband-bundle-image-swatches .mistband-bundle-swatch.selected::before,
.mistband-bundle-image-swatches .mistband-bundle-swatch.selected::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    box-shadow: none !important;
}

/* Hover tylko desktop */
@media (hover: hover) {
    .mistband-bundle-image-swatches .mistband-bundle-swatch:hover {
        border-color: rgba(47, 52, 78, 0.45) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .mistband-bundle-color-row {
        grid-template-columns: 56px minmax(0, 1fr) !important;
        column-gap: 7px !important;
        margin: 8px 0 13px 0 !important;
    }

    .mistband-bundle-color-label {
        font-size: 13px !important;
    }

    .mistband-bundle-color-row .mistband-bundle-image-swatches {
        gap: 6px !important;
    }

    .mistband-bundle-image-swatches .mistband-bundle-swatch {
        border-radius: 11px !important;
    }
}

/* Bardzo wąskie telefony */
@media (max-width: 390px) {
    .mistband-bundle-color-row {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        column-gap: 6px !important;
    }

    .mistband-bundle-color-label {
        font-size: 12px !important;
    }

    .mistband-bundle-color-row .mistband-bundle-image-swatches {
        gap: 5px !important;
    }

    .mistband-bundle-image-swatches .mistband-bundle-swatch {
        border-radius: 10px !important;
    }
}


/* MISTBAND — wyróżnienie wybranego wariantu w Bundlerze */
.mistband-bundle-image-swatches .mistband-bundle-swatch.selected {
    transform: scale(1.10) !important;
    border: 2px solid #2F344E !important;
    box-shadow: none !important;
    z-index: 5 !important;
}

/* Obrazek bez rozmycia */
.mistband-bundle-image-swatches .mistband-bundle-swatch.selected img {
    transform: none !important;
    filter: none !important;
}

/* Delikatnie mniejsze powiększenie na mobile */
@media (max-width: 767px) {
    .mistband-bundle-image-swatches .mistband-bundle-swatch.selected {
        transform: scale(1.08) !important;
    }
}


/* -------------dodatkowy css do wyswietlania nazdy koloru wybranego ----------------------------------*/
/* MISTBAND — nazwy kolorów w Bundlerze */
.mistband-bundle-color-label {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    color: #2F344E !important;
    white-space: normal !important;
}

/* Mobile */
@media (max-width: 767px) {
    .mistband-bundle-color-label {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
}



/* MISTBAND — tytuł sekcji Bundlera */
.wbdl_widget .bdlr-body .offer-header {
    color: #2F344E !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    width: 100% !important;
    margin-bottom: 32px !important;
}

/* Komputer / tablet — od lewej */
@media (min-width: 768px) {
    .wbdl_widget .bdlr-body .offer-header {
        text-align: left !important;
    }
}

/* Mobile — wyśrodkowane */
@media (max-width: 767px) {
    .wbdl_widget .bdlr-body .offer-header {
        text-align: center !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        margin-bottom: 28px !important;
    }
}




/* MISTBAND — linki Regulamin / Polityka prywatności w WooCommerce Checkout Block */
body .wp-block-woocommerce-checkout .wc-block-checkout__terms a,
body .wp-block-woocommerce-checkout .wc-block-components-checkbox__label a,
body .wp-block-woocommerce-checkout .wc-block-checkout__terms .wc-block-components-checkbox__label a {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    font-style: inherit !important;

    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 1px !important;
    opacity: 0.82 !important;
}

/* Hover — subtelny, bez mocnego niebieskiego */
body .wp-block-woocommerce-checkout .wc-block-checkout__terms a:hover,
body .wp-block-woocommerce-checkout .wc-block-components-checkbox__label a:hover,
body .wp-block-woocommerce-checkout .wc-block-checkout__terms .wc-block-components-checkbox__label a:hover {
    color: inherit !important;
    opacity: 0.62 !important;
}


/* MISTBAND — przycisk "Kupuję i płacę" w WooCommerce Checkout Block */
body.woocommerce-checkout .wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;

    border: 1px solid #000000 !important;
    border-color: #000000 !important;
    border-radius: 999px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;

    min-height: 56px !important;
    padding: 18px 28px !important;

    box-shadow: none !important;
    outline: none !important;
}

/* Hover — bez czerwonego */
body.woocommerce-checkout .wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {
    background: #111111 !important;
    background-color: #111111 !important;
    color: #ffffff !important;

    border-color: #111111 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Kliknięcie / aktywny stan */
body.woocommerce-checkout .wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:active,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:active,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:active {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}

/* Focus — usuwa ewentualną czerwoną/fioletową obwódkę */
body.woocommerce-checkout .wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:focus,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:focus {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.12) !important;
    outline: none !important;
}

/* Disabled — jeśli przycisk jest nieaktywny */
body.woocommerce-checkout .wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: rgba(255,255,255,0.55) !important;
    border-color: #1a1a1a !important;
    opacity: 1 !important;
}



/* MISTBAND — checkout niżej + ukrycie tytułu strony */
body.woocommerce-checkout .page-header,
body.woocommerce-checkout h1.entry-title,
body.woocommerce-checkout .entry-title {
    display: none !important;
}

/* Odstęp od headera */
body.woocommerce-checkout main#content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .page-content {
    padding-top: 60px !important;
}

/* Checkout block — dodatkowy bezpieczny odstęp */
body.woocommerce-checkout .wp-block-woocommerce-checkout {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-checkout main#content,
    body.woocommerce-checkout .site-main,
    body.woocommerce-checkout .page-content {
        padding-top: 35px !important;
    }
}


/* MISTBAND — przycisk "Zmień paczkomat" / "Wybierz paczkomat" */
body.woocommerce-checkout button.select-paczkomat-button,
body.woocommerce-checkout .select-paczkomat-button,
body.woocommerce-checkout .inpost-paczkomat-block-wrapper button.select-paczkomat-button,
body.woocommerce-checkout .wc-block-components-button.select-paczkomat-button {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;

    border: 1px solid #000000 !important;
    border-color: #000000 !important;
    border-radius: 999px !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;

    min-height: 48px !important;
    padding: 14px 24px !important;

    box-shadow: none !important;
    outline: none !important;
    transition: all .2s ease !important;
}

/* Hover */
body.woocommerce-checkout button.select-paczkomat-button:hover,
body.woocommerce-checkout .select-paczkomat-button:hover,
body.woocommerce-checkout .inpost-paczkomat-block-wrapper button.select-paczkomat-button:hover,
body.woocommerce-checkout .wc-block-components-button.select-paczkomat-button:hover {
    background: #111111 !important;
    background-color: #111111 !important;
    color: #ffffff !important;

    border-color: #111111 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Focus / kliknięcie */
body.woocommerce-checkout button.select-paczkomat-button:focus,
body.woocommerce-checkout .select-paczkomat-button:focus,
body.woocommerce-checkout .inpost-paczkomat-block-wrapper button.select-paczkomat-button:focus,
body.woocommerce-checkout .wc-block-components-button.select-paczkomat-button:focus,
body.woocommerce-checkout button.select-paczkomat-button:active,
body.woocommerce-checkout .select-paczkomat-button:active {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;

    border-color: #000000 !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.10) !important;
    outline: none !important;
}

body.woocommerce-checkout button.select-paczkomat-button,
body.woocommerce-checkout .select-paczkomat-button {
    width: 100% !important;
}


/* MISTBAND — linki PayU w checkout: ten sam font i subtelny kolor */
body.woocommerce-checkout .payu-accept-conditions .payu-conditions-description a,
body.woocommerce-checkout .wc-block-checkout .payu-accept-conditions .payu-conditions-description a,
body.woocommerce-checkout .wp-block-woocommerce-checkout .payu-accept-conditions .payu-conditions-description a {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    font-style: inherit !important;

    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 1px !important;
    opacity: 0.82 !important;
}

/* Hover — delikatny, bez mocnego niebieskiego */
body.woocommerce-checkout .payu-accept-conditions .payu-conditions-description a:hover,
body.woocommerce-checkout .wc-block-checkout .payu-accept-conditions .payu-conditions-description a:hover,
body.woocommerce-checkout .wp-block-woocommerce-checkout .payu-accept-conditions .payu-conditions-description a:hover {
    color: inherit !important;
    opacity: 0.62 !important;
}

/* MISTBAND — dodatkowy opis Solo / Duo / Trio */
.mistband-bundle-card-subline {
    display: block !important;
    width: 100% !important;

    margin-top: 5px !important;
    margin-bottom: 0 !important;

    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;

    color: rgba(0, 0, 0, 0.62) !important;
    text-transform: none !important;
    white-space: normal !important;
}

/* W wybranej karcie tekst może być trochę mocniejszy */
.wbdl_widget label:has(input[type="radio"]:checked) .mistband-bundle-card-subline,
.wbdl_widget [class*="checked"] .mistband-bundle-card-subline {
    color: rgba(0, 0, 0, 0.72) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .mistband-bundle-card-subline {
        font-size: 12px !important;
        margin-top: 4px !important;
    }
}


/* MISTBAND — poprawka pozycji badge "Darmowa wysyłka" po dodaniu opisu */
.wbdl_widget .quantity-break__content-left .quantity-break__first-line {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-areas:
        "title badge"
        "subline subline" !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 10px !important;
    row-gap: 3px !important;
}

/* Nazwa zestawu */
.wbdl_widget .quantity-break__first-line .quantity-break__title {
    grid-area: title !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Badge "Darmowa wysyłka" */
.wbdl_widget .quantity-break__first-line .bundle-message-not-blink {
    grid-area: badge !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    white-space: nowrap !important;
    line-height: 1 !important;
    align-self: center !important;
}

/* Dodatkowy opis: 1 opaska / 2 opaski / 3 opaski */
.wbdl_widget .quantity-break__first-line .mistband-bundle-card-subline {
    grid-area: subline !important;
    width: 100% !important;

    margin-top: 2px !important;
    margin-bottom: 0 !important;

    display: block !important;
}


/* MISTBAND — mobile: układ opisu w kartach Bundlera */
@media (max-width: 767px) {

    /* Lewa część karty */
    .wbdl_widget .quantity-break__content-left {
        min-width: 0 !important;
        width: 100% !important;
        padding-right: 8px !important;
    }

    /* Układ: nazwa -> badge -> opis */
    .wbdl_widget .quantity-break__content-left .quantity-break__first-line {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "badge"
            "subline" !important;
        align-items: start !important;
        justify-content: start !important;
        row-gap: 5px !important;
        column-gap: 0 !important;
        width: 100% !important;
    }

    /* Nazwa: MISTBAND Solo / Duo / Trio */
    .wbdl_widget .quantity-break__first-line .quantity-break__title {
        grid-area: title !important;
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
        line-height: 1.15 !important;
    }

    /* Badge: Darmowa wysyłka */
    .wbdl_widget .quantity-break__first-line .bundle-message-not-blink {
        grid-area: badge !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: fit-content !important;
        max-width: max-content !important;

        margin: 0 !important;
        padding: 5px 8px !important;

        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* Opis: 2 opaski · oszczędzasz 29 zł */
    .wbdl_widget .quantity-break__first-line .mistband-bundle-card-subline {
        grid-area: subline !important;
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    /* Żeby cena po prawej nie wchodziła na tekst */
    .wbdl_widget .quantity-break__price {
        flex-shrink: 0 !important;
        min-width: 92px !important;
        text-align: right !important;
    }

    /* Karta może być trochę wyższa po rozbiciu linii */
    .wbdl_widget .quantity-break__wrapper {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
}

/* MISTBAND — tytuł sekcji "Wybierz swój zestaw" */
.wbdl_widget .bdlr-body .offer-header,
.wbdl_widget .offer-header {
    color: #000000FC !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    margin-bottom: 28px !important;
}

/* Komputer / tablet */
@media (min-width: 768px) {
    .wbdl_widget .bdlr-body .offer-header,
    .wbdl_widget .offer-header {
        font-size: 22px !important;
        font-weight: 200 !important;
        text-align: left !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .wbdl_widget .bdlr-body .offer-header,
    .wbdl_widget .offer-header {
        color: #000000FC !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 20px !important;
        font-weight: 200 !important;
        text-align: center !important;
        line-height: 1.25 !important;
        margin-bottom: 26px !important;
    }
}


/* =====================================================
   MISTBAND — płynny ticker w nieskończonej pętli
   bez ping-ponga, bez widocznego przeskoku
   ===================================================== */

.mistband-loop-ticker {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;

    margin-top: 16px !important;
    padding: 8px 0 !important;

    white-space: nowrap !important;
    position: relative !important;

    --mistband-loop-distance: 900px;
    --mistband-loop-duration: 28s;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
    ) !important;
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 8%,
        #000 92%,
        transparent 100%
    ) !important;
}

.mistband-loop-track {
    display: flex !important;
    align-items: center !important;

    width: max-content !important;
    max-width: none !important;

    white-space: nowrap !important;

    animation: mistbandLoopTicker var(--mistband-loop-duration) linear infinite !important;
    will-change: transform !important;
}

.mistband-loop-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;

    white-space: nowrap !important;
}

.mistband-loop-group span {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    color: #000000FC !important;

    white-space: nowrap !important;
    position: relative !important;
    flex: 0 0 auto !important;
}

/* Separator po KAŻDYM haśle — także ostatnim.
   Dzięki temu przejście między grupami jest płynne. */
.mistband-loop-group span::after {
    content: "·" !important;
    margin: 0 22px !important;
    color: rgba(0, 0, 0, 0.38) !important;
}

@keyframes mistbandLoopTicker {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(calc(-1 * var(--mistband-loop-distance)), 0, 0);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .mistband-loop-ticker {
        margin-top: 14px !important;
        padding: 8px 0 !important;
    }

    .mistband-loop-group span {
        font-size: 12.5px !important;
    }

    .mistband-loop-group span::after {
        margin: 0 18px !important;
    }
}/* End custom CSS */