/* Moved base BulbaSoft Slider Styles from bulbasoft-slider/assets/css/bsft-slider.css */

.bsftslide_wrap { width: var(--bsft-slider-width, 100%); max-width: 100%; position: relative; box-sizing: border-box; min-height: auto; }
.bsftslide_wrap[style*="height"] { flex-shrink: 0 !important; }
body[style*="height"] .bsftslide_wrap, html[style*="height"] body .bsftslide_wrap { flex-shrink: 0 !important; }
.bsftslide_wrap:not(.bsft-initialized) .bsftslide { display: none !important; }

.bsftslide_block { position: relative; width: 100%; max-width: 100%; height: auto; box-sizing: border-box; display: flex; align-items: center; gap: 0; min-height: auto; }
.bsftslide_wrap[data-arrows-position="outside"] .bsftslide_block { display: flex; align-items: center; gap: var(--arrows-padding-inner, 10px); }
.bsftslide_wrap[data-arrows-position="inside"] .bsftslide_block { display: block; position: relative; }

#bsftslide_content { display: grid; grid-template-columns: repeat(var(--slides-per-row), 1fr); grid-template-rows: repeat(var(--slider-rows, 2), 1fr); gap: var(--slider-gap, 10px); width: 100%; max-width: 100%; transition: opacity 0.3s ease; box-sizing: border-box; min-height: auto; }
.bsftslide_wrap[data-arrows-position="outside"] #bsftslide_content { flex: 1 1 0%; min-width: 0; min-height: auto; }
.bsftslide_wrap[data-arrows-position="inside"] #bsftslide_content { width: 100%; }

.bsftslide { box-sizing: border-box; text-align: var(--bsftslide-text-align, center); display: flex; position: relative; height: auto; }
.bsftslide .product { width: 100%; height: 100%; box-sizing: border-box; list-style: none; }
.bsftslide img { max-width: 100%; height: auto; object-fit: cover; }

.bsftslide_prew, .bsftslide_next { z-index: 10; cursor: pointer; background: var(--arrows-bg-inactive, rgba(0,0,0,0.5)); color: var(--arrows-color-inactive, white); border: none; border-radius: var(--arrows-border-radius, 50%); width: var(--arrows-area-width, 40px); height: var(--arrows-area-height, 40px); display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, color 0.3s ease; opacity: 0; pointer-events: none; flex-shrink: 0; }
.bsftslide_wrap[data-arrows-position="inside"] .bsftslide_prew, .bsftslide_wrap[data-arrows-position="inside"] .bsftslide_next { position: absolute; top: 50%; }
.bsftslide_wrap[data-arrows-position="inside"] .bsftslide_prew { left: var(--arrows-padding-outer, 10px); transform: translateY(-50%) translateX(var(--arrows-padding-inner, 0px)); }
.bsftslide_wrap[data-arrows-position="inside"] .bsftslide_next { right: var(--arrows-padding-outer, 10px); transform: translateY(-50%) translateX(calc(-1 * var(--arrows-padding-inner, 0px))); }
.bsftslide_wrap[data-arrows-position="outside"] .bsftslide_prew { position: relative; margin-left: var(--arrows-padding-outer, 10px); }
.bsftslide_wrap[data-arrows-position="outside"] .bsftslide_next { position: relative; margin-right: var(--arrows-padding-outer, 10px); }
.bsftslide_wrap.bsft-initialized .bsftslide_prew, .bsftslide_wrap.bsft-initialized .bsftslide_next { opacity: 1; pointer-events: auto; }
.bsftslide_prew:hover, .bsftslide_next:hover { background: var(--arrows-bg-active, rgba(0,0,0,0.7)); color: var(--arrows-color-active, white); }
.bsftslide_prew_icon, .bsftslide_next_icon { font-size: var(--arrows-icon-size, 24px); font-weight: bold; line-height: 1; color: inherit; display: block; margin-top: var(--arrows-vertical-adjust, 0px); }

.bsftslide_bullets { display: flex; gap: 8px; z-index: 10; opacity: 0; justify-content: center; align-items: center; }
.bsftslide_wrap[data-dots-position="inside"] { position: relative; }
.bsftslide_wrap[data-dots-position="inside"] .bsftslide_bullets { position: absolute; bottom: var(--dots-padding-bottom, 10px); left: 50%; transform: translateX(-50%); padding-top: var(--dots-padding-top, 20px); }
.bsftslide_wrap[data-dots-position="outside"] .bsftslide_bullets { position: relative; margin-top: var(--dots-padding-top, 20px); margin-bottom: var(--dots-padding-bottom, 0px); }
.bsftslide_wrap.bsft-initialized .bsftslide_bullets { opacity: 1; }
.bsftslide_bullet { width: var(--dots-width, 12px); height: var(--dots-height, 12px); border-radius: 50%; background: var(--dots-color-inactive, rgba(255,255,255,0.5)); cursor: pointer; transition: background-color 0.3s ease; border: none; outline: none; }
.bsftslide_bullet.active { background: var(--dots-color-active, rgba(255,255,255,1)); }
.bsftslide_bullet:hover { opacity: 0.8; transform: scale(1.1); }

.bsftslide_wrap { --slides-per-row: 1; --slider-gap: 10px; --slider-rows: 2; }
.bsftslide_wrap .bsftslide { width: 100%; height: 100%; box-sizing: border-box; }
.bsftslide_wrap[data-grid-flow="row"] #bsftslide_content { grid-auto-flow: row; }
.bsftslide_wrap[data-grid-flow="column"] #bsftslide_content { grid-auto-flow: column; }
@media (min-width: 769px) { .bsftslide_wrap { --slides-per-row: 2; } }
@media (max-width: 768px) and (min-width: 481px) { .bsftslide_wrap { --slides-per-row: 3; } }
@media (max-width: 480px) { .bsftslide_wrap { --slides-per-row: 1; } .bsftslide_prew, .bsftslide_next { width: 35px; height: 35px; } .bsftslide_wrap[data-arrows-position="inside"] .bsftslide_prew { left: 5px; } .bsftslide_wrap[data-arrows-position="inside"] .bsftslide_next { right: 5px; } .bsftslide_wrap[data-arrows-position="outside"] .bsftslide_prew, .bsftslide_wrap[data-arrows-position="outside"] .bsftslide_next { left: auto; right: auto; } }
.bsftslider-desktop-2 { --slides-per-row: 2; }
.bsftslider-desktop-3 { --slides-per-row: 3; }
.bsftslider-desktop-4 { --slides-per-row: 4; }
.bsftslider-desktop-5 { --slides-per-row: 5; }
.bsftslider-desktop-6 { --slides-per-row: 6; }
.bsftslider-desktop-7 { --slides-per-row: 7; }
.bsftslider-desktop-8 { --slides-per-row: 8; }
.bsftslider-desktop-9 { --slides-per-row: 9; }
.bsftslider-desktop-10 { --slides-per-row: 10; }
.bsftslider-desktop-11 { --slides-per-row: 11; }
.bsftslider-desktop-12 { --slides-per-row: 12; }
@media (max-width: 768px) and (min-width: 481px) { .bsftslider-tablet-1 { --slides-per-row: 1; } .bsftslider-tablet-2 { --slides-per-row: 2; } .bsftslider-tablet-3 { --slides-per-row: 3; } .bsftslider-tablet-4 { --slides-per-row: 4; } }
@media (max-width: 480px) { .bsftslider-mobile-1 { --slides-per-row: 1; } .bsftslider-mobile-2 { --slides-per-row: 2; } }
.bsftslide_wrap .bsftslide.hidden { display: none; }
.bsftslide_wrap .bsftslide.grid-placeholder { background: transparent; border: none; visibility: hidden; pointer-events: none; }

/* Placeholders (universal) */
.bsftslide_wrap .bsftslide_placeholder,
.bsftslide_wrap .bsftslide.bsftslide_placeholder,
.bsftslide_wrap .bsftslide.bsftslide_basic_placeholder,
.bsftslide_wrap .bsftslide_flip_placeholder,
.bsftslide_wrap .bsftslide_flip_slide.bsftslide_flip_placeholder,
.bsftslide_wrap .bsftslide_fade_placeholder,
.bsftslide_wrap .bsftslide_fade_slide.bsftslide_fade_placeholder { background: #f9f9f9 !important; border: 2px dashed #ddd !important; color: #999 !important; font-size: 12px !important; font-style: italic !important; opacity: 0.6 !important; pointer-events: none !important; position: relative !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }
.bsftslide_wrap .bsftslide_placeholder::before,
.bsftslide_wrap .bsftslide.bsftslide_placeholder::before,
.bsftslide_wrap .bsftslide.bsftslide_basic_placeholder::before,
.bsftslide_wrap .bsftslide_flip_placeholder::before,
.bsftslide_wrap .bsftslide_flip_slide.bsftslide_flip_placeholder::before,
.bsftslide_wrap .bsftslide_fade_placeholder::before,
.bsftslide_wrap .bsftslide_fade_slide.bsftslide_fade_placeholder::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 24px !important; height: 24px !important; background: #ccc !important; border-radius: 50% !important; opacity: 0.5 !important; }
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide_placeholder,
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide.bsftslide_placeholder,
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide.bsftslide_basic_placeholder,
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide_flip_placeholder,
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide_flip_slide.bsftslide_flip_placeholder,
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide_fade_placeholder,
.bsftslide_wrap.bsftslide_hide_placeholders .bsftslide_fade_slide.bsftslide_fade_placeholder { visibility: hidden !important; opacity: 0 !important; }

.bsftslide_wrap.transitioning #bsftslide_content { transition: opacity 0.3s ease; }
.bsftslide_wrap.transitioning.fade-out #bsftslide_content { opacity: 0; }
.bsftslide_wrap.transitioning.fade-in #bsftslide_content { opacity: 1; }

/* Debug notification removed - not needed for shared core usage */

/* Hover navigation */
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"][data-arrows-position="inside"] .bsftslide_prew,
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"][data-arrows-position="inside"] .bsftslide_next { opacity: 0 !important; transition: opacity 0.3s ease-in-out; pointer-events: none !important; }
.bsftslide_wrap[data-nav-show-on-hover="1"][data-dots-position="inside"] .bsftslide_bullets { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; }
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"]:hover[data-arrows-position="inside"] .bsftslide_prew,
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"]:hover[data-arrows-position="inside"] .bsftslide_next { opacity: 1 !important; pointer-events: auto !important; }
.bsftslide_wrap[data-nav-show-on-hover="1"]:hover[data-dots-position="inside"] .bsftslide_bullets { opacity: 1; pointer-events: auto; }
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"][data-arrows-position="inside"] .bsftslide_prew:hover,
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"][data-arrows-position="inside"] .bsftslide_next:hover { opacity: 1 !important; pointer-events: auto !important; }
.bsftslide_wrap[data-nav-show-on-hover="1"] .bsftslide_bullets:hover { opacity: 1; pointer-events: auto; }
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"][data-arrows-position="outside"] .bsftslide_prew,
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"][data-arrows-position="outside"] .bsftslide_next { opacity: 1 !important; pointer-events: auto !important; transition: none !important; }
.bsftslide_wrap[data-nav-show-on-hover="1"][data-dots-position="outside"] .bsftslide_bullets { opacity: 1 !important; pointer-events: auto !important; transition: none !important; }
.bsftslide_custom_prew, .bsftslide_custom_next { opacity: 1 !important; transition: none !important; }
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"].bsftslide_force_nav_visible[data-arrows-position="inside"] .bsftslide_prew,
.bsftslide_wrap.bsft-initialized[data-nav-show-on-hover="1"].bsftslide_force_nav_visible[data-arrows-position="inside"] .bsftslide_next { opacity: 1 !important; pointer-events: auto !important; }
.bsftslide_wrap[data-nav-show-on-hover="1"].bsftslide_force_nav_visible[data-dots-position="inside"] .bsftslide_bullets { opacity: 1 !important; pointer-events: auto !important; }

/* Device-specific navigation visibility (desktop includes tablet) */
@media (min-width: 481px) {
    .bsftslide_wrap[data-nav-arrows-desktop="0"] .bsftslide_prew,
    .bsftslide_wrap[data-nav-arrows-desktop="0"] .bsftslide_next {
        display: none !important;
    }

    .bsftslide_wrap[data-nav-dots-desktop="0"] .bsftslide_bullets {
        display: none !important;
    }

    .bsftslide_wrap[data-arrows-position="outside"][data-nav-arrows-desktop="0"] .bsftslide_block {
        gap: 0 !important;
    }
}

@media (max-width: 480px) {
    .bsftslide_wrap[data-nav-arrows-mobile="0"] .bsftslide_prew,
    .bsftslide_wrap[data-nav-arrows-mobile="0"] .bsftslide_next {
        display: none !important;
    }

    .bsftslide_wrap[data-nav-dots-mobile="0"] .bsftslide_bullets {
        display: none !important;
    }

    .bsftslide_wrap[data-arrows-position="outside"][data-nav-arrows-mobile="0"] .bsftslide_block {
        gap: 0 !important;
    }
}