/* ============================================
   KARTY PRODUKTŮ (nová verze) — Psychonautika
   Nahraj na FTP do: /userfiles/custom-produkty-new.css
   ============================================ */

/* --- 4 PRODUKTY VE SLIDERU VEDLE SEBE --- */
@media (min-width: 1024px) {
    .js-product-col-4 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        box-sizing: border-box;
    }
}

/* --- ŠIPKY SLIDERU — kruhový styl (inspirace Luigi's Box) --- */
button.product-slider-navigation {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #3a3a3a !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .2s ease !important;
    opacity: 1 !important;
    visibility: visible !important;
}

button.product-slider-navigation::before {
    color: #ffffff !important;
    font-size: 12px !important;
}

button.product-slider-navigation:hover {
    background: #1a1a1a !important;
    opacity: 1 !important;
}