require(['jquery'], function ($) {

    $(document).ready(function () {

        // SUBMENÚS

        /* Añadir clase has-sub en items con submenu */
        $('.menu li').each(function () {
            if ($(this).find('ul').length > 0) {
                $(this).addClass('has-sub');
            }
        });

        if ($(window).width() < 900) {
            mobile();

        } else if ($(window).width() >= 900) {
            desktop();
            if (window.screen.width >= 900 && window.screen.width <= 1124) {
                tablet();
            }
        }

        todasRes();

        /*$(window).resize(function () {
            if ($(window).width() < 900) {
                mobile();

            } else if ($(window).width() >= 900) {
                desktop();
                if (window.screen.width >= 900 && window.screen.width <= 1124) {
                    tablet();
                }
            }

            todasRes();
        })*/

    });

    function mobile() {
        // MOSTRAR Y OCULTAR MENÚ

        $('.hamburguer').on('click', function () {
            // si el menú está cerrado
            if ($('div.magezon-builder.magezon-builder-preload').length === 0) {
                if (!$('body').hasClass('menu-abierto')) {
                    $('body').addClass('menu-abrir');

                    $('body').prepend('<div class="overlay overlay__menu"></div>')

                    // si el menú está mostrándose
                } else {
                    $('body').addClass('menu-cerrar');
                }
            }
        });

        $('.menu__close').on('click', function () {
            $('body').removeClass('menu-abierto').addClass('menu-cerrar');
        });

        $('body').on('click', '.overlay__menu', function () {
            $('body').removeClass('menu-abierto').addClass('menu-cerrar');
        });

        $('.menu').on('webkitAnimationEnd oanimationend oAnimationEnd msAnimationEnd animationend', function () {
            if ($('body').hasClass('menu-abrir')) {
                $('body').removeClass('menu-abrir').addClass('menu-abierto');
            } else if ($('body').hasClass('menu-cerrar')) {
                $('body').removeClass('menu-abierto');
                $('body').removeClass('menu-cerrar');
                $('.overlay').remove();
            }
        });

        // SUBMENÚS

        $('.menu').on('click', '.menu__level li>a,.menu__level li>span', function (e) {
            if ($(this).parent('li').hasClass('has-sub')) {
                e.preventDefault();
                $(this).closest('ul').removeClass('in-right').addClass('out-left');
                $(this).siblings('ul').clone().prependTo('.menu>div').addClass('in-right').prepend('<li class="menu-back"><span>Volver</span></li>');
            }
        });


        $('.menu').on('click', '.menu-back', function () {
            //Si estamos en lev2 retiramos anterior a-lev1
            if ($(this).closest('.menu__level').hasClass('menu__level--lev2')) {
                $(this).closest('.menu__level').removeClass('in-right').addClass('out-right');
                $('.menu__level--lev1').removeClass('out-left').addClass('in-left');

                //Si estamos en lev3 retiramos anterior a-lev2
            } else {
                $(this).closest('.menu__level').removeClass('in-right').addClass('out-right');
                //Si estamos en lev3 volvemos a ant lev2
                $('.menu__level--lev2.anterior').removeClass('out-left').addClass('in-left');
            }
        });

        /* Índice iniciales Marcas */

        $('.marca__link').each(function () {
            $(this).attr('data-inicial', '' + $(this).html() + '');
        });

        /* indicamos iniciales vacías */
        ocultarInic();

        /* Menú MARCAS Selector Belleza / Accesorios */

        $('#menu').on('click', '.marcas-sel__link', function () {
            $('.marcas-sel__link--curr').removeClass('marcas-sel__link--curr');
            $(this).addClass('marcas-sel__link--curr');

            $('.menu__marcas-cat--curr').removeClass('menu__marcas-cat--curr');
            $('.menu__marcas-cat[data-sel="' + $(this).attr('data-sel') + '"]').addClass('menu__marcas-cat--curr');

            // indicamos iniciales vacías
            ocultarInic();

            // reseteamos el scroll del listado de marcas
            $('.menu__marcas').scrollTop(0);
        });

        // Acciones al clickar en inicial

        $('#menu').on('click', '.marca__link:not(.marca__link--nores)', function () {
            var inicial = $(this).attr('data-inicial').toUpperCase();
            var posInicial = $('.menu__marcas-cat--curr .menu__lev3-li--inicial:contains("' + inicial + '")').offset().top - $('.menu__marcas').offset().top + $('.menu__marcas').scrollTop();

            $('.menu__marcas').animate({scrollTop: posInicial}, 500);
        });


        function ocultarInic() {
            $('.marca__link').each(function () {
                var inicial = $(this).attr('data-inicial').toUpperCase();
                var marcaMenu = $('.menu__marcas-cat--curr .menu__lev3-li--inicial:contains("' + inicial + '")');

                // Si existen resultados para la inicial en el menú curr
                if (marcaMenu.hasClass('menu__lev3-li--nores')) {
                    $(this).addClass('marca__link--nores')
                        .parent().addClass('marca__inic--nores');
                } else {
                    $(this).removeClass('marca__link--nores')
                        .parent().removeClass('marca__inic--nores');
                }
            })
        }


        $('.menu').on('webkitAnimationEnd oanimationend oAnimationEnd msAnimationEnd animationend', '.menu__level', function () {
            //Termina una animation en lev-2
            if ($(this).hasClass('menu__level--lev2')) {

                //Si entra lev2 añade anterior a lev1
                if ($(this).hasClass('in-right')) {
                    $('.menu__level--lev1').addClass('anterior');
                } else if ($(this).hasClass('out-right')) {
                    $(this).remove();
                    //Si sale lev2 retira anterior a lev1
                    $('.menu__level--lev1').removeClass('anterior');
                }

                //Termina una animation en lev-3
            } else if ($(this).hasClass('menu__level--lev3')) {

                //Si entra lev3 añade anterior a lev2
                if ($(this).hasClass('in-right')) {
                    $('.menu__level--lev2').addClass('anterior');
                } else if ($(this).hasClass('out-right')) {
                    $(this).remove();
                    //Si sale lev3 retira anterior a lev2
                    $('.menu__level--lev2').removeClass('anterior');
                }
            }
        });

        /* Banner selección mercado */

        $('.sel-mercado,.mercado-ban__close').on('click', function () {
            $('.mercado-ban').toggleClass('mercado-ban--vsb');
        });

        // BLOQUES FOOTER

        $('.fbl1__tit').on('click', function () {
            $(this).toggleClass('fbl1__tit--less');
            $(this).siblings('.fbl1__cont').toggleClass('fbl1__cont--vsb');
        });

        $('.fbl2__col-tit').on('click', function () {
            $(this).toggleClass('fbl2__col-tit--less');
            $(this).siblings('.fbl2__txt').toggleClass('fbl2__txt--vsb');
        });

        // GRID MOBILE

        /* Mostrar Filtros */
        $('.ctrls-resp-but__filt').on('click', function () {
            $('.filtros').toggleClass('vsb');
        });

        $('.filtros__close').on('click', function () {
            $('.filtros').toggleClass('vsb');
        });

        /* Filtros SETS*/

        $('.filtros__block-itm').on('click', '>a', function (e) {
            e.preventDefault();
            $(this).parent().find('>div').addClass('vsb').prepend('<span class="back-level"></span>');
        });

        $('.filtros').on('click', '.back-level', function () {
            $(this).closest('div').removeClass('vsb');
            $(this).remove();
        });

        /* Select Orden Grid */

        copySel();

        $('.ctrls-resp-but__sort select').on('change', function () {
            copySel();
        });

        function copySel() {
            let opcionSel = $('.ctrls-resp-but__sort select option:selected').html();

            $('.ctrls__op').remove();
        }

        /* NICE PRICE */
        /* Grid */

        $('.nice-price__icon').on('click', function (e) {
            e.preventDefault();
            $(this).siblings('.nice-price__txt').toggleClass('nice-price__txt--vsb');
        });

        // FICHA PRODUCTO
        /*Slider img ppal producto*/

        $('.producto__img-reg').on('swiperight', function (event) {
            if ($(this).hasClass('producto__img-reg--curr')) {
                if ($(this).prev('img').length > 0) {
                    $(this).addClass('out-right');
                    $(this).prev('img').addClass('in-left');
                } else {/*rebote*/
                }
            }
        });

        $('.producto__img-reg').on('swipeleft', function (event) {
            if ($(this).hasClass('producto__img-reg--curr')) {
                if ($(this).next().length > 0) {
                    $(this).addClass('out-left');
                    $(this).next('img').addClass('in-right');
                } else {/*rebote*/
                }
            }

        });

        $('.producto__img-reg').on('webkitAnimationEnd oanimationend oAnimationEnd msAnimationEnd animationend', function () {
            let dots = $(this).closest('.producto__img').find('.prod-dots').children('li');
            let olDot = $(this).closest('.producto__img').find('.prod-dots');

            switch (true) {
                case $(this).hasClass('in-right'):
                    $(this).removeClass('in-right').addClass('producto__img-reg--curr');
                    dots.removeAttr('class');
                    olDot.children('li[data-ord="' + $(this).index() + '"]').addClass('curr');
                    break;
                case $(this).hasClass('in-left'):
                    $(this).removeClass('in-left').addClass('producto__img-reg--curr');
                    dots.removeAttr('class');
                    olDot.children('li[data-ord="' + $(this).index() + '"]').addClass('curr');
                    break;
                case $(this).hasClass('out-right'):
                    $(this).removeClass('out-right').removeClass('producto__img-reg--curr');
                    break;
                case $(this).hasClass('out-left'):
                    $(this).removeClass('out-left').removeClass('producto__img-reg--curr');
                    break;
            }
        });

        if ($('.producto__img-regular').children('img').length >= 2) {

            $('.producto__img').prepend('<ol class="prod-dots"></ol>');

            $('.producto__img-reg').each(function () {
                $(this).attr('data-ord', '' + $(this).index());
                $(this).closest('.producto__img').find('.prod-dots').append('<li data-ord="' + $(this).index() + '"></li>');
            });

            $('.prod-dots li:first-child').addClass('curr');
        }

        /*Bloques info*/

        $('.info-block__tit').on('click', function () {
            //vaciar contenido modal
            $('.modal__content>*').remove();

            //cargar contenido en modal
            $(this).siblings('.info-block__cont').clone().appendTo('.modal__content');
            //lanzar modal
            $('.modal').not("#cookiesAlertModal").addClass('modal--in');
        });

        /*Slider Relacionados*/

        //aplicar ancho adecuado al contenedor del slider de prods relacionados
        $('.grid__slider-cont').each(function () {
            $(this).attr('style', 'width:' + $(this).children('.grid__prod').length * 50 + '%');
        });

        // TIENDAS

        /*Submenú ficha tienda*/
        $('.tienda__link-all').on('click', function (e) {
            e.preventDefault();
            $('.sub-tiendas').addClass('sub-tiendas--vsb');
        });

        $('.sub-tiendas__close').on('click', function () {
            $('.sub-tiendas').removeClass('sub-tiendas--vsb');
        });

        // CHECKOUT
        /* OPCIONES REGALO */

        $('.button--giftwrap').on('click', function (e) {
            e.preventDefault();
            $('.giftwrap__opts').toggleClass('giftwrap__opts--hidden');

            $('html,body').animate({scrollTop: $(this).offset().top - 80}, 500);
        });

        $('.giftwrap__papel input[type="radio"]').on('change', function () {
            $('body,html').animate({scrollTop: $('.giftwrap__tarjeta').offset().top - 60}, 500);
        });

        $('.giftwrap__papel').on('change', function () {
            $('.giftwrap__tarjeta-form').toggleClass('giftwrap__tarjeta-form--hidden');
            $('body,html').animate({scrollTop: $('.giftwrap__tarjeta-form').offset().top - 60}, 500);
        });

        // BUSCADOR

        $('body').on('click', '.search', function (e) {
            $('.search-box').toggleClass('search-box--vsb');
        });

        $('body').on('click', '.search-box__close', function () {
            $('.search-box').removeClass('search-box--vsb');
            $('.search-box__resultados').removeClass('search-box__resultados--vsb');
        });
    }

    function desktop() {
        setInterval(function () {
            $('.box-mensajes img').toggleClass('on')
        }, 3000);

        // MENÚ
        $('.menu__level--lev2').wrapInner('<div class="menu__panel-dktop"></div>');


        $('.menu__marcas .menu__lev3-link').each(function () {
            $(this).attr('data-inicBrand', '' + $(this).html().charAt(0));
        });

        $('.marca__link').each(function () {
                var inicial = $(this).html().toUpperCase();
                var marcas = $('.menu__marcas .menu__lev3-link[data-inicBrand="' + inicial + '"]').length;

                if (marcas < 1) {
                    $(this).parent().attr('style', 'display:none');
                }
            }
        );

        /* overlay submenú desktop */

        $('.menu__lev1-li').hover(
            function () {
                if ($(this).hasClass('has-sub')) {
                    $('.overlay').remove();
                    $('body').prepend('<div class="overlay"></div>')
                }
            }, function () {
                $('.overlay').remove();
            }
        );

        /* Índice iniciales - MENÚ MARCAS */

        $('.marca__link').on('click', function () {
            //Destacar inicial
            $('.marca__link').addClass('marca__link--tenue');
            $(this).removeClass('marca__link--tenue');

            //Ocultar todas las marcas
            $('.menu__marcas-cat .menu__lev3-link').attr('style', 'display:none').closest('div').attr('style', 'display:none');

            //localizar marcas que empiecen por inicial y mostrarlas
            var inicial = $(this).html().toUpperCase();

            $('.menu__marcas-cat .menu__lev3-link').each(function () {
                if ($(this).html().toUpperCase().match('^' + inicial + '')) {
                    $(this).attr('style', 'display:block');
                    $(this).closest('div').attr('style', 'display:block');
                }
            });

            // ocultamos las iniciales de los resultados
            $('.menu__lev3-li--inicial').attr('style', 'display:none');

        });

        $('.all-brands').on('click', function () {
            //Mostrar todas las marcas
            $('.menu__marcas-cat .menu__lev3-link').removeAttr('style').closest('div').removeAttr('style');

            //Eliminar clase tenue
            $('.marca__link').removeClass('marca__link--tenue');

            // Mostrar las iniciales de los resultados
            $('.menu__lev3-li--inicial').removeAttr('style');
        });

        /* selector país-idioma */

        $('.sel-mercado,.mercado-ban__close').on('click', function () {
            $('.mercado-ban').toggleClass('mercado-ban--vsb');
        });

        /* menú sesión topbar */

        $('.sesion>span').on('click', function () {
            $('.sesion__menu').toggleClass('sesion__menu--vsb');
        });

        // PESTAÑAS PRODUCTO

        $('.info-block__tit').on('click', function () {
            $(this).closest('.producto__info').find('.info-block--curr').removeClass('info-block--curr');
            $(this).closest('.info-block').addClass('info-block--curr');
        });

        /*Ancho slider imágenes*/
        $('.grid__slider').each(function () {
            var slidLength = $(this).children('.grid__slider-cont').children('.grid__prod').length;
            var prodWidth = $(this).children('.grid__slider-cont').find('.grid__prod:first-child').width();
            var sldW = slidLength * prodWidth;

            $(this).find('.grid__slider-cont').attr('style', 'width:' + sldW + 'px');
        });

        /*Slider imágenes*/
        $('.slider-ctrl__arrow').on('click', function (e) {
            e.preventDefault();

            if ($(this).hasClass('slider-ctrl__arrow--next')) {
                $(this).closest('.grid').find('.grid__slider').animate({scrollLeft: '+=300'}, 400);
            } else {
                $(this).closest('.grid').find('.grid__slider').animate({scrollLeft: '-=300'}, 400);
            }
        });

        // GRID
        /* Filtros grid sets */

        $('.filtros__block-itm').hover(
            function () {
                $(this).find('>div:hidden').addClass('vsb')
                    .attr('style', 'top:' + ($(this).offset().top - $('.filtros').offset().top) + 'px');

            }, function () {
                $(this).find('>div:visible').removeClass('vsb').removeAttr('style');
            }
        );

        // CHECKOUT
        /* OPCIONES REGALO */

        $('.button--giftwrap').on('click', function (e) {
            e.preventDefault();
            $('.giftwrap__opts').toggleClass('giftwrap__opts--hidden');

            $('html,body').animate({scrollTop: $(this).offset().top - 80}, 500);
        });

        $('.giftwrap__papel').on('change', function () {

            $('.giftwrap__tarjeta-form').toggleClass('giftwrap__tarjeta-form--hidden');
            $('body,html').animate({scrollTop: $('.giftwrap__tarjeta-form').offset().top - 60}, 500);
        });

        // FICHA PRODUCTO
        /*Zoom imágenes*/
        $('.producto__img-reg').on('click', function () {

            //vaciar contenido modal
            $('.modal__content').html('');

            var $original = $(this);
            //cargar contenido en modal
            $(this).clone().appendTo('.modal__content').attr('src', $original.data('big'));
            //lanzar modal
            $('.modal').not("#cookiesAlertModal").addClass('modal--in');
            $('.modal__popup').addClass('zoom');
        });
    }

    function tablet() {
    }

    function todasRes() {

        // MODAL

        $('.modal__close,.modal__overlay').on('click', function () {
            $('.modal__content>*').remove();
            $('.modal').removeClass('modal--in');

            $('.modal__popup').attr('class', 'modal__popup');
        });

        // CESTA

        /* banner cesta */

        $('body').on('click', '.cesta,.cesta__ban-close', function () {
            $('.cesta__ban').toggleClass('cesta__ban--vsb');
        });

        // MODAL CAMBIO MERCADO
        $('.mercado-ban__col--int .mercado-ban__link').on('click', function (e) {
            e.preventDefault();

            //cargar contenido en modal
            $('.modal__content').load('cambio-mercado.html');

            //lanzar modal
            $('.modal').not("#cookiesAlertModal").addClass('modal--in');
            $('.modal__popup').addClass('msg');
        });

        // SLIDER NOVEDADES

        $('.novedades__link').on('click', function (e) {
            e.preventDefault();
            var sldr = $(this).attr('href');

            $('.novedades__link').removeClass('novedades__link--curr');
            $(this).addClass('novedades__link--curr');

            $('.novedades__sldr').removeClass('novedades__sldr--curr');
            $(sldr).addClass('novedades__sldr--curr');
        });


        /*Cick en listado de producto agrupado*/

        $('.producto__gr-desc').on('click', function () {
            if (!$(this).closest('.producto__gr').hasClass('producto__gr--curr')) {
                //destacar la imagen correspondiente
                $(this).closest('.producto__groups').find('.producto__gr').removeClass('producto__gr--curr');
                $(this).closest('.producto__gr').addClass('producto__gr--curr');
            }
        });

        /*Selector tallas*/

        $('body').on('change', '.producto__talla-radio', function () {
            if (!$(this).prop('cheked', true)) {
                $(this).closest('.producto__tallas').find('.producto__talla--checked').removeClass('producto__talla--checked');
                $(this).parent().addClass('producto__talla--checked');
            }
        });

        /*Selector muestras color*/

        $('.producto__color').on('click', function () {
            $(this).siblings().removeClass('producto__color--curr');
            $(this).addClass('producto__color--curr');
        });

        /*Ancho slider imágenes*/
        $('.grid__slider').each(function () {
            var slidLength = $(this).children('.grid__slider-cont').children('.grid__prod').length;
            var prodWidth = $(this).children('.grid__slider-cont').find('.grid__prod:first-child').width();
            var sldW = slidLength * prodWidth;

            $(this).find('.grid__slider-cont').attr('style', 'width:' + sldW + 'px');
        });

        /* Tiendas más cercanas */

        $('.disponibilidad__link,.disponibilidad__find').on('click', function (e) {
            e.preventDefault();
            //var shopsUrl = $(this).attr('href');

            //vaciar contenido modal
            $('.modal__content').html('');

            //lanzar modal
            $('.modal').not("#cookiesAlertModal").addClass('modal--in');
            $('.modal__popup').addClass('modal__popup--shops');
        });

        $('.modal__content').on('click', '.shops__itm', function (e) {
            e.preventDefault();

            $('.shops__map').toggleClass('shops__map--vsb');
        });


        $('.modal__content').on('click', '.shops__map-return', function () {
            $('.shops__map').toggleClass('shops__map--vsb');
        });


        // GRID
        /* Filtros Grid SETS */

        $('.filtros__block-itm').on('click', '>a', function (e) {
            e.preventDefault();
        });

        // si el usuario desmarca un filtro	en el grupo de seleccionados
        $('.filtros').on('click', '.filtros__block-seleccionados label', function () {
            // comprobar si hay mas filtros en su bloque
            // y borrar filtros block si no hay más
            var otros = $(this).closest('div').find('label').length;
            if (otros == 1) {
                $(this).closest('.filtros__scr-pane').find('.borrar-filtros--block').removeClass('vsb');
            }

            //comprobar si hay más filtros aplicados en el grid
            // y borrar el botón de BORRA TODOS si es necesario
            var selecciones = $(this).closest('.filtros').find('.borrar-filtros--block.vsb').length;
            if (selecciones == 0) {
                $('[data-action=clear-all]').removeClass('vsb');
            }

            var ord = $(this).attr('data-ord');

            $(this).closest('.filtros__block-seleccionados')
                .next('.filtros__block')
                .find('label[data-ord=' + ord + ']')
                .removeAttr('data-ord')
                .removeClass('oc')
                .children('input')
                .prop('checked', false);

            $(this).remove();
        });


        /* Borrar filtros bloque*/
        $('.borrar-filtros--block:not(.borrar-filtros--rango)').on('click', function (e) {
            e.preventDefault();

            var selected = $(this).closest('.filtros__scr-pane').find('.filtros__block-seleccionados').children('label');
            var destino = $(this).closest('.filtros__scr-pane').find('.filtros__block');
            var selecciones = $(this).closest('.filtros').find('.borrar-filtros--block.vsb').length;

            selected.trigger('click');
            $(this).removeClass('vsb');

            //comprobar que no haya más filtros aplicados
            // para eliminar el botón "borrar todos"
            if (selecciones == 1) {
                $('[data-action=clear-all]').removeClass('vsb');
            }
        });

        /* Borrar todos los filtros */
        $('[data-action=clear-all]').on('click', function () {
            $(this).closest('.filtros')
            // desmarcar checks
                .find('.borrar-filtros--block.vsb')
                .trigger('click');

            $(this).removeClass('vsb');
        });


        /* FILTROS COLOR */
        $('.label--filtro-color input').on('change', function () {
                var borrAll = $(this).closest('.filtros').find('i.borrar-filtros:not(.borrar-filtros--block)');
                var borrBlock = $(this).closest('.filtros__scr-pane').find('i.borrar-filtros--block');
                var selected = $(this).closest('.filtros__scr-pane').find('.filtros__block-seleccionados');

                // si el usuario marca un filtro
                if ($(this).is(':checked')) {
                    //mostrar botón Borrar todos los filtros
                    borrAll.addClass('vsb');

                    //mostrar botón de borarr los filtros de su block
                    $('[data-action=borrar-color]').addClass('vsb');

                } else {

                    var otros = $(this).closest('div').find('input:checked').length;


                    if (otros == 0) {
                        $('[data-action=borrar-color]').trigger('click');
                    } else {
                    }

                }

                //simular carga ajax
                $('.grid').fadeTo(500, 0.0, function () {
                    $('.grid').fadeTo("slow", 1.0);
                });
            }
        );

        $('[data-action=borrar-color]').on('click', function () {
            $('.label--filtro-color input').prop('checked', false);
        });

        /* FILTROS RANGO PRECIO */

        $('.filtros__rango-precio select').on('change', function () {
            var borrBlock = $(this).closest('.filtros__block').prev('i.borrar-filtros--block');
            borrBlock.addClass('vsb');

            $('[data-action=clear-all]').addClass('vsb');

            //simular carga ajax
            $('.grid').fadeTo(500, 0.0, function () {
                $('.grid').fadeTo("slow", 1.0);
            });
        });

        /* borrar rangos precio */
        $('.borrar-filtros--rango').on('click', function (e) {
            var selecciones = $(this).closest('.filtros').find('.borrar-filtros--block.vsb').length;

            e.preventDefault();

            $('.filtros__rango-precio select').prop('selectedIndex', 0);
            $(this).removeClass('vsb');

            //comprobar que no haya más filtros aplicados
            // para eliminar el botón "borrar todos"
            if (selecciones == 1) {
                $('[data-action=clear-all]').removeClass('vsb');
            }
        });

        /* Enlace marca en productos listado */

        $('.grid__prod-brand').on('click', function (e) {
            e.preventDefault();
            window.location.href = $(this).attr('data-link');
        });

        /* Grid Marca familia (Vista parcial) */

        if ($(window).width() < 640) {
            maxProd(3);
        } else if ($(window).width() >= 640 && $(window).width() < 900) {
            maxProd(4);
        } else {
            maxProd(5);
        }

        function maxProd(n) {
            $('.grid--vista-parcial').each(function () {
                let cantProd = $(this).children('.grid__prod').length;

                if (cantProd >= n) {
                    $(this).prev('h2').append('<a href="" class="see-all">Ver todos: <span>' + cantProd + '</span> productos</a>')
                    for (let i = n; i < cantProd + 1; i++) {
                        $(this).children('.grid__prod:nth-child(' + i + ')').addClass('ocultar');
                    }
                }
            });

            $('.tit-subcat').on('click', '.see-all', function (e) {
                e.preventDefault();
                $(this).toggleClass('see-all--ocultar');
                $(this).parent().next('.grid--vista-parcial').children('.ocultar').toggleClass('mostrar');
            })
        }

        // MOSTRAR FORM CAMBIO CONTRASEÑA MI CUENTA

        $('#showChangePass').on('change', function () {
            let cont = $(this).attr('data-show');
            $(cont).toggleClass('change-pass--oc');

            $('#changePass input').toggleClass('required-entry');
        });

        // CHECKOUT
        $('#checkEnvio').on('change', function () {
            if (!$(this).is(':checked')) {
                // Mostramos form nueva dir
                $('#direcBlock').removeClass('steps__block--hidden');
            } else {
                //Ocultamos form nueva dir
                $('#direcBlock').addClass('steps__block--hidden');
            }
        });

        $('#selNewDir').on('change', function () {
            if ($('#selNewDir option:selected').val() == "nueva-dir") {
                $('#formNewDir').addClass('nueva-dir--vsb');
            } else {
                $('#formNewDir').removeClass('nueva-dir--vsb');
            }
        });

        /* Recogida en tienda */
        $('input[name="envio"]').on('change', function () {
            if ($('#recogida-tienda').is(':checked')) {

                $('.click-collect__options').removeClass('click-collect__options--hidden');

                /* Formas de pago tienda */
                $('#pagarTienda').removeClass('label--hidden');
                $('#contraRee').addClass('label--hidden').children('input').prop('checked', false);

            } else {
                $('.click-collect__options').addClass('click-collect__options--hidden');

                /* Formas de pago tienda */
                $('#pagarTienda').addClass('label--hidden').children('input').prop('checked', false);
                $('#contraRee').removeClass('label--hidden');
            }
        });

        /* Mostrar mapa tiendas*/

        $('.click-collect__map-link,.click-collect__map-close').on('click', function (e) {
            e.preventDefault();

            $('.click-collect__map-link').toggleClass('click-collect__map-link--hidden');
            $('.click-collect__map-close').toggleClass('click-collect__map-close--hidden');
            $('.click-collect__map-frame').toggleClass('click-collect__map-frame--hidden');
        });

        // FICHA TIENDA
        /* slider tiendas */
        var altSld = $('.tiendas__slider').children('img').height()
        $('.tiendas__slider').height(altSld);

        $('<ol class="tiendas__slider-dots"></ol>').insertAfter('.tiendas__slider');
        $('.tiendas__slider img').each(function () {
            $('.tiendas__slider-dots').append('<li><img src="' + $(this).attr('src') + '" /></li>');
        });

        $('.tiendas__slider-dots li:first-child').addClass('curr');

        $('.tiendas__slider-dots').on('click', 'li:not(.curr)', function () {
            $(this).siblings('.curr').removeClass('curr');
            $(this).addClass('curr');

            $('.tiendas__slider-img--curr').removeClass('tiendas__slider-img--curr');
            $('.tiendas__slider').children('img:nth-child(' + ($(this).index() + 1) + ')').addClass('tiendas__slider-img--curr');
        });

        // OPINIONES

        /*$('.ver-opiniones').on('click', function (e) {
            e.preventDefault();
            $('html,body').animate({scrollTop: $('.opiniones-block').offset().top - 70}, 500);
        });*/

        $('.score--stars').on('click', 'a', function (e) {
            e.preventDefault();
            $(this).siblings('a').removeClass('curr');
            $(this).toggleClass('curr');

            if ($(this).hasClass('curr')) {
                var score = $(this).index() + 1;
                $(this).siblings('input').attr('value', score);
            }
        });

        /*$('.button--opinar').on('click', function (e) {
            e.preventDefault();
            $(this).toggleClass('button--opinar--ocultar');
            $('.form--opiniones').toggleClass('form--opiniones--vsb');

            $('html,body').animate({scrollTop: $(this).offset().top - 40}, 500);
        });*/

        // PREGUNTAS Y RESPUESTAS

        $('.button--quest').on('click', function () {
            $('.form--quest').toggle();
            if ($('.form--quest').is(':visible')) {
                $('body,html').animate({scrollTop: $('.form--quest').offset().top - 70}, 500)
            }
        });

        // BUSCADOR

        $('body').focusout('.search-box__ppal', function () {
            //$('.search-box__resultados').removeClass('search-box__resultados--vsb');
        });

        $('body').on('input', '.search-box__ppal', function () {
            $('.search-box__resultados').addClass('search-box__resultados--vsb');
        });

        // PEDIDOS Y DEVOLUCIONES

        $('.devos__info').on('change', function () {
            var marcados = $('.devos__info').find('input:checked').length;

            if (marcados == 0) {
                $('.devos__articulos').removeClass('devos__articulos--vsb');
                $('.devos__articulos input:checked').prop('checked', false);
                $('.devos__comment').removeClass('devos__comment--vsb');

            } else if (marcados == 1) {
                $('.devos__articulos').addClass('devos__articulos--vsb');
                $('body,html').animate({scrollTop: $('.devos__articulos').offset().top - 80});
            } else {
                $('.devos__info input:checked').prop('checked', false);
                $('.devos__articulos input').prop('checked', false);
                $('.devos__articulos').removeClass('devos__articulos--vsb');

            }
        });

        $('.devos__articulos').on('change', function () {
            var marcados = $('.devos__articulos').find('input:checked').length;
            if (marcados == 0) {
                $('.devos__comment').removeClass('devos__comment--vsb');
            } else {
                $('.devos__comment').addClass('devos__comment--vsb');
                $('body,html').animate({scrollTop: $('.devos__comment').offset().top - 80});
            }
        });
    }
});