a:4:{s:4:"hash";s:0:"";s:5:"mtime";i:1791020111;s:6:"expire";i:1791106511;s:4:"tags";s:47:"de9_CAT_P,de9_BLOCK_HTML,de9_CAT_P_NEW,de9_MAGE";}
        <div class="block widget block-products-list grid">
                <div class="block-content">
            <div class="mx-auto grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37642/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_XM000141AF11912"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37642">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/a-x-armani-exchange-uomo-scarpe-action-leather-bianco-nero-xm000141af11912.html"
            title="A&#x7C;X&#x20;Armani&#x20;Exchange&#x20;Uomo&#x20;Scarpe&#x20;Action&#x20;Leather&#x20;Bianco&#x2F;Nero"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7575_8056643924724_hd_0000_6.jpg"
    width="240"
    height="300"
    alt="A&#x7C;X&#x20;Armani&#x20;Exchange&#x20;Uomo&#x20;Scarpe&#x20;Action&#x20;Leather&#x20;Bianco&#x2F;Nero"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37642.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/a-x-armani-exchange-uomo-scarpe-action-leather-bianco-nero-xm000141af11912.html"
            >
                A|X Armani Exchange Uomo Scarpe Action Leather Bianco/Nero            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37642() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37642',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"70","label":"Bianco","products":["37636","37637","37638","37639","37640","37641"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"903","label":"40 EU","products":["37638"]},{"id":"825","label":"41 EU","products":["37639"]},{"id":"826","label":"42 EU","products":["37640"]},{"id":"828","label":"43 EU","products":["37641"]},{"id":"830","label":"44 EU","products":["37636"]},{"id":"832","label":"45 EU","products":["37637"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37636":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37637":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37638":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37639":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37640":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37641":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":143.9},"finalPrice":{"amount":143.9}},"productId":"37642","chooseText":"Scegli una opzione...","images":[],"index":{"37636":{"154":"70","155":"830"},"37637":{"154":"70","155":"832"},"37638":{"154":"70","155":"903"},"37639":{"154":"70","155":"825"},"37640":{"154":"70","155":"826"},"37641":{"154":"70","155":"828"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37636":"p_33327927_XM000141AF11912_38_1937_10","37637":"p_33327927_XM000141AF11912_38_1937_11","37638":"p_33327927_XM000141AF11912_38_1937_6","37639":"p_33327927_XM000141AF11912_38_1937_7","37640":"p_33327927_XM000141AF11912_38_1937_8","37641":"p_33327927_XM000141AF11912_38_1937_9"},"label_config":{"labels":{"37636":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37637":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37638":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37639":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37640":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37641":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"70":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7575_8056643924724_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7575_8056643924724_hd_0000.jpg","label":"Bianco"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"903":{"type":"0","value":null,"label":"40 EU"},"825":{"type":"0","value":null,"label":"41 EU"},"826":{"type":"0","value":null,"label":"42 EU"},"828":{"type":"0","value":null,"label":"43 EU"},"830":{"type":"0","value":null,"label":"44 EU"},"832":{"type":"0","value":null,"label":"45 EU"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37642()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37642-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37642-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37642-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37642-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37642-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37642-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37642-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37642-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37642-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37642-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37642() {
        var base = typeof window.initConfigurableSwatchOptions_37642 === 'function'
            ? window.initConfigurableSwatchOptions_37642()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37642.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37642" data-price-box="product-id-37642">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37642']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37642')"                data-price-amount="143.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">143,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37642']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37642')"                data-price-amount="159.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">159,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;A&#x7C;X&#x20;Armani&#x20;Exchange&#x20;Uomo&#x20;Scarpe&#x20;Action&#x20;Leather&#x20;Bianco&#x2F;Nero"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37635/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_7W001502AF16413"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37635">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/ea7-emporio-armani-donna-giacca-invernale-tinta-unita-con-cappuccio-7w001502af16413.html"
            title="EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Giacca&#x20;Invernale&#x20;Tinta&#x20;Unita&#x20;con&#x20;Cappuccio"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7624_8056643375083_hd_0000_4.jpg"
    width="240"
    height="300"
    alt="EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Giacca&#x20;Invernale&#x20;Tinta&#x20;Unita&#x20;con&#x20;Cappuccio"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37635.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/ea7-emporio-armani-donna-giacca-invernale-tinta-unita-con-cappuccio-7w001502af16413.html"
            >
                EA7 Emporio Armani Donna Giacca Invernale Tinta Unita con Cappuccio            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37635() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37635',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"156","label":"Marrone","products":["37631","37632","37633","37634"]},{"id":"45","label":"Nero","products":["37627","37628","37629","37630"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"420","label":"S","products":["37629","37633"]},{"id":"55","label":"M","products":["37628","37632"]},{"id":"421","label":"L","products":["37627","37631"]},{"id":"422","label":"XL","products":["37630","37634"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37627":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37628":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37629":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37630":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37631":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37632":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37633":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37634":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9}},"productId":"37635","chooseText":"Scegli una opzione...","images":[],"index":{"37627":{"154":"45","155":"421"},"37628":{"154":"45","155":"55"},"37629":{"154":"45","155":"420"},"37630":{"154":"45","155":"422"},"37631":{"154":"156","155":"421"},"37632":{"154":"156","155":"55"},"37633":{"154":"156","155":"420"},"37634":{"154":"156","155":"422"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37627":"p_33327927_7W001502AF16413_50_1633_L","37628":"p_33327927_7W001502AF16413_50_1633_M","37629":"p_33327927_7W001502AF16413_50_1633_S","37630":"p_33327927_7W001502AF16413_50_1633_XL","37631":"p_33327927_7W001502AF16413_50_1964_L","37632":"p_33327927_7W001502AF16413_50_1964_M","37633":"p_33327927_7W001502AF16413_50_1964_S","37634":"p_33327927_7W001502AF16413_50_1964_XL"},"label_config":{"labels":{"37627":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37628":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37629":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37630":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37631":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37632":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37633":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37634":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"156":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7624_8056643375083_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7624_8056643375083_hd_0000.jpg","label":"Marrone"},"45":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7624_8056643375120_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7624_8056643375120_hd_0000.jpg","label":"Nero"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"422":{"type":"0","value":null,"label":"XL"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37635()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37635-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37635-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37635-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37635-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37635-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37635-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37635-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37635-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37635-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37635-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37635() {
        var base = typeof window.initConfigurableSwatchOptions_37635 === 'function'
            ? window.initConfigurableSwatchOptions_37635()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37635.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37635" data-price-box="product-id-37635">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37635']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37635')"                data-price-amount="233.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">233,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37635']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37635')"                data-price-amount="259.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">259,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Giacca&#x20;Invernale&#x20;Tinta&#x20;Unita&#x20;con&#x20;Cappuccio"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37626/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_7W001532AF16413"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37626">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/ea7-emporio-armani-donna-giaccone-con-cappuccio-invernale-lungo-7w001532af16413.html"
            title="EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Giacca&#x20;con&#x20;Cappuccio&#x20;Invernale&#x20;Lungo"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7626_8056643375205_hd_0000_4.jpg"
    width="240"
    height="300"
    alt="EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Giacca&#x20;con&#x20;Cappuccio&#x20;Invernale&#x20;Lungo"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37626.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/ea7-emporio-armani-donna-giaccone-con-cappuccio-invernale-lungo-7w001532af16413.html"
            >
                EA7 Emporio Armani Donna Giacca con Cappuccio Invernale Lungo            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37626() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37626',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"156","label":"Marrone","products":["37622","37623","37624","37625"]},{"id":"45","label":"Nero","products":["37618","37619","37620","37621"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"420","label":"S","products":["37620","37624"]},{"id":"55","label":"M","products":["37619","37623"]},{"id":"421","label":"L","products":["37618","37622"]},{"id":"422","label":"XL","products":["37621","37625"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37618":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37619":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37620":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37621":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37622":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37623":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37624":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37625":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":233.9},"finalPrice":{"amount":233.9}},"productId":"37626","chooseText":"Scegli una opzione...","images":[],"index":{"37618":{"154":"45","155":"421"},"37619":{"154":"45","155":"55"},"37620":{"154":"45","155":"420"},"37621":{"154":"45","155":"422"},"37622":{"154":"156","155":"421"},"37623":{"154":"156","155":"55"},"37624":{"154":"156","155":"420"},"37625":{"154":"156","155":"422"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37618":"p_33327927_7W001532AF16413_50_1633_L","37619":"p_33327927_7W001532AF16413_50_1633_M","37620":"p_33327927_7W001532AF16413_50_1633_S","37621":"p_33327927_7W001532AF16413_50_1633_XL","37622":"p_33327927_7W001532AF16413_50_1964_L","37623":"p_33327927_7W001532AF16413_50_1964_M","37624":"p_33327927_7W001532AF16413_50_1964_S","37625":"p_33327927_7W001532AF16413_50_1964_XL"},"label_config":{"labels":{"37618":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37619":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37620":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37621":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37622":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37623":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37624":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37625":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"156":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7626_8056643375205_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7626_8056643375205_hd_0000.jpg","label":"Marrone"},"45":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7626_8056643375243_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7626_8056643375243_hd_0000.jpg","label":"Nero"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"422":{"type":"0","value":null,"label":"XL"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37626()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37626-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37626-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37626-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37626-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37626-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37626-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37626-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37626-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37626-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37626-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37626() {
        var base = typeof window.initConfigurableSwatchOptions_37626 === 'function'
            ? window.initConfigurableSwatchOptions_37626()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37626.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37626" data-price-box="product-id-37626">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37626']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37626')"                data-price-amount="233.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">233,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37626']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37626')"                data-price-amount="259.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">259,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Giacca&#x20;con&#x20;Cappuccio&#x20;Invernale&#x20;Lungo"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37613/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_7W001409AF25626"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37613">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/ea7-emporio-armani-donna-tuta-felpa-felpata-full-zip-con-pantalone-pantapalazzo-7w001409af25626.html"
            title="EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Tuta&#x20;Felpa&#x20;Felpata&#x20;Full&#x20;Zip&#x20;con&#x20;Pantalone&#x20;Pantapalazzo"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7621_8056643374949_hd_0000_5.jpg"
    width="240"
    height="300"
    alt="EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Tuta&#x20;Felpa&#x20;Felpata&#x20;Full&#x20;Zip&#x20;con&#x20;Pantalone&#x20;Pantapalazzo"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37613.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/ea7-emporio-armani-donna-tuta-felpa-felpata-full-zip-con-pantalone-pantapalazzo-7w001409af25626.html"
            >
                EA7 Emporio Armani Donna Tuta Felpa Felpata Full Zip con Pantalone Pantapalazzo            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37613() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37613',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"1298","label":"Nero\/Grgio","products":["37608","37609","37610","37611","37612"]},{"id":"1341","label":"Viola\/Bianco","products":["37614","37615","37616","37617"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"426","label":"XS","products":["37612","37617"]},{"id":"420","label":"S","products":["37610","37616"]},{"id":"55","label":"M","products":["37609","37615"]},{"id":"421","label":"L","products":["37608","37614"]},{"id":"422","label":"XL","products":["37611"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37608":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37609":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37610":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37611":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37612":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37614":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37615":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37616":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37617":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":219.9},"oldPrice":{"amount":219.9},"basePrice":{"amount":197.9},"finalPrice":{"amount":197.9}},"productId":"37613","chooseText":"Scegli una opzione...","images":[],"index":{"37608":{"154":"1298","155":"421"},"37609":{"154":"1298","155":"55"},"37610":{"154":"1298","155":"420"},"37611":{"154":"1298","155":"422"},"37612":{"154":"1298","155":"426"},"37614":{"154":"1341","155":"421"},"37615":{"154":"1341","155":"55"},"37616":{"154":"1341","155":"420"},"37617":{"154":"1341","155":"426"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37608":"p_33327927_7W001409AF25626_50_1957_L","37609":"p_33327927_7W001409AF25626_50_1957_M","37610":"p_33327927_7W001409AF25626_50_1957_S","37611":"p_33327927_7W001409AF25626_50_1957_XL","37612":"p_33327927_7W001409AF25626_50_1957_XS","37614":"p_33327927_7W001409AF25626_50_1963_L","37615":"p_33327927_7W001409AF25626_50_1963_M","37616":"p_33327927_7W001409AF25626_50_1963_S","37617":"p_33327927_7W001409AF25626_50_1963_XS"},"label_config":{"labels":{"37608":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37609":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37610":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37611":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37612":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37614":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37615":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37616":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37617":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"1298":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7621_8056643374949_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7621_8056643374949_hd_0000.jpg","label":"Nero\/Grgio"},"1341":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7621_8056643374901_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7621_8056643374901_hd_0000.jpg","label":"Viola\/Bianco"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"426":{"type":"0","value":null,"label":"XS"},"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"422":{"type":"0","value":null,"label":"XL"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37613()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37613-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37613-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37613-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37613-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37613-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37613-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37613-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37613-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37613-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37613-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37613() {
        var base = typeof window.initConfigurableSwatchOptions_37613 === 'function'
            ? window.initConfigurableSwatchOptions_37613()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37613.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37613" data-price-box="product-id-37613">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37613']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37613')"                data-price-amount="197.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">197,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37613']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37613')"                data-price-amount="219.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">219,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;EA7&#x20;Emporio&#x20;Armani&#x20;Donna&#x20;Tuta&#x20;Felpa&#x20;Felpata&#x20;Full&#x20;Zip&#x20;con&#x20;Pantalone&#x20;Pantapalazzo"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37607/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_7M002427AF10377"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37607">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/ea7-emporio-armani-uomo-pantalone-felpa-felpata-slim-fit-7m002427af10377.html"
            title="EA7&#x20;Emporio&#x20;Armani&#x20;Uomo&#x20;Pantalone&#x20;Felpa&#x20;Felpata&#x20;Slim&#x20;Fit"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7646_8056643377315_hd_0000_5.jpg"
    width="240"
    height="300"
    alt="EA7&#x20;Emporio&#x20;Armani&#x20;Uomo&#x20;Pantalone&#x20;Felpa&#x20;Felpata&#x20;Slim&#x20;Fit"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37607.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/ea7-emporio-armani-uomo-pantalone-felpa-felpata-slim-fit-7m002427af10377.html"
            >
                EA7 Emporio Armani Uomo Pantalone Felpa Felpata Slim Fit            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37607() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37607',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"45","label":"Nero","products":["37602","37603","37604","37605","37606"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"420","label":"S","products":["37605"]},{"id":"55","label":"M","products":["37604"]},{"id":"421","label":"L","products":["37603"]},{"id":"422","label":"XL","products":["37606"]},{"id":"424","label":"2XL","products":["37602"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37602":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37603":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37604":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37605":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37606":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9}},"productId":"37607","chooseText":"Scegli una opzione...","images":[],"index":{"37602":{"154":"45","155":"424"},"37603":{"154":"45","155":"421"},"37604":{"154":"45","155":"55"},"37605":{"154":"45","155":"420"},"37606":{"154":"45","155":"422"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37602":"p_33327927_7M002427AF10377_4_1633_2XL","37603":"p_33327927_7M002427AF10377_4_1633_L","37604":"p_33327927_7M002427AF10377_4_1633_M","37605":"p_33327927_7M002427AF10377_4_1633_S","37606":"p_33327927_7M002427AF10377_4_1633_XL"},"label_config":{"labels":{"37602":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37603":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37604":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37605":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37606":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"45":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7646_8056643377315_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7646_8056643377315_hd_0000.jpg","label":"Nero"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"422":{"type":"0","value":null,"label":"XL"},"424":{"type":"0","value":null,"label":"2XL"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37607()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37607-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37607-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37607-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37607-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37607-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37607-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37607-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37607-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37607-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37607-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37607() {
        var base = typeof window.initConfigurableSwatchOptions_37607 === 'function'
            ? window.initConfigurableSwatchOptions_37607()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37607.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37607" data-price-box="product-id-37607">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37607']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37607')"                data-price-amount="89.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">89,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37607']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37607')"                data-price-amount="99.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">99,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;EA7&#x20;Emporio&#x20;Armani&#x20;Uomo&#x20;Pantalone&#x20;Felpa&#x20;Felpata&#x20;Slim&#x20;Fit"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37591/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_LV047G253G"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37591">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/calvin-klein-donna-pantalone-pantapalazzo-in-felpa-garzata-lv047g253g.html"
            title="Calvin&#x20;Klein&#x20;Donna&#x20;Pantalone&#x20;Pantapalazzo&#x20;in&#x20;Felpa&#x20;Garzata"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7874_8721385297015_hd_0000_4.jpg"
    width="240"
    height="300"
    alt="Calvin&#x20;Klein&#x20;Donna&#x20;Pantalone&#x20;Pantapalazzo&#x20;in&#x20;Felpa&#x20;Garzata"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37591.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/calvin-klein-donna-pantalone-pantapalazzo-in-felpa-garzata-lv047g253g.html"
            >
                Calvin Klein Donna Pantalone Pantapalazzo in Felpa Garzata            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37591() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37591',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"156","label":"Marrone","products":["37587","37588","37589","37590"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"426","label":"XS","products":["37590"]},{"id":"420","label":"S","products":["37589"]},{"id":"55","label":"M","products":["37588"]},{"id":"421","label":"L","products":["37587"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37587":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37588":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37589":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37590":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":99.9},"oldPrice":{"amount":99.9},"basePrice":{"amount":89.9},"finalPrice":{"amount":89.9}},"productId":"37591","chooseText":"Scegli una opzione...","images":[],"index":{"37587":{"154":"156","155":"421"},"37588":{"154":"156","155":"55"},"37589":{"154":"156","155":"420"},"37590":{"154":"156","155":"426"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37587":"p_33327927_LV047G253G_49_2081_L","37588":"p_33327927_LV047G253G_49_2081_M","37589":"p_33327927_LV047G253G_49_2081_S","37590":"p_33327927_LV047G253G_49_2081_XS"},"label_config":{"labels":{"37587":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37588":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37589":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37590":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"156":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7874_8721385297015_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7874_8721385297015_hd_0000.jpg","label":"Marrone"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"426":{"type":"0","value":null,"label":"XS"},"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37591()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37591-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37591-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37591-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37591-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37591-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37591-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37591-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37591-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37591-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37591-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37591() {
        var base = typeof window.initConfigurableSwatchOptions_37591 === 'function'
            ? window.initConfigurableSwatchOptions_37591()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37591.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37591" data-price-box="product-id-37591">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37591']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37591')"                data-price-amount="89.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">89,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37591']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37591')"                data-price-amount="99.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">99,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;Calvin&#x20;Klein&#x20;Donna&#x20;Pantalone&#x20;Pantapalazzo&#x20;in&#x20;Felpa&#x20;Garzata"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37586/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_LV044G313G"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37586">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/calvin-klein-donna-maglia-di-cotone-girocollo-tinta-unita-logo-ck-ricamato-lv044g313g.html"
            title="Calvin&#x20;Klein&#x20;Donna&#x20;Maglia&#x20;di&#x20;Cotone&#x20;Girocollo&#x20;Tinta&#x20;Unita&#x20;Logo&#x20;CK&#x20;Ricamato"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7872_8721223366224_hd_0000_5.jpg"
    width="240"
    height="300"
    alt="Calvin&#x20;Klein&#x20;Donna&#x20;Maglia&#x20;di&#x20;Cotone&#x20;Girocollo&#x20;Tinta&#x20;Unita&#x20;Logo&#x20;CK&#x20;Ricamato"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37586.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                        <span style="background-color:#1A1A2E; color:#F5F0EB; font-size:0.65rem; font-weight:700;
                         letter-spacing:0.1em; text-transform:uppercase; padding:0.25rem 0.625rem;
                         border-radius:2px;">
                Nuovo            </span>
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/calvin-klein-donna-maglia-di-cotone-girocollo-tinta-unita-logo-ck-ricamato-lv044g313g.html"
            >
                Calvin Klein Donna Maglia di Cotone Girocollo Tinta Unita Logo CK Ricamato            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37586() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37586',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"45","label":"Nero","products":["37581","37582","37583","37584","37585"]},{"id":"1130","label":"Nocciola","products":["37592","37593","37594","37595"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"790","label":"XXS","products":["37585","37595"]},{"id":"426","label":"XS","products":["37584","37594"]},{"id":"420","label":"S","products":["37583","37593"]},{"id":"55","label":"M","products":["37582","37592"]},{"id":"421","label":"L","products":["37581"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37581":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37582":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37583":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37584":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37585":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37592":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37593":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37594":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37595":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":116.9},"finalPrice":{"amount":116.9}},"productId":"37586","chooseText":"Scegli una opzione...","images":[],"index":{"37581":{"154":"45","155":"421"},"37582":{"154":"45","155":"55"},"37583":{"154":"45","155":"420"},"37584":{"154":"45","155":"426"},"37585":{"154":"45","155":"790"},"37592":{"154":"1130","155":"55"},"37593":{"154":"1130","155":"420"},"37594":{"154":"1130","155":"426"},"37595":{"154":"1130","155":"790"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37581":"p_33327927_LV044G313G_49_1811_L","37582":"p_33327927_LV044G313G_49_1811_M","37583":"p_33327927_LV044G313G_49_1811_S","37584":"p_33327927_LV044G313G_49_1811_XS","37585":"p_33327927_LV044G313G_49_1811_XXS","37592":"p_33327927_LV044G313G_49_2078_M","37593":"p_33327927_LV044G313G_49_2078_S","37594":"p_33327927_LV044G313G_49_2078_XS","37595":"p_33327927_LV044G313G_49_2078_XXS"},"label_config":{"labels":{"37581":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37582":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37583":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37584":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37585":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37592":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37593":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37594":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37595":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"45":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7872_8721223366224_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7872_8721223366224_hd_0000.jpg","label":"Nero"},"1130":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7872_8721223366163_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7872_8721223366163_hd_0000.jpg","label":"Nocciola"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"790":{"type":"0","value":null,"label":"XXS"},"426":{"type":"0","value":null,"label":"XS"},"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37586()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37586-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37586-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37586-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37586-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37586-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37586-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37586-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37586-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37586-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37586-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37586() {
        var base = typeof window.initConfigurableSwatchOptions_37586 === 'function'
            ? window.initConfigurableSwatchOptions_37586()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37586.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37586" data-price-box="product-id-37586">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37586']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37586')"                data-price-amount="116.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">116,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37586']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37586')"                data-price-amount="129.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">129,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;Calvin&#x20;Klein&#x20;Donna&#x20;Maglia&#x20;di&#x20;Cotone&#x20;Girocollo&#x20;Tinta&#x20;Unita&#x20;Logo&#x20;CK&#x20;Ricamato"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                                    
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/37577/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_LV047H319G"
            >
    <input name="form_key" type="hidden" value="4GYuk2ZaOQwJYWgO" />    <input type="hidden" name="product" value="37577">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/calvin-klein-donna-abitino-manica-lunga-girocollo-tinta-unita-lv047h319g.html"
            title="Calvin&#x20;Klein&#x20;Donna&#x20;Abitino&#x20;Manica&#x20;Lunga&#x20;Girocollo&#x20;Tinta&#x20;Unita"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/2765542505660baab28ecd555e27366e/p/_/p_33327927n0_immagini_articoli_7875_8721223366408_hd_0000_3.jpg"
    width="240"
    height="300"
    alt="Calvin&#x20;Klein&#x20;Donna&#x20;Abitino&#x20;Manica&#x20;Lunga&#x20;Girocollo&#x20;Tinta&#x20;Unita"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-37577.window="updateImage"
    >
        </a>
		<!-- Badges -->
        <div style="position:absolute; top:0; right:0; z-index:2; display:flex; flex-direction:column; gap:0.35rem;">
           
                    </div>
    	</div>
    <div class="product_card_section product-info flex flex-col grow ">
        <div class="mt-2 mb-1 items-center justify-center font-semibold text-lg text-center ">
            <a
                class="product-item-link"
                href="https://www.fadelux.it/calvin-klein-donna-abitino-manica-lunga-girocollo-tinta-unita-lv047h319g.html"
            >
                Calvin Klein Donna Abitino Manica Lunga Girocollo Tinta Unita            </a>
        </div>

                <div class="py-1 mx-auto ">
                    </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_37577() {
            const configurableOptionsComponent = initConfigurableOptions(
                '37577',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"59","label":"Grigio","products":["37578","37579","37580"]},{"id":"45","label":"Nero","products":["37574","37575","37576"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"420","label":"S","products":["37576","37580"]},{"id":"55","label":"M","products":["37575","37579"]},{"id":"421","label":"L","products":["37574","37578"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"37574":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37575":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37576":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37578":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37579":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9},"tierPrices":[],"msrpPrice":{"amount":0}},"37580":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":134.9},"finalPrice":{"amount":134.9}},"productId":"37577","chooseText":"Scegli una opzione...","images":[],"index":{"37574":{"154":"45","155":"421"},"37575":{"154":"45","155":"55"},"37576":{"154":"45","155":"420"},"37578":{"154":"59","155":"421"},"37579":{"154":"59","155":"55"},"37580":{"154":"59","155":"420"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"37574":"p_33327927_LV047H319G_49_1811_L","37575":"p_33327927_LV047H319G_49_1811_M","37576":"p_33327927_LV047H319G_49_1811_S","37578":"p_33327927_LV047H319G_49_1997_L","37579":"p_33327927_LV047H319G_49_1997_M","37580":"p_33327927_LV047H319G_49_1997_S"},"label_config":{"labels":{"37574":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37575":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37576":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37578":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37579":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}},"37580":{"top:0; left:0;":{"labels":[{"label":"-10%","background_color":"#ff0000"}]}}}}}            );
            const swatchOptionsComponent = initSwatchOptions({"154":{"59":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7875_8721223366378_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7875_8721223366378_hd_0000.jpg","label":"Grigio"},"45":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_7875_8721223366408_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_7875_8721223366408_hd_0000.jpg","label":"Nero"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":\"1\",\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"0\",\"is_expand\":\"0\",\"show_tooltip\":\"0\",\"tooltip_thumbnail\":\"\"}"},"155":{"420":{"type":"0","value":null,"label":"S"},"55":{"type":"0","value":null,"label":"M"},"421":{"type":"0","value":null,"label":"L"},"additional_data":"{\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0,\"allow_google_index\":\"0\",\"allow_google_follow\":\"0\",\"no_follow\":\"0\",\"url_alias\":\"\",\"seo_url_enable\":\"0\",\"tooltip_thumbnail\":\"\",\"swatch_input_type\":\"text\",\"allow_multiple\":\"2\",\"filter_type\":\"list\",\"search_enable\":\"2\",\"is_expand\":\"0\",\"show_tooltip\":\"0\"}"}});

            return Object.assign(
                configurableOptionsComponent,
                swatchOptionsComponent,
                {
                    mediaCallback: "https\u003A\u002F\u002Fwww.fadelux.it\u002Fswatches\u002Fajax\u002Fmedia\u002F",
                    changeOption(optionId, value, skipUpdateGallery) {
                        if (value === '') {
                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
                        } else {
                            this.selectedValues[optionId] = value;
                        }
                        this.findSimpleIndex();
                        this.findAllowedAttributeOptions();
                        this.updatePrices();
                        !skipUpdateGallery && this.updateGallery();

                        const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                                window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
                            detail: {
                                productId: this.productId,
                                optionId,
                                value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }));
                    },
                    updateGallery() {
                        if (!this.productIndex) {
                            return;
                        }

                        fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
                                method: 'GET',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-Requested-With': 'XMLHttpRequest'
                                }
                            }
                        ).then(response => {
                                return response.json()
                            }
                        ).then(data => {
                            if (data.errors) {
                                // non critical failure only console logged
                                console.warn(data.errors);
                            } else {
                                data && window.dispatchEvent(
                                    new CustomEvent(
                                        `update-gallery-${this.productId}`,
                                        { detail: data }
                                    )
                                );
                            }
                        }).catch(error => {
                            console.warn(error)
                        });
                    },
                    preselectQuerystringItems() {
                        // pre-select option like ?size=167
                        const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
                        Object.values(this.optionConfig.attributes).map(attribute => {
                            // Don't update images on load, since PLPs already set the main image to the selected options
                            const skipUpdateGallery = true;
                            urlQueryParams.get(attribute.code) &&
                            this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
                        });
                    },
                    mouseDown: false,
                    startX: 0,
                    maxScroll: 0,
                    scrollLeft: null,
                    slider: null,
                    scrollEvents: {
                        ['@mousedown'](e) {
                            this.slider = e.target.closest('.snap');
                            if (!this.slider) {
                                return;
                            }
                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
                            this.startX = e.pageX - this.slider.offsetLeft;
                            this.scrollLeft = this.slider.scrollLeft;
                            this.mouseDown = true;
                        },
                        ['@mouseout.self']() {
                            this.mouseDown = false;
                        },
                        ['@mouseup']() {
                            this.mouseDown = false;
                        },
                        ['@mousemove'](e) {
                            e.preventDefault();
                            if (!this.mouseDown) {
                                return;
                            }
                            const x = e.pageX - this.slider.offsetLeft;
                            const scroll = x - this.startX;
                            const scrollLeft = this.scrollLeft - scroll;

                            if (scrollLeft > this.maxScroll) {
                                this.slider.scrollLeft = this.maxScroll;
                                return
                            }
                            this.slider.scrollLeft = this.scrollLeft - scroll;
                        },
                        ['@onselectstart']() {
                            return false;
                        }
                    },
                    resizeEvent() {
                        Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
                            slider.scrollLeft = 0;
                        })
                    }
                }
            );
        }

    </script>

<div x-data="initMpConfigurableSwatchOptions_37577()"
     x-defer="intersect"
     x-init="findAllowedAttributeOptions()"
     @private-content-loaded.window="onGetCartData($event.detail.data)"
     @resize.window="resizeEvent()"
     class="mb-2 relative"
>
    <div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_color"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37577-154"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Colore"
                >
                    <template x-for="(item, index) in optionConfig.attributes[154].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37577-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-37577-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[154] === item.id),
                'border-gray-300':
                    (selectedValues[154] !== item.id),
                'w-6 h-6' : !isTextSwatch(154, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('154',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '154',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37577-'+item.id)"
                :value="item.id"
                name="super_attribute[154]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(154, $event.target.value)"
                x-on:click="clearOptionIfActive(154, item.id)"
                x-model="selectedValues[154]"
                :required="getAllowedAttributeOptions(154).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(154, item.id)"
                aria-describedby="attribute-label-37577-154"
            >
            <template x-if="isTextSwatch(154, item.id)">
                <div
                    x-html="getSwatchText(154, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(154, item.id) && !optionIsActive(154, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(154, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('154',item.id)"
        >
            <div x-html="getSwatchText(154, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(154, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
                                
                    <div class="swatch-attribute border-t last:border-b border-container
            p_33327927n0_size"
        >
            <div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
                <div class="flex flex-nowrap w-full overflow-auto snap items-center py-1"
                    id="attribute-label-37577-155"
                    role="radiogroup"
                    x-bind="scrollEvents"
                    aria-label="Taglia"
                >
                    <template x-for="(item, index) in optionConfig.attributes[155].options"
                              :key="item.id"
                    >
                        
<div x-id="['attribute-option-37577-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-37577-'+item.id)"
            class="swatch-option relative shadow-sm cursor-pointer select-none bg-white product-option-value-label"
            :class="{
                'border-gray-100 ring ring-primary/50':
                    (selectedValues[155] === item.id),
                'border-gray-300':
                    (selectedValues[155] !== item.id),
                'w-6 h-6' : !isTextSwatch(155, item.id),
                'border-gray-100 ring ring-primary/75' : focusedLabel === item.id
            }"
            :style="getSwatchBackgroundStyle('155',item.id)"
                            @mouseenter.self="activeTooltipItem = {
                    attribute: '155',
                    item: item.id,
                    index
                }; tooltipPositionElement = $event.target;"
                @mouseleave.self="activeTooltipItem = false"
                    >
            <input
                :id="$id('attribute-option-37577-'+item.id)"
                :value="item.id"
                name="super_attribute[155]"
                type="radio"
                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
                style="z-index:-1"
                x-on:focus="focusLabel(item.id)"
                x-on:blur="blurLabel()"
                x-on:change="changeOption(155, $event.target.value)"
                x-on:click="clearOptionIfActive(155, item.id)"
                x-model="selectedValues[155]"
                :required="getAllowedAttributeOptions(155).filter(
                    attributeOption => selectedValues[attributeOption]
                ).length === 0"
                :aria-label="getSwatchText(155, item.id)"
                aria-describedby="attribute-label-37577-155"
            >
            <template x-if="isTextSwatch(155, item.id)">
                <div
                    x-html="getSwatchText(155, item.id)"
                    class="pointer-events-none select-none whitespace-nowrap"
                    aria-hidden="true"
                ></div>
            </template>
        </label>
    </template>

    <template x-if="optionIsEnabled(155, item.id) && !optionIsActive(155, item.id)">
        <div
            class="relative border-2 shadow-sm opacity-50 cursor-pointer select-none border-gray-300 swatch-option bg-white"
            :class="{
                                                        'w-6 h-6' : !isTextSwatch(155, item.id),
                                                    }"
            :style="getSwatchBackgroundStyle('155',item.id)"
        >
            <div x-html="getSwatchText(155, item.id)"
                 class="whitespace-nowrap"
                 :class="{ 'sr-only' : !isTextSwatch(155, item.id) }"
            ></div>
            <svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
                <line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
            </svg>
        </div>
    </template>
</div>
                    </template>
                </div>
            </div>
        </div>
            </div>
            <template x-if="isTooltipVisible()">
    <div class="absolute pointer-events-none select-none"
         :style="getTooltipPosition()"
    >
        <div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
                :class="{'-translate-x-5' : isFirstItemCol()}"
        >
        <template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
            <div class="inline-block border shadow-sm border-gray-300"
                    :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
            ></div>
        </template>
            <span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
                    x-html="getTooltipLabel()"
            ></span>
        </div>
        <div class="absolute z-10 w-3 h-3 bg-white origin-top-left rotate-45 translate-x-4 -translate-y-8 shadow-xl" aria-hidden="true"></div>
    </div>
</template>
    </div>
<script>
    function initMpConfigurableSwatchOptions_37577() {
        var base = typeof window.initConfigurableSwatchOptions_37577 === 'function'
            ? window.initConfigurableSwatchOptions_37577()
            : {};

        return Object.assign({}, base, {
            preselectQuerystringItems: function () {
                var params = new URLSearchParams(window.location.search.replace('?', ''));
                this.preselectItemsBasedOnLocation(function (attribute) {
                    var val = params.get(attribute.code);
                    return val && val.indexOf(',') === -1 ? val : null;
                });
            }
        });
    }
</script>
        
        
        
        <div class="pt-1"
             x-data="initPriceBox()"
             x-defer="intersect"
             @update-prices-37577.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="37577" data-price-box="product-id-37577">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D37577']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D37577')"                data-price-amount="134.9"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">134,90 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D37577']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D37577')"                data-price-amount="149.9"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">149,90 €</span></span>
        </span>
    </span>

</div>        </div>

        <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
            ">
                                            <button
                    class="btn btn-primary text-sm me-auto"
                    aria-label="Aggiungi&#x20;al&#x20;carrello&#x20;Calvin&#x20;Klein&#x20;Donna&#x20;Abitino&#x20;Manica&#x20;Lunga&#x20;Girocollo&#x20;Tinta&#x20;Unita"
                    data-addto="cart"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>
                    <span class="inline md:hidden lg:inline">
                        Aggiungi al carrello                    </span>
                </button>
				
                
                        
        </div>
    </div>
</form>
                            </div>
                    </div>
    </div>