/** Shopify CDN: Minification failed

Line 15:0 Unexpected "<"
Line 37:95 Unexpected "<"
Line 506:4 Expected identifier but found "\"@context\""
Line 527:0 Unexpected "<"
Line 529:6 Unexpected "\"@context\""
Line 533:8 Expected identifier but found "\"@type\""
Line 536:7 Expected identifier but found ","
Line 539:2 Unexpected "<"
Line 553:0 Unexpected "<"
Line 560:30 Comments in CSS use "/* ... */" instead of "//"

**/
<div id="shopify-section-sections--27931039269199__header" class="shopify-section shopify-section-group-group-header page-header"><style data-shopify="">:root {
    --HEADER-HEIGHT: 61px;
    --HEADER-HEIGHT-MEDIUM: 59.0px;
    --HEADER-HEIGHT-MOBILE: 63.0px;

    
--icon-add-cart: var(--ICON-ADD-BAG);}

  .theme__header {
    --PT: 5px;
    --PB: 5px;

    
      
        --border-color: #eaeaea;
      
      --border-opacity: 1.0;
    
  }.header__logo__link {
      --logo-padding: 30.0%;
      --logo-width-desktop: 170px;
      --logo-width-mobile: 190px;
    }.main-content > .shopify-section:first-of-type .backdrop--linear:before { display: none; }</style><header-component class="header__wrapper" data-header-wrapper="" data-header-sticky="" data-header-style="logo_center_menu_left" data-section-id="sections--27931039269199__header" data-section-type="header" style="">
  <header class="theme__header has-border" role="banner" data-header-height="" data-aos="fade"><div class="section-padding">
      <div class="header__mobile">
        <div class="header__mobile__left">
    <div class="header__mobile__button">
      <button class="header__mobile__hamburger" data-drawer-toggle="hamburger" aria-label="Prikaži izbornik" aria-haspopup="true" aria-expanded="false" aria-controls="header-menu"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-menu" viewBox="0 0 24 24"><path d="M3 5h18M3 12h18M3 19h18" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
    </div><div class="header__mobile__button">
        <header-search-popdown>
          <details>
            <summary class="navlink navlink--search" aria-haspopup="dialog" title="Pretraživanje"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"></path></g></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Pretraživanje</span>
            </summary><div class="search-popdown" aria-label="Pretraživanje" data-popdown="">
  <div class="wrapper">
    <div class="search-popdown__main"><predictive-search><form class="search-form" action="/search" method="get" role="search">
        <input name="options[prefix]" type="hidden" value="last">

        <button class="search-popdown__submit" type="submit" aria-label="Pretraživanje"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"></path></g></svg></button>

        <div class="input-holder">
          <label for="SearchInput--mobile" class="visually-hidden">Pretraživanje</label>
          <input type="search" id="SearchInput--mobile" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Pretraživanje" role="combobox" aria-label="Pretražite našu trgovinu" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">

          <button type="reset" class="search-reset hidden" aria-label="Resetiraj">Jasan</button>
        </div><div class="predictive-search" tabindex="-1" data-predictive-search-results="" data-scroll-lock-scrollable="">
            <div class="predictive-search__loading-state">
              <div class="predictive-search__loader loader"><div class="loader-indeterminate"></div></div>
            </div>
          </div>

          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span></form></predictive-search><div class="search-popdown__close">
        <button type="button" class="search-popdown__close__button" title="Zatvoriti" data-popdown-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
      </div>
    </div>
  </div>
</div>
<span class="underlay" data-popdown-underlay=""></span>
          </details>
        </header-search-popdown>
      </div></div>

  <div class="header__logo header__logo--image">
    <a class="header__logo__link" href="/" data-logo-link=""><figure class="logo__img logo__img--color image-wrapper lazy-image" style="--aspect-ratio: 3.3333333333333335;"><img src="//www.lanazagreb.com/cdn/shop/files/3.png?crop=center&amp;height=102&amp;v=1771540476&amp;width=340" alt="Lana Zagreb" width="340" height="102" loading="eager" srcset="//www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=170 170w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=255 255w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=340 340w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=190 190w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=285 285w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=380 380w" sizes="(min-width: 750px) 170px, (min-width: 380px) 190px, calc((100vw - 64px) * 0.5)" fetchpriority="high" class="">
</figure>
</a>
  </div>

  <div class="header__mobile__right">
    
<div class="header__mobile__button">
      <a href="/cart" class="navlink navlink--cart navlink--cart--icon" data-cart-toggle="">
        <div class="navlink__cart__content">
    <span class="visually-hidden">Košarica</span>

    <span class="header__cart__status__holder">
      <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10">
        0
      </cart-count><!-- /snippets/social-icon.liquid -->


<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716 8h10.568a2 2 0 0 1 1.977 1.696zM14 5a2 2 0 1 0-4 0" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
  </div>
      </a>
    </div>
  </div>
      </div>

      <div class="header__desktop" data-header-desktop=""><div class="header__desktop__upper header__desktop__upper--reverse" data-takes-space-wrapper="">
              <div data-child-takes-space="" class="header__desktop__bar__l"><div class="header__logo header__logo--image">
    <a class="header__logo__link" href="/" data-logo-link=""><figure class="logo__img logo__img--color image-wrapper lazy-image" style="--aspect-ratio: 3.3333333333333335;"><img src="//www.lanazagreb.com/cdn/shop/files/3.png?crop=center&amp;height=102&amp;v=1771540476&amp;width=340" alt="Lana Zagreb" width="340" height="102" loading="eager" srcset="//www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=170 170w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=255 255w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=340 340w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=190 190w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=285 285w, //www.lanazagreb.com/cdn/shop/files/3.png?v=1771540476&amp;width=380 380w" sizes="(min-width: 750px) 170px, (min-width: 380px) 190px, calc((100vw - 64px) * 0.5)" fetchpriority="high" class="">
</figure>
</a>
  </div></div>

              <div data-child-takes-space="" class="header__desktop__bar__c"><nav class="header__menu" style="--highlight: #d02e2e;">

<div class="menu__item  child">
  <a href="/" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">Početna stranica</span>
  </a>
  
</div>


<hover-disclosure class="menu__item parent" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-90cac9c71d3f227ea72b62b9a735e324" role="button">
  <a href="/collections/all" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">Odjeća</span>
  </a>
  
    <div class="header__dropdown" id="dropdown-90cac9c71d3f227ea72b62b9a735e324">
      <div class="header__dropdown__wrapper">
        <div class="header__dropdown__inner">
            
<a href="/collections/najprodavanije" data-stagger="" class="navlink navlink--child" style="transition-delay: 10ms;">
                <span class="navtext">
                  Najprodavanije
</span>
              </a>
            
<a href="/collections/kardigani-i-puloveri" data-stagger="" class="navlink navlink--child" style="transition-delay: 57.5ms;">
                <span class="navtext">
                  Kardigani
</span>
              </a>
            
<a href="/collections/haljine" data-stagger="" class="navlink navlink--child" style="transition-delay: 100.25ms;">
                <span class="navtext">
                  Haljine
</span>
              </a>
            
<a href="/collections/komplet" data-stagger="" class="navlink navlink--child" style="transition-delay: 138.606ms;">
                <span class="navtext">
                  Komplet
</span>
              </a>
            
<a href="/collections/kaput" data-stagger="" class="navlink navlink--child" style="transition-delay: 172.901ms;">
                <span class="navtext">
                  Kaput
</span>
              </a>
            
<a href="/collections/bluza" data-stagger="" class="navlink navlink--child" style="transition-delay: 203.445ms;">
                <span class="navtext">
                  Bluza
</span>
              </a>
            
</div>
      </div>
    </div>
  
</hover-disclosure>


<hover-disclosure class="menu__item  parent" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-79dabeddff6f77f21fd65a056269dd0b" role="button">
  <a href="/collections" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">                     Obuća                   </span>
  </a>
  
    <div class="header__dropdown" id="dropdown-79dabeddff6f77f21fd65a056269dd0b">
      <div class="header__dropdown__wrapper">
        <div class="header__dropdown__inner">
            
<a href="/collections/tenisice" data-stagger="" class="navlink navlink--child" style="transition-delay: 10ms;">
                <span class="navtext">
                  Tenisice
</span>
              </a>
            
<a href="/collections/sandale" data-stagger="" class="navlink navlink--child" style="transition-delay: 57.5ms;">
                <span class="navtext">
                  Sandale
</span>
              </a>
            
<a href="/collections/cizme" data-stagger="" class="navlink navlink--child" style="transition-delay: 100.25ms;">
                <span class="navtext">
                  Cizme
</span>
              </a>
            
</div>
      </div>
    </div>
  
</hover-disclosure>


<hover-disclosure class="menu__item  parent" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-edf63d029ded55e8e638ea2faf66fceb" role="button">
  <a href="/collections" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">Dodaci</span>
  </a>
  
    <div class="header__dropdown" id="dropdown-edf63d029ded55e8e638ea2faf66fceb">
      <div class="header__dropdown__wrapper">
        <div class="header__dropdown__inner">
            
<a href="/collections/torba" data-stagger="" class="navlink navlink--child" style="transition-delay: 10ms;">
                <span class="navtext">
                  Torba
</span>
              </a>
            
<a href="/collections/nakit" data-stagger="" class="navlink navlink--child" style="transition-delay: 57.5ms;">
                <span class="navtext">
                  Nakit
</span>
              </a>
            
</div>
      </div>
    </div>
  
</hover-disclosure>


<div class="menu__item  child">
  <a href="/pages/kontakt" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">Kontakt</span>
  </a>
  
</div>


<div class="menu__item  child">
  <a href="/apps/parcelpanel" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">Praćenje Narudžbe</span>
  </a>
  
</div>
<div class="hover__bar"></div>

    <div class="hover__bg"></div>
  </nav></div>

              <div data-child-takes-space="" class="header__desktop__bar__r"><div class="header__desktop__buttons header__desktop__buttons--icons">
<div class="header__desktop__button">
        <header-search-popdown>
          <details>
            <summary class="navlink navlink--search" aria-haspopup="dialog" title="Pretraživanje"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"></path></g></svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Pretraživanje</span>
            </summary><div class="search-popdown" aria-label="Pretraživanje" data-popdown="">
  <div class="wrapper">
    <div class="search-popdown__main"><predictive-search><form class="search-form" action="/search" method="get" role="search">
        <input name="options[prefix]" type="hidden" value="last">

        <button class="search-popdown__submit" type="submit" aria-label="Pretraživanje"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 24 24"><g stroke="currentColor"><path d="M10.85 2c2.444 0 4.657.99 6.258 2.592A8.85 8.85 0 1 1 10.85 2ZM17.122 17.122 22 22"></path></g></svg></button>

        <div class="input-holder">
          <label for="SearchInput--desktop" class="visually-hidden">Pretraživanje</label>
          <input type="search" id="SearchInput--desktop" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Pretraživanje" role="combobox" aria-label="Pretražite našu trgovinu" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">

          <button type="reset" class="search-reset hidden" aria-label="Resetiraj">Jasan</button>
        </div><div class="predictive-search" tabindex="-1" data-predictive-search-results="" data-scroll-lock-scrollable="">
            <div class="predictive-search__loading-state">
              <div class="predictive-search__loader loader"><div class="loader-indeterminate"></div></div>
            </div>
          </div>

          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span></form></predictive-search><div class="search-popdown__close">
        <button type="button" class="search-popdown__close__button" title="Zatvoriti" data-popdown-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
      </div>
    </div>
  </div>
</div>
<span class="underlay" data-popdown-underlay=""></span>
          </details>
        </header-search-popdown>
      </div><div class="header__desktop__button">
      <a href="/cart" class="navlink navlink--cart navlink--cart--icon" title="Košarica" data-cart-toggle="">
        <div class="navlink__cart__content">
    <span class="visually-hidden">Košarica</span>

    <span class="header__cart__status__holder">
      <cart-count class="header__cart__status" data-status-separator=": " data-cart-count="0" data-limit="10">
        0
      </cart-count><!-- /snippets/social-icon.liquid -->


<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716 8h10.568a2 2 0 0 1 1.977 1.696zM14 5a2 2 0 1 0-4 0" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
  </div>
      </a>
    </div>
  </div></div>
            </div></div>
    </div>
  </header>

  <header-drawer class="drawer drawer--header" data-drawer="hamburger" aria-label="Jelovnik " id="header-menu">
    <div class="drawer__inner" data-drawer-inner="">
      <header class="drawer__head">
        <button class="drawer__close" data-drawer-close="" aria-label="Prikaži izbornik" aria-haspopup="true" aria-expanded="true" aria-controls="header-menu"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
      </header>

      <div class="drawer__body">
        <div class="drawer__content" data-drawer-content="">
          <div class="drawer__content__scroll" data-scroll-lock-scrollable="">
            <nav class="drawer__menu" data-scroll-lock-scrollable="" data-sliderule-pane="0" style="--highlight: #d02e2e;">
              <div class="drawer__main-menu"><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="0" data-animation="drawer-items-fade" data-animation-delay="250" data-animation-duration="500">
      <a class="sliderow__title" href="/">
      <span>
        Početna stranica
</span>
    </a>
    </div></div><div class="sliderule__wrapper"><mobile-sliderule id="sliderule-f1831e5d7b0da36342d2087c9abc74b8">
      <button class="sliderow" type="button" data-animates="0" data-animation="drawer-items-fade" data-animation-delay="300" data-animation-duration="500" data-sliderule-open="sliderule-f1831e5d7b0da36342d2087c9abc74b8" aria-haspopup="true" aria-expanded="false" aria-controls="sliderule-f1831e5d7b0da36342d2087c9abc74b8">
        <span class="sliderow__title">
          <span>
            Odjeća
</span>

          <span class="sliderule__chevron sliderule__chevron--right"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 24 24"><path d="M6 12h12.5m0 0-6-6m6 6-6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Prikaži izbornik</span>
          </span>
        </span>
      </button>

      <div class="mobile__menu__dropdown sliderule__panel" data-sliderule="1" data-scroll-lock-scrollable="">
        <div class="sliderow sliderow--back" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="150" data-animation-duration="500">
          <button class="sliderow__back-button" type="button" data-sliderule-close="sliderule-f1831e5d7b0da36342d2087c9abc74b8">
            <span class="sliderule__chevron sliderule__chevron--left"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-left" viewBox="0 0 24 24"><path d="M18.5 12H6m0 0 6-6m-6 6 6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Izlaz iz izbornika</span>
            </span>
          </button>
          <a class="sliderow__title" href="/collections/all">
      <span>
        Odjeća
</span>
    </a>
        </div>
        <div class="sliderow__links" data-links=""><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="250" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/najprodavanije">
      <span>
        Najprodavanije
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="300" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/kardigani-i-puloveri">
      <span>
        Kardigani
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="350" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/haljine">
      <span>
        Haljine
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="400" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/komplet">
      <span>
        Komplet
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="450" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/kaput">
      <span>
        Kaput
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="500" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/bluza">
      <span>
        Bluza
</span>
    </a>
    </div></div>
</div>
      </div>
    </mobile-sliderule></div><div class="sliderule__wrapper"><mobile-sliderule id="sliderule-fd3938a085accc53b8fc75d6cdb6b49b">
      <button class="sliderow" type="button" data-animates="0" data-animation="drawer-items-fade" data-animation-delay="350" data-animation-duration="500" data-sliderule-open="sliderule-fd3938a085accc53b8fc75d6cdb6b49b" aria-haspopup="true" aria-expanded="false" aria-controls="sliderule-fd3938a085accc53b8fc75d6cdb6b49b">
        <span class="sliderow__title">
          <span>
                                 Obuća                   
</span>

          <span class="sliderule__chevron sliderule__chevron--right"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 24 24"><path d="M6 12h12.5m0 0-6-6m6 6-6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Prikaži izbornik</span>
          </span>
        </span>
      </button>

      <div class="mobile__menu__dropdown sliderule__panel" data-sliderule="1" data-scroll-lock-scrollable="">
        <div class="sliderow sliderow--back" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="150" data-animation-duration="500">
          <button class="sliderow__back-button" type="button" data-sliderule-close="sliderule-fd3938a085accc53b8fc75d6cdb6b49b">
            <span class="sliderule__chevron sliderule__chevron--left"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-left" viewBox="0 0 24 24"><path d="M18.5 12H6m0 0 6-6m-6 6 6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Izlaz iz izbornika</span>
            </span>
          </button>
          <a class="sliderow__title" href="/collections">
      <span>
                             Obuća                   
</span>
    </a>
        </div>
        <div class="sliderow__links" data-links=""><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="250" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/tenisice">
      <span>
        Tenisice
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="300" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/sandale">
      <span>
        Sandale
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="350" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/cizme">
      <span>
        Cizme
</span>
    </a>
    </div></div>
</div>
      </div>
    </mobile-sliderule></div><div class="sliderule__wrapper"><mobile-sliderule id="sliderule-bcc7f9ae7f4185dd7ee86a16fb289ea9">
      <button class="sliderow" type="button" data-animates="0" data-animation="drawer-items-fade" data-animation-delay="400" data-animation-duration="500" data-sliderule-open="sliderule-bcc7f9ae7f4185dd7ee86a16fb289ea9" aria-haspopup="true" aria-expanded="false" aria-controls="sliderule-bcc7f9ae7f4185dd7ee86a16fb289ea9">
        <span class="sliderow__title">
          <span>
            Dodaci
</span>

          <span class="sliderule__chevron sliderule__chevron--right"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 24 24"><path d="M6 12h12.5m0 0-6-6m6 6-6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Prikaži izbornik</span>
          </span>
        </span>
      </button>

      <div class="mobile__menu__dropdown sliderule__panel" data-sliderule="1" data-scroll-lock-scrollable="">
        <div class="sliderow sliderow--back" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="150" data-animation-duration="500">
          <button class="sliderow__back-button" type="button" data-sliderule-close="sliderule-bcc7f9ae7f4185dd7ee86a16fb289ea9">
            <span class="sliderule__chevron sliderule__chevron--left"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-left" viewBox="0 0 24 24"><path d="M18.5 12H6m0 0 6-6m-6 6 6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Izlaz iz izbornika</span>
            </span>
          </button>
          <a class="sliderow__title" href="/collections">
      <span>
        Dodaci
</span>
    </a>
        </div>
        <div class="sliderow__links" data-links=""><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="250" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/torba">
      <span>
        Torba
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="1" data-animation="drawer-items-fade" data-animation-delay="300" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/nakit">
      <span>
        Nakit
</span>
    </a>
    </div></div>
</div>
      </div>
    </mobile-sliderule></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="0" data-animation="drawer-items-fade" data-animation-delay="450" data-animation-duration="500">
      <a class="sliderow__title" href="/pages/kontakt">
      <span>
        Kontakt
</span>
    </a>
    </div></div><div class="sliderule__wrapper">
    <div class="sliderow" role="button" data-animates="0" data-animation="drawer-items-fade" data-animation-delay="500" data-animation-duration="500">
      <a class="sliderow__title" href="/apps/parcelpanel">
      <span>
        Praćenje Narudžbe
</span>
    </a>
    </div></div></div></nav>
          </div>
        </div></div>
    </div>

    <span class="underlay drawer__underlay" data-drawer-underlay=""></span>
  </header-drawer>
</header-component>

<div class="header__backfill" data-header-backfill=""></div>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Lana Zagreb",
    
      "logo": "https:\/\/www.lanazagreb.com\/cdn\/shop\/files\/3.png?v=1771540476\u0026width=500",
    
    "sameAs": [
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/www.lanazagreb.com"
  }
</script><script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Lana Zagreb",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/www.lanazagreb.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/www.lanazagreb.com"
    }
  </script><style>
  .header__wrapper {
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .header__wrapper.header--visible {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(0);
    opacity: 1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
</style>

<script>
  (function() {
    const header = document.querySelector('.header__wrapper');
    if (!header) return;

    const triggerPoint = 550; // pixels de scroll antes de aparecer

    window.addEventListener('scroll', function() {
      if (window.scrollY > triggerPoint) {
        header.classList.add('header--visible');
      } else {
        header.classList.remove('header--visible');
      }
    });
  })();
</script>


</div>
/* NASTAVI button animacija */
a.styles_CustomButton__fullWidth__.styles_CustomButton__fullHight__.UpcartDesignSettings__button {
  animation: pulsiraj 1.5s ease-in-out infinite !important;
  box-shadow: 0 0 15px rgba(0, 180, 0, 0.6) !important;
}

@keyframes pulsiraj {
  0% { transform: translateY(0px); box-shadow: 0 0 10px rgba(0, 180, 0, 0.5) !important; }
  50% { transform: translateY(-3px); box-shadow: 0 0 25px rgba(0, 180, 0, 0.9) !important; }
  100% { transform: translateY(0px); box-shadow: 0 0 10px rgba(0, 180, 0, 0.5) !important; }
}
/* Tiered rewards text */
.upcart-internal-rewards__message,
.upcart-public-rewards__message {
  font-size: 13px !important;
}
/* Trust badges ikony */
.upcart-internal-trust-badges__image,
.upcart-public-trust-badges__image {
  width: 70% !important;
  display: block;
  margin: 0 auto;
}
/* Mobile grid místo slideru */
@media (max-width: 768px) {
  body {
    overflow-x: hidden !important;
  }
  
  .grid-overflow-wrapper {
    overflow: hidden !important;
    width: 100% !important;
  }
  
  .grid-overflow-wrapper .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  .grid-overflow-wrapper .grid__item {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .grid__item.grid__item--view-all {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    text-align: center !important;
  }
  
  .grid-product__see-all {
    display: inline-block !important;
    margin: 0 auto !important;
    width: auto !important;
  }
}