a:4:{s:4:"hash";s:0:"";s:5:"mtime";i:1791043274;s:6:"expire";i:1791046874;s:4:"tags";s:49:"de9_CAT_P_28697,de9_CAT_P,de9_BLOCK_HTML,de9_MAGE";}
a:2:{s:8:"policies";a:1:{i:0;a:3:{s:2:"id";s:10:"script-src";s:5:"hosts";a:0:{}s:6:"hashes";a:0:{}}}s:4:"html";s:30351:"
<form method="post"
    action="https://www.fadelux.it/checkout/cart/add/uenc/%25uenc%25/product/28697/"
    class="item product product-item product_addtocart_form card card-interactive grow flex flex-col w-full "
                                        data-sku="p_33327927_J30J325927"
            >
    <input name="form_key" type="hidden" value="ruR5Okzo85PeGjQe" />    <input type="hidden" name="product" value="28697">
        	 <div class="product_image_section">
            <a href="https://www.fadelux.it/calvin-klein-felpa-garzata-cappuccio-chiuso-tinta-unita-uomo.html"
            title="Calvin&#x20;Klein&#x20;Felpa&#x20;Garzata&#x20;Cappuccio&#x20;Chiuso&#x20;Tinta&#x20;Unita&#x20;Uomo"
            class="product photo product-item-photo block mx-auto mb-3 "
            tabindex="-1"
        >
            <img
    src="https://www.fadelux.it/media/catalog/product/cache/67ee89799642c567a71fc92f3699d937/p/_/p_33327927n0_immagini_articoli_6981_8057163672331_hd_0000_6.jpg"
    width="360"
    height="360"
    alt="Calvin&#x20;Klein&#x20;Felpa&#x20;Garzata&#x20;Cappuccio&#x20;Chiuso&#x20;Tinta&#x20;Unita&#x20;Uomo"
    class="product-image-photo"
            loading="lazy"
        x-data="initProductItemImage"
    @update-gallery-28697.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-felpa-garzata-cappuccio-chiuso-tinta-unita-uomo.html"
            >
                Calvin Klein Felpa Garzata Cappuccio Chiuso Tinta Unita Uomo            </a>
        </div>

                <div class="py-1 mx-auto ">
                <div
        role="img"
        class="rating-summary"
        aria-label="Calvin&#x20;Klein&#x20;Felpa&#x20;Garzata&#x20;Cappuccio&#x20;Chiuso&#x20;Tinta&#x20;Unita&#x20;Uomo&#x20;rating.&#x20;0&#x20;out&#x20;of&#x20;5&#x20;stars"
    >
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
                                        </div>
        </div>
        
                    
    <script>
        function initConfigurableSwatchOptions_28697() {
            const configurableOptionsComponent = initConfigurableOptions(
                '28697',
                {"attributes":{"154":{"id":"154","code":"p_33327927n0_color","label":"Colore","options":[{"id":"45","label":"Nero","products":["28691","28692","28693","28694","28695"]},{"id":"52","label":"Royal","products":["28698","28699","28700","28701","28702"]}],"position":"0"},"155":{"id":"155","code":"p_33327927n0_size","label":"Taglia","options":[{"id":"420","label":"S","products":["28694","28701"]},{"id":"55","label":"M","products":["28693","28700"]},{"id":"421","label":"L","products":["28692","28699"]},{"id":"422","label":"XL","products":["28695","28702"]},{"id":"424","label":"2XL","products":["28691","28698"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"28691":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28692":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28693":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28694":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28695":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28698":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28699":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28700":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28701":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}},"28702":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":106},"oldPrice":{"amount":106},"basePrice":{"amount":74.2},"finalPrice":{"amount":74.2}},"productId":"28697","chooseText":"Scegli una opzione...","images":[],"index":{"28691":{"154":"45","155":"424"},"28692":{"154":"45","155":"421"},"28693":{"154":"45","155":"55"},"28694":{"154":"45","155":"420"},"28695":{"154":"45","155":"422"},"28698":{"154":"52","155":"424"},"28699":{"154":"52","155":"421"},"28700":{"154":"52","155":"55"},"28701":{"154":"52","155":"420"},"28702":{"154":"52","155":"422"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"28691":"p_33327927_J30J325927_48_1566_2XL","28692":"p_33327927_J30J325927_48_1566_L","28693":"p_33327927_J30J325927_48_1566_M","28694":"p_33327927_J30J325927_48_1566_S","28695":"p_33327927_J30J325927_48_1566_XL","28698":"p_33327927_J30J325927_48_1628_2XL","28699":"p_33327927_J30J325927_48_1628_L","28700":"p_33327927_J30J325927_48_1628_M","28701":"p_33327927_J30J325927_48_1628_S","28702":"p_33327927_J30J325927_48_1628_XL"},"label_config":{"labels":{"28691":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28692":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28693":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28694":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28695":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28698":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28699":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28700":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28701":{"top:0; left:0;":{"labels":[{"label":"-30%","background_color":"#ff0000"}]}},"28702":{"top:0; left:0;":{"labels":[{"label":"-30%","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_6981_8057163672331_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_6981_8057163672331_hd_0000.jpg","label":"Nero"},"52":{"type":2,"value":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/e6ff421fc4529233adbd59535b511bb6\/p\/_\/p_33327927n0_immagini_articoli_6981_8720639107094_hd_0000.jpg","thumb":"https:\/\/www.fadelux.it\/media\/catalog\/product\/cache\/1f52cad7f867e6ab38ea8958d27dc24c\/p\/_\/p_33327927n0_immagini_articoli_6981_8720639107094_hd_0000.jpg","label":"Royal"},"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_28697()"
     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-28697-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-28697-'+item.id]">
    <template x-if="optionIsEnabled(154, item.id) && optionIsActive(154, item.id)">
        <label
            :for="$id('attribute-option-28697-'+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-28697-'+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-28697-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-28697-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-28697-'+item.id]">
    <template x-if="optionIsEnabled(155, item.id) && optionIsActive(155, item.id)">
        <label
            :for="$id('attribute-option-28697-'+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-28697-'+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-28697-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_28697() {
        var base = typeof window.initConfigurableSwatchOptions_28697 === 'function'
            ? window.initConfigurableSwatchOptions_28697()
            : {};

        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-28697.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="28697" data-price-box="product-id-28697">    <span class="normal-price">
<span
    x-data x-id="['product\u002Dprice\u002D28697']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">A partire da </span>
        <span  :id="$id('product\u002Dprice\u002D28697')"                data-price-amount="74.2"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">74,20 €</span></span>
        </span>
</span>

    <span class="old-price sly-old-price no-display">
        <span
    x-data x-id="['old\u002Dprice\u002D28697']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">Prezzo predefinito</span>
        <span  :id="$id('old\u002Dprice\u002D28697')"                data-price-amount="106"
        data-price-type="oldPrice"
        class="price-wrapper "
    ><span class="price">106,00 €</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;Felpa&#x20;Garzata&#x20;Cappuccio&#x20;Chiuso&#x20;Tinta&#x20;Unita&#x20;Uomo"
                    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>
";}