/* ==========================================================================
   poznet_karta_produktu - buy box karty produktu
   --------------------------------------------------------------------------
   Wszystko jest scope'owane pod html.pkp-active. Klase dopisuje jedna linijka
   <script> z hooka displayHeader, wiec POZNET_KARTA_ENABLED = 0 to
   natychmiastowy powrot do wygladu motywu.

   Dlaczego tyle !important: arkusze motywu laduja sie PO tym plikiem
   (themes/Pandav1/assets/css/custom.css, custom_product-*.css,
   typography-improvements-*.css) i same uzywaja !important.

   Uwaga o specyficznosci - reguly motywu, ktore trzeba bic:
     typography  #wrapper span:not(.badge):not(.price):not(.variation-label)
                 {color:var(--color-gray-900)!important}        -> (1,3,1)
     typography  .h1,.h2,.h3,.h4,.h5,.h6{color:...!important}   -> (0,1,0)
     custom      .product-information li{color:#fff!important}  -> (0,1,1)
     custom      p,.tabs .tab-pane{color:#060735!important}     -> (0,1,1)
   Dlatego:
     - wlasne etykiety renderujemy jako <b> / <i>, nie <span> (regula ich nie lapie),
     - dla cudzych <span>-ow (.current-price-value, .ppp-pill__price) uzywamy
       selektorow z #wrapper i czterema klasami -> (1,4,1), czyli mocniej.

   Paleta makiety v3b:
     navy #060735 | accent #00ADEF | accent-ink #0077A8 | ink #10133A
     muted #6B7094 | line #E3E6F0 | ok #1E9E6A
   ========================================================================== */

html.pkp-active {
    --pkp-navy: #060735;
    --pkp-accent: #00ADEF;
    --pkp-accent-ink: #0077A8;
    --pkp-ink: #10133A;
    --pkp-muted: #6B7094;
    --pkp-soft: #8A8FA8;
    --pkp-line: #E3E6F0;
    --pkp-ok: #1E9E6A;
    --pkp-body: #3B4060;
}

/* tekst tylko dla czytnikow ekranu - pelna nazwa produktu zostaje w H1 */
html.pkp-active .pkp-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ================================================== prawa kolumna ======== */

/* bije: typography .h1,.h2..{color:...!important} oraz h1,.h1{font-size:var(--text-3xl)} */
html.pkp-active .product-container h1.h1 {
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em;
    color: var(--pkp-ink) !important;
    text-transform: none !important;
    margin: 0 0 6px !important;
}

html.pkp-active .pkp-eyebrow {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pkp-muted);
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.4;
}

html.pkp-active .pkp-techline {
    font-size: 12.5px;
    color: var(--pkp-soft);
    margin: 0 0 18px;
    line-height: 1.4;
}

/* ------------------------------------------------------------ ceny ------- */

/* .product-prices to jedyne miejsce, w ktore motyw pozwala nam wejsc przy
   cenie (hook typu "weight"), wiec kolejnosc robimy tu flexem:
   chipy -> promocja -> cena + "/ mies." -> reszta (Omnibus, bifrost...) */
html.pkp-active .product-prices {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 !important;
}

html.pkp-active .product-prices > .pkp-chips {
    order: 1;
    width: 100%;
}

html.pkp-active .product-prices > .product-discount {
    order: 2;
    width: 100%;
    margin: 0 0 4px;
}

html.pkp-active .product-prices > .product-price {
    order: 3;
    margin: 0 !important;
    padding: 0 !important;
}

html.pkp-active .product-prices > .pkp-permonth {
    order: 4;
    padding-bottom: 5px;
    margin-left: 16px;
}

html.pkp-active .product-prices > .product-pack-price,
html.pkp-active .product-prices > .price-ecotax,
html.pkp-active .product-prices > .tax-shipping-delivery-label {
    order: 6;
    width: 100%;
}

/* chipy faktow */
html.pkp-active .pkp-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 26px;
}

html.pkp-active .pkp-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    padding: 7px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--pkp-line);
    color: var(--pkp-ink);
}

html.pkp-active .pkp-chip__i {
    font-style: normal;
    font-size: 13px;
    line-height: 1;
}

/* bije: typography #wrapper span:not(.badge)... (1,3,1) - nasz selektor ma (1,4,1) */
html.pkp-active #wrapper .product-prices .product-price .current-price .current-price-value,
html.pkp-active .product-prices .product-price .current-price .current-price-value {
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.02em;
    color: var(--pkp-ink) !important;
    display: inline-block;
}

/* bifrost podmienia cene na wlasny <span> z brutto i netto */
html.pkp-active .product-prices .bifrost-custom-price {
    display: inline-flex;
    flex-direction: column;
}

html.pkp-active #wrapper .product-prices .bifrost-custom-price .bifrost-price-gross,
html.pkp-active .product-prices .bifrost-custom-price .bifrost-price-gross {
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: var(--pkp-ink) !important;
}

/* bije: typography .h1..h6{color:..!important} - .product-price ma klase h5 */
html.pkp-active .product-prices .product-price.h5 {
    display: block;
    margin: 0 !important;
    color: var(--pkp-ink) !important;
}

html.pkp-active .pkp-permonth {
    font-size: 14px;
    font-weight: 600;
    color: var(--pkp-accent-ink);
    line-height: 1.2;
    white-space: nowrap;
}

/* bije: motyw maluje te linie na bialo (nieczytelna na bialym tle) */
html.pkp-active .product-prices .tax-shipping-delivery-label,
html.pkp-active #wrapper .product-prices .tax-shipping-delivery-label {
    font-size: 12px !important;
    color: var(--pkp-soft) !important;
    margin: 4px 0 0;
    padding: 0;
    line-height: 1.5;
}

/* Omnibus - osobna, spokojna linia pod cena */
html.pkp-active .poznet-omnibus {
    display: block;
    font-size: 12px;
    color: var(--pkp-soft);
    margin: 2px 0 0;
}

/* WSZYSTKIE CENY W SKLEPIE SA BRUTTO - netto nie pokazujemy nigdzie */

/* "Brutto" to goly wezel tekstowy motywu w .tax-shipping-delivery-label (ten sam
   kontener, w ktorym siedzi box bifrost). Nie da sie go ukryc selektorem, wiec
   zerujemy font kontenera i przywracamy go dzieciom. Wszystkie ceny w sklepie
   sa brutto - etykieta nic nie wnosi. */
html.pkp-hide-net .product-prices .tax-shipping-delivery-label,
html.pkp-hide-net #wrapper .product-prices .tax-shipping-delivery-label {
    font-size: 0 !important;
    line-height: 0 !important;
}
html.pkp-hide-net .product-prices .tax-shipping-delivery-label > *,
html.pkp-hide-net #wrapper .product-prices .tax-shipping-delivery-label > * {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

html.pkp-hide-net .product-without-taxes,
html.pkp-hide-net .bifrost-price-net,
html.pkp-hide-net .product-prices .bifrost-price-net {
    display: none !important;
}

/* ---------------------------------------------------- opis / akcje ------- */

html.pkp-active .product-information {
    margin-top: 22px;
}

/* bije: custom.css .product-information li{color:#fff!important} - dotyczy
   fallbacku bez JS, gdy punkty zostaja w prawej kolumnie */
html.pkp-active .product-information li {
    color: var(--pkp-body) !important;
}

/* puste linie motywu pod przyciskiem koszyka robily ~40 px dziury nad linia
   zaufania. Same maja w srodku biale znaki, wiec :empty ich nie lapie -
   klase pkp-empty dopina karta.js po sprawdzeniu tresci. */
html.pkp-active .pkp-empty {
    display: none !important;
    margin: 0 !important;
}

/* etykieta "Ilosc" nad polem - input ma juz aria-label */
html.pkp-active .product-add-to-cart > .control-label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

html.pkp-active .product-add-to-cart .product-quantity {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin: 0 0 18px;
}

html.pkp-active .product-add-to-cart .product-quantity .qty {
    flex: none;
    margin: 0;
}

/* PrestaShop owija #quantity_wanted w .bootstrap-touchspin dopiero w JS,
   wiec ramke rysujemy na owijce, a input i strzalki wkladamy do srodka */
html.pkp-active .product-add-to-cart .product-quantity .qty .bootstrap-touchspin {
    display: flex;
    align-items: stretch;
    height: 52px;
    width: 92px;
    border: 1px solid #D6DAE8;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

html.pkp-active .product-add-to-cart .product-quantity input#quantity_wanted {
    height: 52px !important;
    width: 60px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--pkp-ink) !important;
    text-align: center;
    box-shadow: none !important;
    padding: 0 !important;
}

/* bez owijki (JS jeszcze nie zadzialal) input ma wygladac jak calosc */
html.pkp-active .product-add-to-cart .product-quantity .qty > input#quantity_wanted {
    width: 92px !important;
    border: 1px solid #D6DAE8 !important;
    border-radius: 10px !important;
}

html.pkp-active .product-add-to-cart .product-quantity .input-group-btn-vertical {
    display: flex;
    flex-direction: column;
    width: 30px;
    flex: none;
    border-left: 1px solid #D6DAE8;
}

html.pkp-active .product-add-to-cart .product-quantity .input-group-btn-vertical .btn {
    flex: 1 1 50%;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--pkp-muted) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

html.pkp-active .product-add-to-cart .product-quantity .input-group-btn-vertical .btn i {
    font-size: 16px;
    line-height: 1;
}

html.pkp-active .product-add-to-cart .product-quantity .input-group-btn-vertical .btn + .btn {
    border-top: 1px solid #D6DAE8 !important;
}

html.pkp-active .product-add-to-cart .product-quantity .add {
    flex: 1 1 auto;
    display: flex;
    margin: 0;
}

/* bije: custom.css .product-add-to-cart .btn.add-to-cart{padding:10px 20px} */
html.pkp-active .product-add-to-cart .btn.add-to-cart {
    flex: 1 1 auto;
    width: 100%;
    height: 52px !important;
    padding: 0 20px !important;
    border-radius: 10px !important;
    background: var(--pkp-navy) !important;
    border-color: var(--pkp-navy) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    justify-content: center !important;
    box-shadow: none !important;
    text-transform: none !important;
}

html.pkp-active .product-add-to-cart .btn.add-to-cart:hover,
html.pkp-active .product-add-to-cart .btn.add-to-cart:focus {
    background: #0C0F55 !important;
    border-color: #0C0F55 !important;
}

/* odznaki motywu (SSL / tpay / BLIK / "Klucz na e-mail") - ich tresc niesie
   linia zaufania, wiec przy wlaczonym module sa zbedne */
html.pkp-nobadges .product-security-badges {
    display: none !important;
}

/* ---------------------------------------------------- linia zaufania ----- */

html.pkp-active .product-additional-info {
    margin: 0;
}

html.pkp-active .pkp-trust {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.6;
    color: #5D6286;
    margin: 0 0 8px;
}

html.pkp-active .pkp-trust__i {
    width: 15px;
    height: 15px;
    flex: none;
    fill: var(--pkp-ok);
    margin-top: 3px;
}

/* ------------------------------------------------------------ box B2B --- */

html.pkp-active .pkp-b2b {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 16px 0 0;
    padding: 10px 14px;
    border: 1px dashed #CBD0E6;
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
    color: var(--pkp-body);
}

html.pkp-active .pkp-b2b[hidden] {
    display: none;
}

html.pkp-active .pkp-b2b__t {
    font-weight: 600;
    color: var(--pkp-ink);
}

html.pkp-active .pkp-b2b__slot {
    font-weight: 400;
    margin-left: auto;
}

/* box bifrosta w trybie "jedna linia": zostawiamy sam przycisk, jako link */
html.pkp-active .pkp-b2b .bifrost-price-block {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

html.pkp-active .pkp-b2b .bifrost-price-block .bifrost-config-info,
html.pkp-active .pkp-b2b .bifrost-price-block .bifrost-hint,
html.pkp-active .pkp-b2b .bifrost-price-block .bifrost-per-unit {
    display: none !important;
}

html.pkp-active .pkp-b2b .bifrost-inquiry-btn {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--pkp-accent-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    text-transform: none !important;
    height: auto !important;
    line-height: 1.4 !important;
}

html.pkp-active .pkp-b2b .bifrost-inquiry-btn:after {
    content: ' ▸';
}

html.pkp-b2b-hide .bifrost-price-block {
    display: none !important;
}

/* --------------------------------------------- przelacznik wariantow ----- */

html.pkp-active .product-additional-info .ppp-switcher {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--pkp-line);
}

/* =================================================== karty pod spodem ==== */

/* karty ladują w .row.product-container (JS), a ten rzad jest flexem -
   bez flex-basis 100% zostalyby waska trzecia kolumna */
html.pkp-active .pkp-cards {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    clear: both;
    margin: 34px 0 0;
    padding: 0 15px;
}

html.pkp-active .pkp-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: start;
}

html.pkp-active .pkp-card {
    background: #fff;
    border: 1px solid var(--pkp-line);
    border-radius: 14px;
    padding: 26px 28px;
}

/* karta "W skrocie" pokazuje sie dopiero, gdy JS przeniesie do niej opis */
html.pkp-active .pkp-card--short:not(.is-filled) {
    display: none;
}

/* bije: typography .h1..h6{color:..!important} */
html.pkp-active .pkp-card .pkp-card__h {
    margin: 0 0 6px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -.01em;
    color: var(--pkp-ink) !important;
}

/* bije: custom.css p{color:#060735!important} - lead ma byc szary */
html.pkp-active .pkp-card p.pkp-card__lead {
    font-size: 13px !important;
    color: var(--pkp-muted) !important;
    margin: 0 0 18px !important;
    line-height: 1.5;
}

/* punkty z opisu skroconego, przeniesione do karty */
html.pkp-active .pkp-short-slot .product-description {
    margin: 0 !important;
    font-size: 14px;
}

html.pkp-active .pkp-short-slot ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

html.pkp-active .pkp-short-slot li {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    line-height: 1.5;
    color: #2B2F4F !important;
    margin: 0 !important;
}

html.pkp-active .pkp-short-slot li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 17px;
    background-color: var(--pkp-ok);
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / contain;
}

html.pkp-active .pkp-short-slot li strong {
    font-weight: 500;
}

html.pkp-active .pkp-short-slot p {
    font-size: 13.5px !important;
    color: var(--pkp-body) !important;
    line-height: 1.6;
    margin: 12px 0 0 !important;
}

html.pkp-active .pkp-short-slot p:empty {
    display: none;
}

/* "Jak kupujesz" */
html.pkp-active .pkp-steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
}

html.pkp-active .pkp-st {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-size: 13px;
    color: var(--pkp-body);
    line-height: 1.45;
}

html.pkp-active .pkp-st__n {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--pkp-navy);
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 12.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

html.pkp-active .pkp-st__b b {
    display: block;
    color: var(--pkp-ink);
    font-size: 14px;
    font-weight: 700;
}

/* ======================================================== zakladki ======= */

html.pkp-tabs-pills .product-container .tabs {
    margin-top: 26px;
    border: 0;
    padding: 0;
    background: none;
}

html.pkp-tabs-pills .product-container .tabs .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border: 0 !important;
    margin: 0 0 14px;
    padding: 0;
}

html.pkp-tabs-pills .product-container .tabs .nav-tabs .nav-item {
    margin: 0;
    float: none;
}

html.pkp-tabs-pills .product-container .tabs .nav-tabs .nav-link {
    display: block;
    padding: 10px 18px !important;
    border: 1px solid var(--pkp-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--pkp-body) !important;
    text-transform: none !important;
    white-space: nowrap;
}

html.pkp-tabs-pills .product-container .tabs .nav-tabs .nav-link.active {
    background: var(--pkp-navy) !important;
    border-color: var(--pkp-navy) !important;
    color: #fff !important;
}

html.pkp-tabs-pills .product-container .tabs .tab-content {
    background: #fff;
    border: 1px solid var(--pkp-line);
    border-radius: 12px;
    padding: 22px 26px;
    font-size: 14px;
    line-height: 1.65;
}

html.pkp-tabs-pills .product-container .tabs .tab-content > .tab-pane {
    padding: 0;
}

/* zakladka schowana przez REMOVE_TAB_VARIANTS */
html.pkp-active .pkp-tab-hidden,
html.pkp-active .tab-content > .pkp-pane-hidden {
    display: none !important;
}

/* polaczona zakladka "Dla firm" - panele jeden pod drugim */
html.pkp-active .pkp-pane-merged .pkp-pane-part + .pkp-pane-part {
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid var(--pkp-line);
}

/* ===================================================== sticky pasek ====== */

html.pkp-active .pkp-sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #fff;
    border-top: 1px solid var(--pkp-line);
    box-shadow: 0 -8px 24px rgba(6, 7, 53, .12);
}

html.pkp-active .pkp-sticky[hidden] {
    display: none;
}

html.pkp-active .pkp-sticky img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border: 1px solid var(--pkp-line);
    border-radius: 6px;
    background: #fff;
    flex: none;
}

html.pkp-active .pkp-sticky__t {
    flex: 1 1 auto;
    line-height: 1.15;
    min-width: 0;
}

html.pkp-active .pkp-sticky__p {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: var(--pkp-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.pkp-active .pkp-sticky__pm {
    display: block;
    font-style: normal;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--pkp-accent-ink);
}

html.pkp-active .pkp-sticky__pm:empty {
    display: none;
}

html.pkp-active .pkp-sticky__b {
    flex: none;
    height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: var(--pkp-navy);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}

/* pasek nie moze przykryc konca strony */
body.pkp-sticky-on {
    padding-bottom: 72px;
}

/* ========================================================== mobile ======= */

@media (max-width: 767px) {
    html.pkp-active .product-cover img {
        max-height: var(--pkp-img-max, 200px);
        width: auto !important;
        max-width: 100%;
        object-fit: contain;
        margin: 0 auto;
        display: block;
    }

    html.pkp-active .product-container h1.h1 {
        font-size: 20px !important;
        margin: 4px 0 10px !important;
    }

    html.pkp-active .pkp-chips {
        gap: 6px;
        margin-bottom: 16px;
    }

    html.pkp-active .pkp-chip {
        font-size: 11.5px;
        padding: 5px 10px;
    }

    html.pkp-active #wrapper .product-prices .product-price .current-price .current-price-value,
    html.pkp-active .product-prices .product-price .current-price .current-price-value,
    html.pkp-active #wrapper .product-prices .bifrost-custom-price .bifrost-price-gross,
    html.pkp-active .product-prices .bifrost-custom-price .bifrost-price-gross {
        font-size: 30px !important;
    }

    html.pkp-active .pkp-permonth {
        font-size: 12px;
        margin-left: 10px;
    }

    html.pkp-active .pkp-trust {
        font-size: 11.5px;
        margin-bottom: 18px;
    }

    html.pkp-active .product-add-to-cart .product-quantity .qty .input-group,
    html.pkp-active .product-add-to-cart .product-quantity input#quantity_wanted {
        height: 48px !important;
        width: 70px !important;
    }

    html.pkp-active .product-add-to-cart .btn.add-to-cart {
        height: 48px !important;
        font-size: 14px !important;
    }

    html.pkp-active .pkp-two,
    html.pkp-active .pkp-steps {
        grid-template-columns: 1fr;
    }

    html.pkp-active .pkp-cards {
        margin-top: 22px;
    }

    html.pkp-active .pkp-card {
        padding: 16px 18px;
        border-radius: 12px;
    }

    /* pigulki zakladek w jednym rzedzie z przewijaniem */
    html.pkp-tabs-pills .product-container .tabs .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }

    html.pkp-tabs-pills .product-container .tabs .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    html.pkp-tabs-pills .product-container .tabs .tab-content {
        padding: 16px 18px;
    }
}

@media (min-width: 768px) {
    html.pkp-active .pkp-cards {
        padding: 0 15px;
    }
}