/** Shopify CDN: Minification failed

Line 18:12 Expected identifier but found whitespace
Line 18:14 Unexpected "{"
Line 18:23 Expected ":"
Line 18:45 Expected ":"
Line 19:12 Expected identifier but found whitespace
Line 19:14 Unexpected "{"
Line 19:23 Expected ":"
Line 20:16 Expected identifier but found whitespace
Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
... and 14 more hidden warnings

**/
/* ----------  GLOBAL  ---------- */
:root{
  --logo-vh: {{ section.settings.logo_vh }}vh;
  --menu-bg: {{ section.settings.menu_bg_color }};
  --menu-radius: {{ section.settings.menu_radius }}px;
  --menu-text-color: {{ section.settings.menu_text_color }};
  --slide-height: {% case section.settings.height %}
                    {% when 'small' %}50vh
                    {% when 'medium' %}70vh
                    {% else %}100vh
                  {% endcase %};
}

/* ----------  HEADER – DESKTOP  ---------- */
.slideshow-header{
  position:absolute; top:0; left:0; width:100%;
  z-index:1000; background:transparent;
}
.header-top-row{
  display:flex; align-items:center;
  padding:20px 40px;
}
.logo-wrapper{
  display:flex; align-items:center;
  height:48px;
}
.slideshow-logo{ height:var(--logo-vh); width:auto; }
.slideshow-nav{
  position:absolute; left:50%; top:50%;
  transform:translate(-50%, -50%);
}
.slideshow-nav .desktop-menu-list{
  list-style:none;
  display:flex; gap:25px; align-items:center;
  margin:0; padding:14px 30px;
  background:var(--menu-bg); border-radius:var(--menu-radius);
}
.slideshow-nav .desktop-menu-list a{
  font-size:18px; font-weight:600;
  color:var(--menu-text-color); text-decoration:none;
  transition:color .3s;
}
.slideshow-nav .desktop-menu-list a:hover{ color:#007acc; }

/* ----------  SLIDESHOW  ---------- */
.slideshow-wrapper{
  position:relative; width:100%; overflow:hidden;
}
.slideshow{
  display:flex; transition:transform .6s ease;
}
.slide{
  position:relative; min-width:100%; height:var(--slide-height);
}
.slide::before{
  content:''; position:absolute; inset:0;
  background:rgba(0,0,0,.45); z-index:4;
}
.slide video,
.slide img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1;
}
.slide-content{
  position:absolute; z-index:5; transform:translate(-50%,-50%);
}
.slide-content.align-left   { text-align:left;   left:var(--left); top:var(--top); transform:translateY(-50%); }
.slide-content.align-center { text-align:center; left:var(--left); top:var(--top); transform:translate(-50%,-50%); }
.slide-content.align-right  { text-align:right;  left:var(--left); top:var(--top); transform:translateY(-50%) translateX(-100%); }

.slide-heading{ margin-bottom:20px; }
.slide-subheading{ margin-bottom:30px; max-width:600px; }
.slide-button{ display:inline-block; background:#fff; color:#000; padding:12px 30px; text-decoration:none; border-radius:4px; font-weight:600; transition:background .3s; }
.slide-button:hover{ background:#e0e0e0; }

/* ----------  ARROWS  ---------- */
.arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:36px; height:36px; font-size:24px; line-height:36px;
  background:rgba(0,0,0,.25); border-radius:50%; transition:background .3s, transform .2s;
}
.arrow:hover{ background:rgba(0,0,0,.45); transform:scale(1.05); }
.prev{ left:12px; }
.next{ right:12px; }

/* ----------  HELPERS  ---------- */
.desktop-only{ display:block; }
.mobile-only{ display:none; }
@media (max-width: 1023.98px){
  .desktop-only{ display:none !important; }
  .mobile-only{ display:block !important; }
  .hide-mobile{ display:none !important; }
}

/* ----------  MOBILE FLOATING ISLAND  ---------- */
@media (max-width: 1023.98px){
  .mobile-floating-header{
    position:fixed; top:12px; left:50%; transform:translateX(-50%);
    z-index:1500; display:flex; align-items:center;
    width:calc(100% - 32px); max-width:420px;
    padding:10px 16px; border-radius:28px;
    background:var(--menu-bg); backdrop-filter:blur(6px);
    box-shadow:0 4px 20px rgba(0,0,0,.18);
  }
  .mobile-floating-header .logo-wrapper{ margin:0 auto; }
  .mobile-floating-header .logo-wrapper img{ height:28px; width:auto; }
  .hamburger{
    position:absolute; left:16px; top:50%; transform:translateY(-50%);
    width:24px; height:24px; cursor:pointer;
  }
  .hamburger span{
    display:block; height:2px; margin:4px 0; background:#fff; border-radius:2px;
  }
  .mobile-dropdown{
    position:absolute; top:calc(100% + 8px); left:0; right:0;
    background:var(--menu-bg); border-radius:16px;
    overflow:hidden; max-height:0; transition:max-height .3s ease;
  }
  .mobile-dropdown.open{ max-height:50vh; overflow-y:auto; }
  .mobile-dropdown ul{ list-style:none; margin:0; padding:12px 0; }
  .mobile-dropdown a{ display:block; padding:10px 20px; color:var(--menu-text-color); text-decoration:none; }
}

/* ----------  MOBILE FULL-BLEED SLIDE + SWIPE  ---------- */
@media (max-width: 1023.98px){
  .mobile-only .slideshow-wrapper{
    position:relative;
    width:100vw;
    height:100vh;
    margin-top:-80px;
    z-index:1;
    touch-action:pan-y;                /* omogoči swipe navzdol/up */
  }
  .mobile-only .slideshow,
  .mobile-only .slide{
    height:100vh;
  }
  .mobile-only .slide video,
  .mobile-only .slide img{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    object-fit:cover;
  }
}

/* ----------  SKRIJ DVojne elemente na mobilu  ---------- */
@media (max-width: 1023.98px){
  .slideshow-wrapper .arrow,
  .slideshow-wrapper .logo-wrapper{
    display:none !important;
  }
}
.mobile-floating-header{z-index:2000 !important;}

.slideshow-wrapper .slide *,.slideshow-wrapper .arrow{pointer-events:auto;}