.pbts-slider {
    position: relative;
    width: 100%;
    margin: 20px auto;
}

.pbts-viewport {
    overflow: hidden;
    width: 100%;
}

.pbts-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
    will-change: transform;
}

/* Default: laptop/tablet (>= 600px) — 2 proizvoda */
.pbts-item {
    flex: 0 0 50%;
    padding: 15px;
    box-sizing: border-box;
}

/* Mobile (<= 600px) — 2 proizvoda */
/*@media (max-width: 600px) {*/
/*    .pbts-item {*/
/*        flex: 0 0 50%;*/
/*    }*/
/*    .pbts-btn {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 3px 0;*/
/*    border-radius: 30px;*/
/*    border: 2px solid #00eaff;*/
/*    }*/
    
    /* FIX: poravnanje dugmadi na mobilnim uređajima */
/*    .pbts-item {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: space-between;*/
/*        height: 100%;*/
/*    }*/

/*    .pbts-info {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: space-between;*/
/*        flex-grow: 1;*/
/*        text-align: center;*/
        min-height: 160px; /* podešavaš ako treba više mjesta */
/*    }*/

/*    .pbts-title {*/
        min-height: 48px; /* naslov uvijek iste visine */
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        text-align: center;*/
/*        padding: 0 5px;*/
/*    }*/

/*    .pbts-price {*/
/*        margin: 10px 0;*/
/*    }*/

/*    .pbts-btn {*/
/*        margin-top: auto !important;*/
/*    }*/


/*}*/

/* Desktop (>= 1024px) — 5 proizvoda */
@media (min-width: 1024px) {
    .pbts-item {
        flex: 0 0 20%;
    }
}

/* Arrows */
.pbts-arrow {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    z-index: 10;
    color: #0074ff;
}

.pbts-prev {
    left: 10px;
}

.pbts-next {
    right: 10px;
}

/* === BLOKIRANJE WPBAKERY FLEX-A KOJI UNIŠTAVA SLIDER === */

.vc_tta-panel-body .wpb_wrapper .pbts-slider {
    display: block !important;
    width: 100% !important;
}

/* WPBakery po defaultu stavlja flex na .wpb_wrapper → gasimo ga */
.vc_tta-panel-body .wpb_wrapper {
    display: block !important;
}

/* VIEWPORT MORA BITI SAKRIVEN, ALI NE SABIJEN */
.pbts-viewport {
    overflow: hidden !important;
    width: 100% !important;
}

/* TRACK MORA BITI FLEX, NE WRAP, NE SHRINK */
.pbts-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: auto !important;
}

/* Stavke unutar tracka moraju imati tačnu širinu */
.pbts-item {
    flex-shrink: 0 !important;
}

/* Desktop = 5 proizvoda */
@media (min-width: 1024px) {
    .pbts-item {
        flex: 0 0 20% !important;
    }
}

/* Tablet = 1 proizvod */
@media (min-width: 600px) and (max-width: 1023px) {
    .pbts-item {
        flex: 0 0 100% !important;
    }
}

/* Mobitel = 2 proizvoda */
@media (max-width: 599px) {
    .pbts-item {
        flex: 0 0 50% !important;
    }
}

/* OBAVEZNO — WPBakery fix */
.vc_column_container .pbts-track {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* Slider wrapper */
.pbts-slider {
    position: relative;
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
}

/* Viewport */
.pbts-viewport {
    overflow: hidden;
    width: 100%;
}

/* Track */
.pbts-track {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
}

/* Default = 1 item (tablet) */
.pbts-item {
    flex: 0 0 100%;
    padding: 15px;
    box-sizing: border-box;
}

/* Mobile = 2 itema */
@media (max-width: 600px) {
    .pbts-item {
        flex: 0 0 50%;
    }
}

/* Desktop = 5 itema */
@media (min-width: 1024px) {
    .pbts-item {
        flex: 0 0 20%;
    }
}


.pbts-info {
    text-align: center;
    padding: 10px 5px;
}

.pbts-cat a {
    display: block;
    font-size: 14px;
    text-transform: lowercase;
    color: #1c3f8b;
    margin-bottom: 4px;
    font-weight: 400;
}

.pbts-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #002c78;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 8px;
}

.pbts-price {
    font-size: 20px;
    color: #002c78;
    font-weight: bold;
    margin-bottom: 15px;
    display: inline-flex;
}

/* Dugme */
.pbts-btn {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-radius: 40px;
    border: 2px solid #00eaff;
    color: #000;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
}

.pbts-btn:hover {
    background: #00eaff;
    color: #000;
}
@media only screen and (max-width: 480px) {
    span.woocommerce-Price-amount.amount bdi {
        font-size: 18px !important;
        font-weight: bold;
        color: #0f3178;
        display: ruby;
        margin-right: 2px;
    }
}

@media (min-width: 992px) {
    .pbts-price del span.woocommerce-Price-amount bdi {
        color: #999 !important;
        font-size: 25px !important;
        /*text-decoration: line-through;*/
    }
}

/* === MOBILE FIX: poravnanje 'Kupi' dugmadi === */

@media (max-width: 600px) {

    .pbts-item {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        height: 100% !important;
    }

    .pbts-info {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 200px !important; /* ako treba više mjesta povećaj na 220 */
        text-align: center !important;
    }

    .pbts-title {
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .pbts-price {
        margin: 10px 0 !important;
    }

    .pbts-btn {
        width: 100% !important;
        margin-top: auto !important;
    }
    span.woocommerce-Price-amount.amount bdi {
        font-size: 19px !important;
        font-weight: bold;
        color: #0f3178;
        display: ruby;
        margin-right: 2px;
    }
        .pbts-price del span.woocommerce-Price-amount bdi {
        color: #999 !important;
        font-size: 22px !important;
        line-height: 1;
        text-decoration-line: line-through;
    }
}

/* === PRIKAZ PO UREĐAJIMA === */

/* MOBITEL: 1 proizvod */
@media (max-width: 600px) {
    .pbts-item {
        flex: 0 0 100% !important;
    }
}

/* TABLET: 2 proizvoda */
@media (min-width: 601px) and (max-width: 1023px) {
    .pbts-item {
        flex: 0 0 50% !important;
    }
}

/* DESKTOP: 5 proizvoda */
@media (min-width: 1024px) {
    .pbts-item {
        flex: 0 0 20% !important;
    }
}