dpw1

{% if template == 'product' %}
<script>
document.addEventListener('keydown', function (event) {

  function isThumbnailsOrArrows(){
    // has arrows
    if (window.getComputedStyle(document.querySelector(`.slider-buttons`)).display !== 'none'){
      return 'arrows';
    }

dpw1

              
<a class="ezfy-clickable-banner" href="{{ block.settings.button_link_1 }}"></a>
<style>
[id*='{{ section.id }}'].banner{
position: relative;
  cursor: pointer;
}

</style>
<script>(() => {

dpw1

{% assign variants_per_row_desktop = 4 %}
{% assign variants_per_row_mobile = 3 %}

<style>
    @media (min-width: 750px){
      [id*='ProductInfo-'] variant-radios fieldset,
  [id*='ProductInfo-'] variant-selects fieldset{
      display: grid;
       grid-template-columns: repeat(auto-fill, minmax(calc(100% / {{ variants_per_row_desktop }}), 1fr));
  }

dpw1

{% if section.settings.show_on_top_of_image_on_mobile_by_ezfycode %}
<style>
/* Custom code by ezfycode.com
Fix mobile banner and slideshow [start]
===================================== */
{% assign _mobile_banner_background = section.settings.mobile_banner_background | color_to_rgb %}
{% assign mobile_banner_background_opacity = section.settings.mobile_banner_background_opacity | prepend: ',.' | append: ')'  %}
{% capture mobile_banner_background %}
{% if section.settings.mobile_banner_background_opacity == 100 %}
{{ section.settings.mobile_banner_background }}

dpw1

 {% assign second_image_number = 3 %}

             {% assign image_to_show = second_image_number | minus:1 %}
             {% assign ezfy_image_on_hover = card_product.media[image_to_show] %}

      
           
                <img
                  srcset="
                    {%- if ezfy_image_on_hover.width >= 165 -%}{{ ezfy_image_on_hover | image_url: width: 165 }} 165w,{%- endif -%}

dpw1

{% if section.settings.enable %}
  <style data-custom-fonts>
    {% assign items = section.blocks | reverse  %}



      {% for block in items %}

      {% assign name = block.settings.name %}
      {% assign url = block.settings.custom_font_url  %}

dpw1

<div class=" EzfySearch EzfySearch--{{ search_type }} search-modal__content{% if settings.inputs_shadow_vertical_offset != 0 and settings.inputs_shadow_vertical_offset < 0 %} search-modal__content-top{% else %} search-modal__content-bottom{% endif %}" tabindex="-1">
              {%- if settings.predictive_search_enabled -%}
                <predictive-search class="search-modal__form" data-loading-text="{{ 'accessibility.loading' | t }}">
              {%- else -%}
                <search-form class="search-modal__form">
              {%- endif -%}
                  <form action="{{ routes.search_url }}" method="get" role="search" class="search search-modal__form">
                    <div class="field">
                      <input class="search__input field__input"

dpw1

   <div class="menu__hamburguer--container" >
        <span>
            {% render 'icon-hamburger' %}
            {% render 'icon-close' %}
        </span>
        <span class="menu__hamburguer--text">Menu</span>
      </div>
<style>
.menu__hamburguer--container{
  position: relative;

dpw1

<style>
  [id] .collection .grid__item--is-sold-out{
    display: none;
  }
  .collection-page--ezfy .loading-overlay{
    display: none !important;
  }
</style>

<script>

dpw1

<script>
const REMOVE = `manual, best-selling`;


window.ezfyCollectionFilter = window.ezfyCollectionFilter || {};

ezfyCollectionFilter = (function () {


function _isCartPage() {