.elementor-258172 .elementor-element.elementor-element-3a535bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-258172 .elementor-element.elementor-element-a289bd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-9px -9px -9px -9px;}.elementor-258172 .elementor-element.elementor-element-a289bd2 .woocommerce-breadcrumb{font-size:13px;line-height:1px;}.elementor-258172 .elementor-element.elementor-element-52dd45d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-258172 .elementor-element.elementor-element-6b24898{--display:flex;}.elementor-258172 .elementor-element.elementor-element-6b24898.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-258172 .elementor-element.elementor-element-eff8f23{--display:flex;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-258172 .elementor-element.elementor-element-eff8f23.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-258172 .elementor-element.elementor-element-1d678a0 img{border-radius:30px 30px 30px 30px;}.elementor-258172 .elementor-element.elementor-element-4bd594d{--e-image-carousel-slides-to-show:5;}.elementor-258172 .elementor-element.elementor-element-4bd594d .swiper-wrapper{display:flex;align-items:center;}.elementor-258172 .elementor-element.elementor-element-4bd594d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-258172 .elementor-element.elementor-element-c2b1eb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-258172 .elementor-element.elementor-element-7e86aa9{--display:flex;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-258172 .elementor-element.elementor-element-7e86aa9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-258172 .elementor-element.elementor-element-dc67114{--display:flex;}.elementor-258172 .elementor-element.elementor-element-dc67114.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-258172 .elementor-element.elementor-element-70bbb49{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-258172 .elementor-element.elementor-element-70bbb49.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-258172 .elementor-element.elementor-element-70bbb49 .cart button, .elementor-258172 .elementor-element.elementor-element-70bbb49 .cart .button{background-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-258172 .elementor-element.elementor-element-70bbb49 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-258172 .elementor-element.elementor-element-70bbb49 form.cart .variations{width:56%;margin-bottom:8px;}.woocommerce .elementor-258172 .elementor-element.elementor-element-70bbb49 form.cart table.variations tr th, .woocommerce .elementor-258172 .elementor-element.elementor-element-70bbb49 form.cart table.variations tr td{padding-top:calc( 20px/2 );padding-bottom:calc( 20px/2 );}.woocommerce .elementor-258172 .elementor-element.elementor-element-70bbb49 form.cart table.variations td.value select{color:var( --e-global-color-primary );}.woocommerce .elementor-258172 .elementor-element.elementor-element-70bbb49 form.cart table.variations td.value select, .woocommerce .elementor-258172 .elementor-element.elementor-element-70bbb49 form.cart table.variations td.value:before{border-radius:30px;}.elementor-258172 .elementor-element.elementor-element-8334c07{--display:flex;}.elementor-258172 .elementor-element.elementor-element-b77f357{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-258172 .elementor-element.elementor-element-2e55e58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-258172 .elementor-element.elementor-element-4ee40f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-258172 .elementor-element.elementor-element-823db91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-258172 .elementor-element.elementor-element-4ccaf45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-258172 .elementor-element.elementor-element-a0ee0d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-258172 .elementor-element.elementor-element-4b51006.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-258172 .elementor-element.elementor-element-4b51006.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-258172 .elementor-element.elementor-element-7d5f645{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-258172 .elementor-element.elementor-element-6b24898{--width:50%;}.elementor-258172 .elementor-element.elementor-element-eff8f23{--width:99.028%;}.elementor-258172 .elementor-element.elementor-element-c2b1eb8{--width:50%;}.elementor-258172 .elementor-element.elementor-element-7e86aa9{--width:99.028%;}.elementor-258172 .elementor-element.elementor-element-dc67114{--width:99.028%;}.elementor-258172 .elementor-element.elementor-element-a0ee0d6{--width:50%;}.elementor-258172 .elementor-element.elementor-element-7d5f645{--width:50%;}}@media(max-width:1024px){.elementor-258172 .elementor-element.elementor-element-4bd594d{--e-image-carousel-slides-to-show:5;}.elementor-258172 .elementor-element.elementor-element-4b51006.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-258172 .elementor-element.elementor-element-4bd594d{--e-image-carousel-slides-to-show:5;}.elementor-258172 .elementor-element.elementor-element-4b51006.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-1d678a0 *//* =====================================================
   SPEEDFLOOR – GŁÓWNE ZDJĘCIE PRODUKTU
===================================================== */

.sf-product-main-image {
    width: 100%;

    /* Stałe proporcje obszaru głównego zdjęcia */
    aspect-ratio: 1.45 / 1;

    overflow: hidden;
    border-radius: 30px;
}


/* =====================================================
   KONTENERY ELEMENTORA
===================================================== */

.sf-product-main-image .elementor-widget-container,
.sf-product-main-image .elementor-image,
.sf-product-main-image a {
    width: 100%;
    height: 100%;

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


/* =====================================================
   SAMO ZDJĘCIE

   - zawsze wypełnia wysokość,
   - zachowuje proporcje,
   - nie jest przycinane,
   - może zostawić puste miejsce po bokach,
   - jest wyśrodkowane.
===================================================== */

.sf-product-main-image img {
    display: block;

    height: 100% !important;
    width: auto !important;

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

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

    margin-left: auto !important;
    margin-right: auto !important;

    border-radius: 30px;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .sf-product-main-image {
        aspect-ratio: 1.35 / 1;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .sf-product-main-image {
        aspect-ratio: 1 / 1;
        border-radius: 20px;
    }

    .sf-product-main-image img {
        border-radius: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52dd45d *//* ==========================================================
   SPEEDFLOOR – KARTA PRODUKTU
   CZYSTA WERSJA
========================================================== */

.single-product {
    --sf-navy: #142442;
    --sf-red: #d71920;
    --sf-text: #222222;
    --sf-muted: #68707b;
    --sf-border: #d8dce2;
    --sf-divider: #cbd1d8;
    --sf-bg: #f5f4f2;
    --sf-white: #ffffff;
    --sf-soft: #f6f7f9;
}


/* ==========================================================
   GŁÓWNY UKŁAD
========================================================== */

.sf-product-hero,
.sf-product-media,
.sf-product-buybox {
    overflow: visible !important;
}

.sf-product-buybox,
.sf-product-buybox.e-con {
    min-width: 0 !important;
    gap: 8px !important;
    justify-content: flex-start !important;
}

.sf-product-buybox > .elementor-element {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================================
   GŁÓWNE ZDJĘCIE
========================================================== */

.sf-product-main-image {
    width: 100%;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;

    border-radius: 30px;

    background: var(--sf-bg);
}

.sf-product-main-image .elementor-widget-container,
.sf-product-main-image .elementor-image,
.sf-product-main-image a {
    display: flex !important;

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

    width: 100%;
    height: 100%;

    background: transparent !important;
}

.sf-product-main-image img {
    display: block !important;

    width: auto !important;
    height: 100% !important;

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

    margin: 0 auto !important;

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

    border-radius: 30px;
}


/* ==========================================================
   GALERIA – KWADRATOWE MINIATURY
========================================================== */

.sf-product-gallery-carousel {
    width: 100%;
}

.sf-product-gallery-carousel .swiper-slide {
    display: flex !important;

    align-items: stretch !important;

    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    overflow: hidden !important;

    border-radius: 18px !important;
}

.sf-product-gallery-carousel .swiper-slide > *,
.sf-product-gallery-carousel .swiper-slide a,
.sf-product-gallery-carousel .swiper-slide .elementor-carousel-image {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

.sf-product-gallery-carousel .swiper-slide img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

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


/* ==========================================================
   KRÓTKI OPIS
========================================================== */

.sf-product-buybox
.elementor-widget-woocommerce-product-short-description {
    margin-bottom: 0 !important;
}

.sf-product-buybox
.woocommerce-product-details__short-description {
    margin-bottom: 0 !important;

    color: var(--sf-text);

    font-size: 15px;
    line-height: 1.5;
}


/* ==========================================================
   LINKI
========================================================== */

.sf-show-full-description,
.sf-show-all-colors {
    display: inline-flex !important;

    align-items: center;

    width: auto !important;

    padding: 0 0 2px !important;

    border: 0 !important;
    border-bottom: 1px solid var(--sf-red) !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: var(--sf-red) !important;

    box-shadow: none !important;

    font-weight: 600 !important;

    cursor: pointer;
}

.sf-show-full-description {
    margin: 6px 0 8px !important;

    font-size: 12px !important;
}

.sf-show-all-colors {
    margin: 8px 0 0 38px !important;

    font-size: 11px !important;
}

.sf-show-full-description:hover,
.sf-show-all-colors:hover {
    color: var(--sf-navy) !important;

    border-bottom-color: var(--sf-navy) !important;
}


/* ==========================================================
   TABELA WARIANTÓW
========================================================== */

.sf-product-buybox table.variations {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;
}


/* ==========================================================
   DESKTOP / LAPTOP
   KOLOR
   GRUBOŚĆ | WZÓR
========================================================== */

@media (min-width: 768px) {

    .sf-product-buybox
    table.variations tbody {
        display: grid !important;

        grid-template-columns:
            44fr
            56fr;

        gap: 10px 12px;

        width: 100% !important;
    }

    .sf-product-buybox
    table.variations tbody > tr:nth-child(1) {
        grid-column: 1 / -1;
    }

    .sf-product-buybox
    table.variations tbody > tr:nth-child(2) {
        grid-column: 1;
    }

    .sf-product-buybox
    table.variations tbody > tr:nth-child(3) {
        grid-column: 2;
    }

}


/* ==========================================================
   BIAŁE KARTY WARIANTÓW
========================================================== */

.sf-product-buybox
table.variations tr {
    width: 100% !important;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 10px 13px !important;

    border: 1px solid var(--sf-border);
    border-radius: 12px;

    background: var(--sf-white);

    box-shadow:
        0 4px 12px
        rgba(20,36,66,.035);
}

.sf-product-buybox
table.variations th,
.sf-product-buybox
table.variations td {
    width: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}

.sf-product-buybox
table.variations th {
    display: block !important;

    margin: 0 0 9px !important;

    color: var(--sf-navy);

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center !important;
}

.sf-product-buybox
table.variations td {
    display: block !important;
}

.sf-native-variation-select,
.sf-product-buybox .reset_variations {
    display: none !important;
}


/* ==========================================================
   GRUBOŚĆ
========================================================== */

.sf-thickness-tiles {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px !important;

    width: 100% !important;
}

.sf-thickness-tile {
    display: flex !important;

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

    width: 100% !important;

    min-width: 0 !important;

    height: 38px !important;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 0 5px !important;

    border: 2px solid #d4d8df !important;
    border-radius: 8px !important;

    background: #fff !important;

    color: var(--sf-navy) !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    box-shadow:
        0 3px 0 rgba(20,36,66,.14),
        0 4px 8px rgba(20,36,66,.05)
        !important;

    cursor: pointer;
}

.sf-thickness-tile.is-selected {
    border-color: var(--sf-navy) !important;

    background: #f2f4f7 !important;

    transform: translateY(2px);

    box-shadow:
        0 1px 0 rgba(20,36,66,.2),
        inset 0 2px 5px rgba(20,36,66,.16)
        !important;
}


/* ==========================================================
   WZORY
========================================================== */

.sf-pattern-tiles {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 9px !important;

    width: 100% !important;
}

.sf-pattern-tile {
    display: flex !important;

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

    width: 100% !important;

    min-width: 0 !important;

    height: 38px !important;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 0 8px !important;

    border: 2px solid #d4d8df !important;
    border-radius: 8px !important;

    background: #fff !important;

    color: var(--sf-navy) !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    box-shadow:
        0 3px 0 rgba(20,36,66,.14),
        0 4px 8px rgba(20,36,66,.05)
        !important;

    cursor: pointer;
}

.sf-pattern-tile.is-selected {
    border-color: var(--sf-navy) !important;

    background: #f2f4f7 !important;

    transform: translateY(2px);

    box-shadow:
        0 1px 0 rgba(20,36,66,.2),
        inset 0 2px 5px rgba(20,36,66,.16)
        !important;
}


/* ==========================================================
   NIEDOSTĘPNE
========================================================== */

.sf-product-buybox
.sf-variation-tile.is-unavailable {
    display: none !important;
}


/* ==========================================================
   SLIDER KOLORÓW
========================================================== */

.sf-color-carousel {
    display: grid !important;

    grid-template-columns:
        30px
        minmax(0,1fr)
        30px !important;

    align-items: center !important;

    gap: 8px !important;

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

.sf-color-viewport {
    width: 100% !important;

    min-width: 0 !important;

    overflow: hidden !important;
}

.sf-color-tiles {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: flex-start !important;

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

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

    will-change: transform;
}


/* ==========================================================
   KOLOR
========================================================== */

.sf-color-tile {
    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    flex-shrink: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: var(--sf-navy) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    text-align: center !important;

    box-shadow: none !important;

    cursor: pointer;
}

.sf-color-tile::before {
    content: "";

    display: block !important;

    width: 100% !important;
    height: 58px !important;

    box-sizing: border-box;

    margin-bottom: 5px !important;

    border:
        2px solid
        rgba(20,36,66,.12)
        !important;

    border-radius: 9px !important;

    background-color:
        var(--sf-swatch-color, #ddd);

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    box-shadow:
        0 3px 0 rgba(20,36,66,.14),
        0 4px 8px rgba(20,36,66,.05)
        !important;
}

.sf-color-tile[data-swatch-type="image"]::before {
    background-image:
        var(--sf-swatch-image) !important;
}

.sf-color-tile.is-selected::before {
    border-color: var(--sf-navy) !important;

    transform: translateY(2px);

    box-shadow:
        0 1px 0 rgba(20,36,66,.2),
        inset 0 2px 6px rgba(0,0,0,.2)
        !important;
}

.sf-color-tile.is-selected {
    font-weight: 700 !important;
}

.sf-color-label {
    display: block !important;

    width: 100%;

    color: var(--sf-navy);

    text-align: center;
}


/* ==========================================================
   RAL
========================================================== */

.sf-color-ral {
    position: absolute;

    top: 8px;
    left: 50%;

    z-index: 5;

    padding: 4px 8px;

    border:
        1px solid
        rgba(20,36,66,.12);

    border-radius: 999px;

    background: rgba(255,255,255,.96);

    color: #333;

    font-size: 10px;
    font-weight: 700;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transform:
        translateX(-50%)
        translateY(-3px);

    pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {

    .sf-color-tile:hover
    .sf-color-ral {
        opacity: 1;
        visibility: visible;

        transform:
            translateX(-50%)
            translateY(0);
    }

}


/* ==========================================================
   STRZAŁKI
========================================================== */

.sf-color-nav {
    display: flex !important;

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

    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;

    padding: 0 !important;

    border:
        1px solid var(--sf-border)
        !important;

    border-radius: 50% !important;

    background: #fff !important;

    color: var(--sf-navy) !important;

    font-size: 21px !important;

    box-shadow: none !important;
}

.sf-color-nav:disabled {
    opacity: .2 !important;
}

.sf-color-tile.sf-color-hidden:not(.is-unavailable) {
    display: flex !important;
}

.sf-color-animation-layer {
    display: none !important;
}


/* ==========================================================
   PANEL ZAKUPOWY
========================================================== */

.sf-product-buybox
.single_variation_wrap {
    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    grid-template-areas:
        "price total"
        "calculator cart";

    column-gap: 26px;
    row-gap: 12px;

    align-items: start;

    width: 100%;

    box-sizing: border-box;

    margin-top: 9px !important;

    padding:
        14px 18px 12px !important;

    border:
        1px solid var(--sf-border);

    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 4px 12px rgba(20,36,66,.035);
}

.sf-product-buybox
.single_variation {
    display: contents !important;
}


/* ==========================================================
   PUSTY STAN
========================================================== */

.sf-product-buybox
.single_variation_wrap.sf-no-variation
.woocommerce-variation-price {
    display: none !important;
}

.sf-product-buybox
.single_variation_wrap.sf-no-quantity
.sf-variation-total {
    display: none !important;
}


/* ==========================================================
   CENA ZA SZTUKĘ
========================================================== */

.sf-product-buybox
.woocommerce-variation-price {
    grid-area: price;

    margin: 0 !important;

    padding: 10px 13px !important;

    border-radius: 9px;

    background: var(--sf-soft);
}

.sf-product-buybox
.woocommerce-variation-price::before {
    content: "Cena za sztukę";

    display: block;

    margin-bottom: 4px;

    color: var(--sf-muted);

    font-size: 13px;
    font-weight: 700;
}

.sf-product-buybox
.woocommerce-variation-price
.price {
    display: block !important;

    margin: 0 !important;

    color: var(--sf-navy) !important;

    font-size: 22px !important;
    font-weight: 800 !important;

    line-height: 1.1 !important;
}


/* ==========================================================
   CENA RAZEM
========================================================== */

.sf-variation-total {
    grid-area: total;

    margin: 0 !important;

    padding: 10px 13px !important;

    border-radius: 9px;

    background: var(--sf-soft);
}

.sf-total-label {
    display: block;

    margin-bottom: 4px;

    color: var(--sf-muted);

    font-size: 13px;
    font-weight: 700;
}

.sf-total-price {
    display: block;

    margin: 0 !important;

    color: var(--sf-navy);

    font-size: 22px !important;
    font-weight: 800;

    line-height: 1.1;
}


/* ==========================================================
   KALKULATOR – LEWA STRONA
========================================================== */

.sf-area-calculator {
    grid-area: calculator;

    display: grid !important;

    grid-template-columns:
        max-content
        max-content;

    grid-template-areas:
        "label input"
        "reserve reserve"
        "result result";

    align-items: center;

    justify-content: start;

    column-gap: 14px;
    row-gap: 13px;

    width: 100%;

    box-sizing: border-box;

    margin: 0 !important;

    padding:
        17px 0 0 !important;

    border-top:
        2px solid var(--sf-divider);
}


/* ==========================================================
   POWIERZCHNIA
========================================================== */

.sf-area-label {
    grid-area: label;

    margin: 0 !important;

    color: var(--sf-navy);

    font-size: 16px;
    font-weight: 700;

    white-space: nowrap;
}

.sf-area-input-wrap {
    grid-area: input;

    display: flex !important;

    align-items: center;

    gap: 10px;
}

.sf-product-buybox
.sf-required-area {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;

    height: 46px !important;

    box-sizing: border-box;

    padding: 8px 11px !important;

    border:
        1px solid #cbd1d8 !important;

    border-radius: 8px !important;

    background: #fff !important;

    color: var(--sf-navy) !important;

    font-size: 17px !important;
    font-weight: 600 !important;
}

.sf-area-unit {
    color: var(--sf-navy);

    font-size: 16px !important;
    font-weight: 800 !important;
}


/* ==========================================================
   ZAPAS
========================================================== */

.sf-reserve-row {
    grid-area: reserve !important;

    display: grid !important;

    grid-template-columns:
        21px
        minmax(0,1fr);

    align-items: start;

    gap: 9px;

    width: 100%;

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

.sf-use-reserve {
    width: 19px !important;
    height: 19px !important;

    margin:
        1px 0 0 !important;

    accent-color: var(--sf-navy);
}

.sf-reserve-text {
    display: grid;

    gap: 4px;
}

.sf-reserve-label {
    color: var(--sf-navy);

    font-size: 15px !important;
    font-weight: 700 !important;
}

.sf-reserve-info {
    color: var(--sf-muted);

    font-size: 13px !important;
    font-weight: 500;
}


/* ==========================================================
   OBLICZENIA
========================================================== */

.sf-area-result {
    grid-area: result;

    display: grid !important;

    gap: 5px;

    width: 100%;

    margin: 0 !important;

    padding:
        12px 0 0 !important;

    border-top:
        1px solid var(--sf-divider);

    color: var(--sf-muted);

    font-size: 14px !important;

    line-height: 1.4;
}

.sf-area-result:not(
    :has(
        .sf-base-result:not(:empty),
        .sf-final-result:not(:empty),
        .sf-covered-area:not(:empty)
    )
) {
    display: none !important;
}

.sf-base-result {
    color: var(--sf-muted);

    font-size: 14px;
}

.sf-final-result {
    color: var(--sf-navy);

    font-size: 16px !important;
    font-weight: 800;
}

.sf-covered-area {
    color: var(--sf-muted);

    font-size: 14px;
}


/* ==========================================================
   PRAWA STRONA – KOSZYK

   TYLKO FLEX.
   ŻADNEGO GRIDU.
========================================================== */

.sf-product-buybox
.woocommerce-variation-add-to-cart {
    grid-area: cart;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: wrap !important;

    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;

    min-width: 0 !important;

    box-sizing: border-box;

    margin: 0 !important;

    padding:
        17px 0 0 !important;

    border-top:
        2px solid var(--sf-divider);
}


/* ==========================================================
   ILOŚĆ – CAŁY PIERWSZY WIERSZ
========================================================== */

.sf-product-buybox
.woocommerce-variation-add-to-cart
.quantity {
    position: relative !important;

    display: flex !important;

    flex: 0 0 100% !important;

    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;

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

    margin: 0 !important;

    padding: 0 !important;
}


/* Ilość */

.sf-product-buybox
.woocommerce-variation-add-to-cart
.quantity::before {
    content: "Ilość" !important;

    position: static !important;

    display: block !important;

    flex: 0 0 auto;

    margin: 0 !important;

    padding: 0 !important;

    transform: none !important;

    background: transparent !important;

    color: var(--sf-navy) !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    white-space: nowrap;
}


/* Input */

body.single-product
.sf-product-buybox
.woocommerce-variation-add-to-cart
.quantity
input.qty {
    position: static !important;

    display: block !important;

    flex: 0 1 155px !important;

    width: 155px !important;
    min-width: 100px !important;
    max-width: 155px !important;

    height: 46px !important;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 8px 12px !important;

    border:
        1px solid #cbd1d8 !important;

    border-radius: 8px !important;

    background: #fff !important;

    color: var(--sf-navy) !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    text-align: left !important;
}


/* szt. */

.sf-product-buybox
.woocommerce-variation-add-to-cart
.quantity::after {
    content: "szt." !important;

    position: static !important;

    display: block !important;

    flex: 0 0 auto;

    margin: 0 !important;

    padding: 0 !important;

    transform: none !important;

    color: var(--sf-navy) !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    white-space: nowrap;
}


/* ==========================================================
   PRZYCISKI – DRUGI WIERSZ
========================================================== */

.sf-product-buybox
.single_add_to_cart_button,

.sf-product-buybox
.added_to_cart.wc-forward {
    position: static !important;

    display: flex !important;

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

    flex:
        1 1 calc(50% - 6px) !important;

    width: auto !important;

    min-width: 135px !important;
    max-width: none !important;

    height: 48px !important;
    min-height: 48px !important;

    box-sizing: border-box;

    margin: 0 !important;

    padding:
        0 12px !important;

    border-radius:
        8px !important;

    font-family: inherit !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center !important;
    text-indent: 0 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    float: none !important;

    box-shadow: none !important;
}


/* ==========================================================
   DODAJ DO KOSZYKA
========================================================== */

.sf-product-buybox
.single_add_to_cart_button {
    border:
        2px solid var(--sf-navy) !important;

    background:
        var(--sf-navy) !important;

    background-image:
        none !important;

    color:
        #fff !important;
}


/* przed pierwszym dodaniem jeden przycisk na całą szerokość */

.sf-product-buybox
.woocommerce-variation-add-to-cart:not(
    :has(.added_to_cart.wc-forward)
)
.single_add_to_cart_button {
    flex-basis: 100% !important;
}


/* fajeczka Woo znika */

.sf-product-buybox
.single_add_to_cart_button.added::before,

.sf-product-buybox
.single_add_to_cart_button.added::after {
    content: none !important;

    display: none !important;
}


/* ==========================================================
   ZOBACZ KOSZYK
========================================================== */

.sf-product-buybox
.added_to_cart.wc-forward {
    border:
        2px solid var(--sf-navy) !important;

    background:
        #fff !important;

    color:
        var(--sf-navy) !important;
}

.sf-product-buybox
.added_to_cart.wc-forward:hover {
    background:
        var(--sf-navy) !important;

    color:
        #fff !important;
}


/* ==========================================================
   KOMUNIKATY – TRZECI WIERSZ
========================================================== */

.sf-product-buybox
.sf-cart-success,

.sf-product-buybox
.sf-selection-error,

.sf-product-buybox
.sf-ajax-cart-error {
    flex:
        0 0 100% !important;

    width:
        100% !important;

    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        10px 12px !important;

    border-radius:
        8px;

    font-size:
        14px !important;

    line-height:
        1.4;
}

.sf-cart-success {
    background:
        #f2f7f3;

    color:
        #28623a;
}

.sf-selection-error,
.sf-ajax-cart-error {
    background:
        rgba(215,25,32,.06);

    color:
        var(--sf-red);
}


/* ==========================================================
   RING – NA ZAMÓWIENIE
========================================================== */

.sf-availability-banner {
    display: none;

    margin:
        3px 0 1px;

    padding:
        0 3px 2px;

    color:
        var(--sf-navy) !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.4;
}

.sf-availability-banner.is-visible {
    display: block;
}


/* ==========================================================
   DRAWER
========================================================== */

.sf-drawer-panel {
    padding:
        32px !important;

    color:
        var(--sf-text) !important;

    border-radius:
        24px 0 0 24px;

    box-shadow:
        -15px 0 50px
        rgba(0,0,0,.14);
}

.sf-drawer-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom:
        22px;
}

.sf-drawer-header h2,
.sf-drawer-content h3 {
    color:
        var(--sf-navy) !important;
}

.sf-drawer-close {
    display: flex !important;

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

    width:
        38px !important;

    height:
        38px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        #f1f2f4 !important;

    color:
        var(--sf-navy) !important;

    font-size:
        24px !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   DRAWER – KOLORY
========================================================== */

.sf-drawer-colors {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap:
        11px;
}

.sf-drawer-color {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        var(--sf-navy) !important;

    box-shadow:
        none !important;
}

.sf-drawer-color-swatch {
    display: block;

    width:
        100% !important;

    aspect-ratio:
        1.25 / 1;

    border:
        2px solid transparent;

    border-radius:
        8px;
}

.sf-drawer-color.is-selected
.sf-drawer-color-swatch {
    border-color:
        var(--sf-navy);
}

.sf-drawer-color-text {
    display: flex;

    flex-direction: column;

    align-items: center;

    gap:
        4px;

    margin-top:
        5px;
}

.sf-drawer-color-name {
    color:
        var(--sf-navy) !important;

    font-size:
        11px;

    font-weight:
        600;
}

.sf-drawer-color-ral {
    display:
        inline-flex !important;

    padding:
        3px 7px;

    border:
        1px solid #dfe2e6;

    border-radius:
        999px;

    background:
        #f6f7f8;

    color:
        #59606a;

    font-size:
        9px;

    font-weight:
        700;
}

.sf-drawer-color.is-unavailable {
    display:
        none !important;
}


/* ==========================================================
   MOBILE / TABLET
========================================================== */

@media (max-width: 1023px) {

    .sf-product-buybox
    .single_variation_wrap {
        grid-template-columns:
            1fr 1fr;

        grid-template-areas:
            "price total"
            "calculator calculator"
            "cart cart";

        column-gap:
            12px;
    }


    .sf-product-buybox
    .sf-area-calculator,

    .sf-product-buybox
    .woocommerce-variation-add-to-cart {
        padding-top:
            14px !important;
    }

}


@media (max-width: 767px) {

    .sf-product-buybox
    .woocommerce-product-details__short-description {
        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }


    .sf-show-full-description {
        margin-left:
            14px !important;
    }


    .sf-product-main-image,
    .sf-product-main-image img {
        border-radius:
            22px;
    }


    /* warianty */

    .sf-product-buybox
    table.variations tbody {
        display:
            block !important;
    }

    .sf-product-buybox
    table.variations tr {
        display:
            block !important;

        width:
            100% !important;

        margin:
            0 0 8px !important;

        padding:
            12px !important;
    }


    /* grubość */

    .sf-thickness-tiles {
        display:
            flex !important;

        justify-content:
            center !important;

        gap:
            8px !important;
    }

    .sf-thickness-tile {
        width:
            64px !important;

        min-width:
            64px !important;

        height:
            64px !important;

        flex:
            0 0 64px !important;
    }


    /* wzory */

    .sf-pattern-tiles {
        display:
            flex !important;

        justify-content:
            center !important;

        gap:
            8px !important;
    }

    .sf-pattern-tile {
        width:
            82px !important;

        min-width:
            82px !important;

        height:
            82px !important;

        flex:
            0 0 82px !important;
    }


    /* kolory */

    .sf-color-carousel {
        grid-template-columns:
            30px
            minmax(0,1fr)
            30px !important;

        gap:
            7px !important;
    }

    .sf-color-tile::before {
        height:
            auto !important;

        aspect-ratio:
            1 / 1;
    }


    /* panel */

    .sf-product-buybox
    .single_variation_wrap {
        display:
            block !important;

        padding:
            13px !important;
    }

    .sf-product-buybox
    .woocommerce-variation-price,

    .sf-product-buybox
    .sf-variation-total {
        margin-bottom:
            9px !important;
    }


    .sf-area-calculator {
        grid-template-columns:
            max-content
            minmax(0,1fr);

        grid-template-areas:
            "label input"
            "reserve reserve"
            "result result";
    }


    .sf-product-buybox
    .woocommerce-variation-add-to-cart
    .quantity {
        gap:
            9px !important;
    }


    body.single-product
    .sf-product-buybox
    .woocommerce-variation-add-to-cart
    .quantity
    input.qty {
        flex:
            1 1 auto !important;

        width:
            100% !important;

        max-width:
            none !important;
    }


    /* na telefonie przyciski jeden pod drugim */

    .sf-product-buybox
    .single_add_to_cart_button,

    .sf-product-buybox
    .added_to_cart.wc-forward {
        flex:
            0 0 100% !important;

        min-width:
            0 !important;

        width:
            100% !important;
    }


    /* drawer */

    .sf-drawer-panel {
        padding:
            22px 18px !important;
    }

    .sf-drawer-colors {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

    .sf-contact-actions {
        grid-template-columns:
            1fr;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8334c07 *//* ==========================================================
   SPEEDFLOOR – DOKUMENTY DO POBRANIA
   WERSJA CZYSTA

   DESKTOP:
   - dokumenty tylko w lewej kolumnie produktu
   - jedna karta dokumentu pod drugą
   - accordion

   MOBILE:
   - pełna szerokość
   - również accordion
========================================================== */


/* ==========================================================
   GŁÓWNY KONTENER
========================================================== */

.sf-product-documents {
    box-sizing: border-box;

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

    margin: 22px 0 0 !important;
    padding: 0 !important;

    color: var(--sf-navy, #142442);
}


/*
 * Na desktopie dokumenty należą wyłącznie
 * do lewej kolumny .sf-product-media.
 *
 * 100% = 100% LEWEJ KOLUMNY,
 * a nie całego ekranu.
 */
@media (min-width: 1024px) {

    .sf-product-media
    .sf-product-documents {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        align-self: stretch !important;
    }

}


/* ==========================================================
   PRZYCISK / NAGŁÓWEK ACCORDIONU
========================================================== */

.sf-documents-toggle {
    display: flex !important;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

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

    min-height: 58px;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 14px 18px !important;

    border: 2px solid #d9dde3 !important;

    border-radius: 12px !important;

    background: #ffffff !important;

    color: var(--sf-navy, #142442) !important;

    box-shadow:
        0 3px 0 rgba(20, 36, 66, .08),
        0 5px 12px rgba(20, 36, 66, .035);

    cursor: pointer;

    text-align: left;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}


.sf-documents-toggle-title {
    display: block;

    min-width: 0;

    color: var(--sf-navy, #142442);

    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
}


/* ==========================================================
   TRÓJKĄT
========================================================== */

.sf-documents-toggle-arrow {
    flex: 0 0 auto;

    width: 0;
    height: 0;

    border-left: 7px solid transparent;
    border-right: 7px solid transparent;

    border-top:
        9px solid
        var(--sf-red, #d71920);

    transform: rotate(0deg);

    transition:
        transform .22s ease;
}


/*
 * Po rozwinięciu strzałka idzie do góry.
 */
.sf-product-documents.is-open
.sf-documents-toggle-arrow {
    transform: rotate(180deg);
}


/* ==========================================================
   OTWARTY NAGŁÓWEK
========================================================== */

.sf-product-documents.is-open
.sf-documents-toggle {
    border-radius:
        12px 12px 0 0 !important;

    border-bottom-color:
        #e5e7eb !important;

    box-shadow:
        none;
}


/* ==========================================================
   ZAWARTOŚĆ ACCORDIONU
========================================================== */

.sf-documents-accordion-content {
    box-sizing: border-box;

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

    padding: 10px !important;

    border:
        2px solid #d9dde3;

    border-top:
        0;

    border-radius:
        0 0 12px 12px;

    background:
        #f6f6f5;

    overflow:
        hidden;
}


/*
 * Na starcie dokumenty pozostają schowane.
 * JS usuwa hidden podczas rozwijania.
 */
.sf-documents-accordion-content[hidden] {
    display: none !important;
}


/* ==========================================================
   LISTA DOKUMENTÓW
   ZAWSZE JEDNA KOLUMNA
========================================================== */

.sf-documents-list {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 7px !important;

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

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


/* ==========================================================
   POJEDYNCZY ELEMENT
========================================================== */

.sf-document-item {
    display: block !important;

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

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


/* ==========================================================
   KAFEL DOKUMENTU
========================================================== */

.sf-document-link {
    display: grid !important;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        auto;

    align-items: center;

    column-gap: 12px;

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

    min-height: 58px;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 8px 13px !important;

    border:
        1.5px solid #d9dde3 !important;

    border-radius:
        9px !important;

    background:
        #ffffff !important;

    color:
        var(--sf-navy, #142442) !important;

    text-decoration:
        none !important;

    box-shadow:
        0 2px 0 rgba(20, 36, 66, .055);

    overflow: hidden;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}


/* ==========================================================
   IKONA PDF
========================================================== */

.sf-document-link::before {
    content: "PDF";

    display: flex;

    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    box-sizing: border-box;

    border:
        1px solid rgba(215, 25, 32, .22);

    border-radius:
        7px;

    background:
        rgba(215, 25, 32, .065);

    color:
        var(--sf-red, #d71920);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .4px;
}


/* ==========================================================
   NAZWA DOKUMENTU
========================================================== */

.sf-document-name {
    min-width: 0;

    color:
        var(--sf-navy, #142442) !important;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;

    overflow-wrap: anywhere;
}


/* ==========================================================
   POBIERZ
========================================================== */

.sf-document-download {
    justify-self: end;

    white-space: nowrap;

    color:
        var(--sf-red, #d71920) !important;

    font-size: 11px;
    font-weight: 700;

    line-height: 1.2;

    text-decoration:
        none !important;
}


/* ==========================================================
   HOVER – TYLKO KOMPUTER
========================================================== */

@media (hover: hover) and (pointer: fine) {

    .sf-documents-toggle:hover {
        border-color:
            rgba(20, 36, 66, .38) !important;

        box-shadow:
            0 3px 0 rgba(20, 36, 66, .10),
            0 6px 14px rgba(20, 36, 66, .045);
    }


    .sf-document-link:hover {
        transform:
            translateY(-1px);

        border-color:
            rgba(20, 36, 66, .32) !important;

        box-shadow:
            0 3px 0 rgba(20, 36, 66, .07),
            0 6px 12px rgba(20, 36, 66, .05);
    }

}


/* ==========================================================
   KLIKNIĘCIE
========================================================== */

.sf-document-link:active {
    transform:
        translateY(1px);

    box-shadow:
        inset 0 2px 4px
        rgba(20, 36, 66, .09);
}


/* ==========================================================
   POBIERZ WSZYSTKIE
========================================================== */

.sf-download-all-wrap {
    display: flex !important;

    justify-content:
        flex-start !important;

    width: 100%;

    margin:
        11px 0 0 !important;
}


.sf-download-all {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    box-sizing: border-box;

    padding:
        8px 16px !important;

    border:
        2px solid
        var(--sf-navy, #142442) !important;

    border-radius:
        8px !important;

    background:
        var(--sf-navy, #142442) !important;

    color:
        #ffffff !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-decoration:
        none !important;

    box-shadow:
        0 2px 0 rgba(20, 36, 66, .18);

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}


@media (hover: hover) and (pointer: fine) {

    .sf-download-all:hover {
        transform:
            translateY(-1px);

        background:
            #1b3157 !important;

        color:
            #ffffff !important;
    }

}


/* ==========================================================
   DUŻY MONITOR
========================================================== */

@media (min-width: 1440px) {

    .sf-documents-toggle {
        min-height:
            62px;

        padding:
            15px 20px !important;
    }


    .sf-documents-toggle-title {
        font-size:
            21px;
    }


    .sf-document-link {
        min-height:
            62px;

        padding:
            9px 14px !important;
    }


    .sf-document-name {
        font-size:
            14px;
    }


    .sf-document-download {
        font-size:
            12px;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width: 768px) and (max-width: 1023px) {

    .sf-product-documents {
        width:
            100% !important;
    }

}


/* ==========================================================
   TELEFON
========================================================== */

@media (max-width: 767px) {

    .sf-product-documents {
        width:
            100% !important;

        margin-top:
            18px !important;
    }


    .sf-documents-toggle {
        min-height:
            54px;

        padding:
            12px 14px !important;
    }


    .sf-documents-toggle-title {
        font-size:
            17px;
    }


    .sf-documents-toggle-arrow {
        border-left-width:
            6px;

        border-right-width:
            6px;

        border-top-width:
            8px;
    }


    .sf-documents-accordion-content {
        padding:
            7px !important;
    }


    /*
     * Na telefonie kafel:
     *
     * [PDF] nazwa
     *       Pobierz
     */
    .sf-document-link {
        grid-template-columns:
            40px
            minmax(0, 1fr);

        grid-template-rows:
            auto auto;

        column-gap:
            10px;

        row-gap:
            2px;

        min-height:
            62px;

        padding:
            9px 10px !important;
    }


    .sf-document-link::before {
        grid-row:
            1 / 3;

        width:
            38px;

        height:
            38px;
    }


    .sf-document-name {
        grid-column:
            2;

        grid-row:
            1;

        font-size:
            13px;
    }


    .sf-document-download {
        grid-column:
            2;

        grid-row:
            2;

        justify-self:
            start;

        font-size:
            11px;
    }


    .sf-download-all-wrap {
        margin-top:
            8px !important;
    }


    .sf-download-all {
        width:
            100% !important;

        min-height:
            46px;

        padding:
            11px 14px !important;
    }

}/* End custom CSS */