"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3704,4566],{38695:(n,e,t)=>{t.r(e),t.d(e,{default:()=>F});var r,i,o,a,c,l,u=t(87462),d=t(45987),m=t(29439),s=(t(92087),t(57327),t(26699),t(32023),t(47042),t(26833),t(21249),t(67294)),f=t(26793),p=t(63742),g=t(77410),h=t(77862),v=t(30168),b=t(85664),w=t(54882),y=t(50693),x=t(51062),E=t(71893),C=(0,E.ZP)(b.C)(r||(r=(0,v.Z)(["\n  width: max-content;\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  padding: 0.25rem 0.5rem;\n  flex-direction: ",";\n\n  &.flag-trending {\n    display: none;\n  }\n"])),(function(n){return n.isRight?"row-reverse":"row"})),P=(0,E.ZP)(w.J)(i||(i=(0,v.Z)(["\n  z-index: 2;\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  top: calc(100% + 0.5rem);\n"]))),Z=(0,E.ZP)(y.z)(o||(o=(0,v.Z)(["\n  padding: unset;\n  align-items: start;\n  &:hover {\n    background-color: white;\n  }\n  &:focus {\n    border: none;\n  }\n"]))),k=E.ZP.p(a||(a=(0,v.Z)(["\n  &&& {\n    margin-bottom: unset;\n  }\n"]))),O=E.ZP.span(c||(c=(0,v.Z)(["\n  ",";\n  color: ",";\n  background: transparent;\n"])),x.g.captionBold,(function(n){return n.color}));!function(n){n[n.RIGHT=0]="RIGHT",n[n.LEFT=1]="LEFT"}(l||(l={}));var N=t(4942),A=(t(92222),t(53397)),I=t(22981),S=t(30305),j="opened",T="closed";const L=function(n){var e=n.children,t=n.contentPopover,r=(0,I.EB)(S.B.desktop),i=(0,s.useState)(!1),o=(0,m.Z)(i,2),a=o[0],c=o[1],l=function(n,e){n.stopPropagation(),n.preventDefault(),e===j&&c(!0),e===T&&c(!1)};return s.createElement("div",null,s.createElement("span",(0,u.Z)({},!r&&{onClick:function(n){return l(n,j)}},r&&{onMouseEnter:function(){return c(!a)},onMouseLeave:function(){return c(!a)}}),e),s.createElement(P,{noArrow:!0,active:a,"data-testid":"popover"},s.createElement(k,null,t),!r&&s.createElement(Z,{ghost:!0,icon:!0,onClick:function(n){return l(n,T)}},s.createElement(p.J,{small:!0,icon:"remove"}))))};var R=["icon","iconPosition","textColor"],D=["text","popoverText"];const F=function(n){var e=n.flags,t=n.typeListing,r=n.amountDiscountCart,i=n.campaignStyle,o=n.isInPriorityCampaign,a=void 0!==o&&o,c=(0,f.$)(),v=(0,m.Z)(c,1)[0],b=a&&(null===i||void 0===i?void 0:i.flag)&&t!==h.IL.CAMPAIGNS,w=(0,s.useCallback)((function(n,e){var t=[g.WN.PROMO];return(e===h.IL.CAMPAIGNS?n.filter((function(n){return!t.includes(n)})):n).filter((function(n){return Object.values(g.WN).includes(n)})).slice(0,b?1:2)}),[b]),y=function(n){var e=n.flag,t=n.text,r=n.labelAttributes,i=r.icon,o=r.iconPosition,a=r.textColor,c=(0,d.Z)(r,R);return s.createElement(C,(0,u.Z)({},c,{isRight:o===l.RIGHT,className:"flag-".concat(e.toLowerCase())}),i&&s.createElement(p.J,{icon:i,fill:a,small:!0}),s.createElement(O,{color:a},t))};return s.createElement(s.Fragment,null,b&&s.createElement(C,{key:i.flag,bgColor:null===i||void 0===i?void 0:i.primaryColor,textColor:null===i||void 0===i?void 0:i.secondaryColor,isRight:!1},s.createElement(O,{color:null===i||void 0===i?void 0:i.secondaryColor},i.flag)),w(e,t).map((function(n){var e=function(n,e,t){var r=A.n.light.colors,i={discountCart:t("product.label.discountCart"),digital:t("product.label.digital"),freeShipping:t("product.label.freeShipping"),isNew:t("product.label.isNew"),promotion:t("product.label.promotion"),refurbished:t("product.label.refurbished"),refurbishedSemiNew:t("product.label.refurbishedSemiNew"),refurbishedLikeNew:t("product.label.refurbishedLikeNew"),refurbishedFunctional:t("product.label.refurbishedFunctional"),sponsored:t("product.label.sponsored"),pcChoice:"Trending",pcRecommended:t("product.label.recommended"),clearance:t("product.label.clearance")},o=i.discountCart,a=i.digital,c=i.freeShipping,u=i.isNew,d=i.promotion,m=i.refurbished,s=i.refurbishedSemiNew,f=i.refurbishedLikeNew,p=i.refurbishedFunctional,h=i.sponsored,v=i.pcChoice,b=i.pcRecommended,w=i.clearance;return function(n){var i;return(i={},(0,N.Z)(i,g.WN.DISCOUNT_CART,{text:"-".concat(e,"€ ").concat(o),textColor:r.brand.main,bgColor:r.brand.main,outline:!0}),(0,N.Z)(i,g.WN.DIGITAL,{text:a,textColor:r.secondary.main,bgColor:r.secondary.main,outline:!0}),(0,N.Z)(i,g.WN.FREE_SHIPPING,{text:c,textColor:r.success.main,bgColor:r.success.main,outline:!0}),(0,N.Z)(i,g.WN.NEW,{text:u,textColor:r.secondary.main,bgColor:r.secondary.main,outline:!0}),(0,N.Z)(i,g.WN.PROMO,{text:d,textColor:r.brand.dark,bgColor:r.brand.dark,outline:!0}),(0,N.Z)(i,g.WN.REFURBISHED,{text:m,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,N.Z)(i,g.WN.REFURBISHED_FUNCTIONAL,{text:p,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,N.Z)(i,g.WN.REFURBISHED_LIKE_NEW,{text:f,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,N.Z)(i,g.WN.REFURBISHED_SEMI_NEW,{text:s,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,N.Z)(i,g.WN.SPONSORED,{text:h,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,N.Z)(i,g.WN.PCCHOICE,{text:v,icon:"interface_information",textColor:r.white,bgColor:"linear-gradient(90deg, #FF6000 0%, #FFA90D 138.43%)",outline:!1,iconPosition:l.RIGHT,popoverText:t("product.card.flags.pcchoice.popoverText")}),(0,N.Z)(i,g.WN.RECOMMENDATION,{text:b,icon:"interface_information",textColor:r.white,bgColor:r.brandBlue.main,outline:!1,iconPosition:l.RIGHT,popoverText:t("product.card.flags.pcrecommended.popoverText")}),(0,N.Z)(i,g.WN.CLEARANCE,{text:w,textColor:r.black,bgColor:r.warning.main,outline:!1}),i)[n]||{text:null}}(n)}(n,r,v),t=e.text,i=e.popoverText,o=(0,d.Z)(e,D);return s.createElement(s.Fragment,{key:n},t&&s.createElement(s.Fragment,null,i?s.createElement(L,{contentPopover:i},y({flag:n,text:t,labelAttributes:o})):y({flag:n,text:t,labelAttributes:o})))})))}},14973:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var r,i=t(87462),o=t(45987),a=(t(68309),t(67294)),c=t(30168),l=t(71893),u=t(42347),d=(0,l.ZP)(u.r)(r||(r=(0,c.Z)(["\n  align-items: flex-start;\n  z-index: 0;\n"]))),m=["children","article","options","isAlgoliaLink","queryId","dataList"],s=function(n){var e,t=n.children,r=n.article,c=n.options,l=n.isAlgoliaLink,u=void 0!==l&&l,s=n.queryId,f=void 0===s?"":s,p=n.dataList,g=(0,o.Z)(n,m);return a.createElement(d,(0,i.Z)({},g,{"data-adtype":r.adType||void 0,"data-adhash":r.adHash||void 0,"data-adid":r.adId||void 0,"data-adid-load":r.adIdLoad||void 0,"data-adid-view":r.adIdView||void 0,"data-adid-basket":r.adIdBasket||void 0,"data-adunique":r.adUnique||void 0,"data-product-name":r.name||void 0,"data-product-id":r.id||void 0,"data-product-price":String(r.originalPrice||void 0),"data-product-total-discount":String(r.discount||0),"data-product-brand":r.brandName||void 0,"data-product-category":r.familyName||void 0,"data-product-stock-web":String((null===(e=r.delivery)||void 0===e?void 0:e.availabilityCode)||void 0),"data-product-list":p,"data-product-position":c.loop,"data-eec-action":c.eccAction},u&&{"data-algolia-position":c.loop+1},""!==f&&{"data-algolia-queryid":f},u&&"objectId"in r&&r.objectId&&{"data-algolia-objectid":r.objectId}),t)};const f=a.memo(s)},76644:(n,e,t)=>{var r;t.d(e,{Z:()=>r}),function(n){n.IMPRESSION="impression"}(r||(r={}))},55145:(n,e,t)=>{t.d(e,{Z:()=>p});var r,i,o=t(29439),a=t(67294),c=t(26793),l=t(3323),u=t(30168),d=t(71893),m=t(7730),s=d.ZP.div(r||(r=(0,u.Z)(["\n  display: flex;\n  margin-bottom: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),f=((0,d.ZP)(m.Z)(i||(i=(0,u.Z)(["\n  display: flex;\n"]))),function(n){var e=n.opinionAmount,t=n.rating,r=n.type,i=n.className,u=(0,c.$)(),m=(0,o.Z)(u,1)[0],f=(0,d.Fg)(),p=a.useMemo((function(){return 2===r&&"(".concat(e,")")||m("valoration.amount",{text:e})}),[r,e,m]);return a.createElement(s,{className:i},a.createElement(l.i,{opinionText:p,rating:t,type:r,fill:f.colors.warning.main}))});f.displayName="Rating";const p=a.memo(f)},27826:(n,e,t)=>{t.d(e,{t:()=>i});var r=t(67294),i=function(n){var e=n.price,t=n.numberFormatLocale,i=void 0===t?"de-DE":t,o=new Intl.NumberFormat(i);return r.createElement(r.Fragment,null,o.format(e),"€")}},13704:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Kn});var r=t(67294),i=t(22981),o=t(63742),a=t(82277),c=t(26793),l=t(71893),u=t(77410),d=t(27826),m=t(38695),s=t(51062),f=t(30305),p=t(7730),g=t(50693),h=t(85664),v=t(55145),b=t(14973);function w(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function y(){var n=w(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: white;\n  border-radius: 4px;\n\n  @media (min-width: 51em) {\n    width: 100%;\n    justify-content: space-between;\n    flex-direction: row;\n  }\n"]);return y=function(){return n},n}function x(){var n=w(["\n  width: 100%;\n  min-height: 10.625rem;\n  display: flex;\n  flex-direction: column;\n  @media (min-width: 51em) {\n    min-height: 100%;\n    width: 70%;\n    padding: "," 0;\n  }\n"]);return x=function(){return n},n}function E(){var n=w(["\n  display: block;\n  ",";\n  margin-bottom: ",";\n  max-height: 3.75rem;\n  --max-lines: 2;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--max-lines);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-decoration: none;\n"]);return E=function(){return n},n}function C(){var n=w(["\n  width: 9.375rem;\n  min-width: 9.375rem;\n  height: 9.375rem;\n\n  padding: ",";\n"]);return C=function(){return n},n}function P(){var n=w(["\n  width: 100%;\n  position: relative;\n  height: fit-content;\n  display: flex;\n  justify-content: center;\n  margin-bottom: ",";\n  "," {\n    margin-bottom: 0;\n    width: 30%;\n    min-width: 10rem;\n  }\n"]);return P=function(){return n},n}function Z(){var n=w(["\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 95%;\n  position: absolute;\n  left: 0;\n  bottom: ",";\n  gap: ",";\n"]);return Z=function(){return n},n}function k(){var n=w(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ",";\n  flex-wrap: wrap;\n"]);return k=function(){return n},n}function O(){var n=w(["\n  ",";\n  "," {\n    ",";\n  }\n  white-space: nowrap;\n\n  &&& {\n    margin-top: 0;\n  }\n"]);return O=function(){return n},n}function N(){var n=w(["\n  ",";\n  color: ",";\n  display: inline-block;\n  margin-bottom: ",";\n"]);return N=function(){return n},n}function A(){var n=w(["\n  ",";\n  color: ",";\n  margin-right: ",";\n"]);return A=function(){return n},n}function I(){var n=w(["\n  ",";\n  color: ",";\n  text-decoration: line-through;\n  white-space: nowrap;\n  line-height: 1.45rem;\n"]);return I=function(){return n},n}function S(){var n=w(["\n  color: ",";\n  margin-right: ",";\n"]);return S=function(){return n},n}function j(){var n=w(["\n  margin: ",";\n"]);return j=function(){return n},n}function T(){var n=w(["\n      color: ",";\n    "]);return T=function(){return n},n}function L(){var n=w(["\n  display: block;\n  ",";\n  margin-bottom: ",";\n\n  ","\n"]);return L=function(){return n},n}function R(){var n=w(["\n  margin-bottom: ",";\n  display: -webkit-box;\n  max-height: 5.25rem;\n  --lines: 4;\n  -webkit-line-clamp: var(--lines);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"]);return R=function(){return n},n}function D(){var n=w(["\n  justify-content: center;\n  padding: 0;\n  margin-bottom: ",";\n  width: 100%;\n  margin-top: auto;\n  @media (min-width: 51em) {\n    width: fit-content;\n    padding: 0 ",";\n  }\n"]);return D=function(){return n},n}function F(){var n=w(["\n  margin-top: 0;\n"]);return F=function(){return n},n}function W(){var n=w(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  padding: 0;\n  border: ",";\n  > span {\n    margin: ",";\n  }\n  @media (min-width: 51em) {\n    top: ",";\n  }\n"]);return W=function(){return n},n}var _=l.ZP.div(y()),z=l.ZP.div(x(),(function(n){return n.theme.spacing.spacing02})),B=(0,l.ZP)(b.default)(E(),s.g.body2Regular,(function(n){return n.theme.spacing.spacing01})),H=l.ZP.img(C(),(function(n){return n.theme.spacing.spacing02})),M=l.ZP.div(P(),(function(n){return n.theme.spacing.spacing02}),f.B.desktop),$=l.ZP.div(Z(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing005})),U=l.ZP.div(k(),(function(n){return n.theme.spacing.spacing01})),G=(0,l.iv)(O(),s.g.body1Bold,f.B.desktop,s.g.header.h3),q=l.ZP.span(N(),G,(function(n){return n.theme.colors.black}),(function(n){return n.theme.spacing.spacing01})),J=l.ZP.span(A(),G,(function(n){return n.theme.colors.danger.main}),(function(n){return n.theme.spacing.spacing01})),K=l.ZP.span(I(),s.g.body2Regular,(function(n){return n.theme.colors.environment.percent40})),V=(0,l.ZP)(p.Z)(S(),(function(n){return n.theme.colors.environment.percent40}),(function(n){return n.theme.spacing.spacing005})),Q=(0,l.ZP)(p.Z)(j(),(function(n){var e=n.theme;return"".concat(e.spacing.spacing005," 0 0 0")})),X=(l.ZP.span(L(),s.g.captionRegular,(function(n){return n.theme.spacing.spacing02}),(function(n){var e=n.theme;return"immediate"===n.type&&(0,l.iv)(T(),e.colors.success.main)})),l.ZP.div(R(),(function(n){return n.theme.spacing.spacing02})),(0,l.ZP)(g.z)(D(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing03}))),Y=(0,l.ZP)(v.Z)(F()),nn=(0,l.ZP)(h.C)(W(),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," solid ").concat(e.colors.danger.main)}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," ").concat(e.spacing.spacing005)}),(function(n){return n.theme.spacing.spacing02})),en=t(76644),tn=t(55285);function rn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function on(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function an(n,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):function(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})),n}function cn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,i,o=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(n){c=!0,i=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw i}}return o}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return rn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return rn(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const ln=function(n){var e,t,i=n.article,o=n.isTablet,a=n.domain,s=n.onAddToCart,f=cn((0,c.$)(),1)[0],p=(0,l.Fg)(),g=i.name,h=i.images,v=i.ratingAvg,b=i.ratingCount,w=i.promotionalPrice,y=i.recommendedPrice,x=i.bestPrice,E=i.isPCC,C=i.originalPrice,P=i.flags,Z=i.discountInCart,k=i.discount,O=y&&w&&y>=w,N=!O&&x&&E,A=(P||[]).filter((function(n){return n!==u.WN.RECOMMENDATION})),I={listName:"",loop:1,eccAction:en.Z.IMPRESSION},S=an(function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),r.forEach((function(e){on(n,e,t[e])}))}return n}({},i),{adIdBasket:void 0}),j=g.length>50?"".concat(g.slice(0,50),"..."):g;return r.createElement(_,null,r.createElement(M,null,r.createElement(H,{title:g,alt:g,src:o?null===h||void 0===h||null===(e=h.large)||void 0===e?void 0:e.path:null===h||void 0===h||null===(t=h.medium)||void 0===t?void 0:t.path,loading:"lazy"}),P&&P.length>0?r.createElement($,null,r.createElement(m.default,{amountDiscountCart:Z||0,flags:A})):r.createElement(r.Fragment,null),!!k&&r.createElement(nn,{bold:!0,bgColor:p.colors.danger.main,textColor:p.colors.white,isolated:!0},r.createElement("span",null," -",k,"%"))),r.createElement(z,null,r.createElement(B,{article:S,options:I,href:(0,tn.KA)(a,i.slug),title:j,dataList:"ad flagship"},j),w&&(w<C||O)?r.createElement(U,null,r.createElement("div",null,r.createElement(J,null,r.createElement(d.t,{price:w})),O&&r.createElement(V,{typo:"body2Regular"},f("product.pvpr")),r.createElement(K,null,r.createElement(d.t,{price:O&&Number(y).valueOf()||C}))),N&&r.createElement(Q,{typo:"captionRegular"},f("product.card.bestPrice")," ",r.createElement(d.t,{price:Number(x).valueOf()}))):r.createElement(q,null,r.createElement(d.t,{price:C})),0!==v&&b&&r.createElement(Y,{opinionAmount:b,rating:2*v,type:2}),r.createElement(X,{onClick:function(n){return s({event:n,article:i})},"data-adtype":i.adType||void 0,"data-adunique":i.adUnique||void 0,"data-adid-basket":i.adIdBasket||void 0},f("productDetail.buyBox.AddToCart"))))};function un(){var n,e,t=(n=["\n  flex-basis: 100%;\n  position: relative;\n  height: 100%;\n  min-height: 23.125rem;\n  width: 8rem;\n  min-width: 15.5rem;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  margin-right: ",";\n  padding: ",";\n\n  @media (min-width: 51em) {\n    border: 3px solid blue;\n    width: 100%;\n    min-width: 100%;\n    min-height: 100%;\n    place-self: center;\n    margin-right: 0;\n    padding: 0.313rem\n      ","\n      0 3.125rem;\n    border: 0;\n  }\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return un=function(){return t},t}var dn=l.ZP.div(un(),(function(n){return n.$oneArticle?"0":function(n){return n.theme.spacing.spacing02}}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.$oneArticle?"3.125rem":function(n){return n.theme.spacing.spacing02}}));const mn=function(n){var e=n.article,t=n.isTablet,i=n.currentStep,o=n.oneArticle,a=n.domain,c=n.onAddToCart;return r.createElement(dn,{$oneArticle:o,key:e.id},r.createElement(ln,{article:e,isTablet:t,currentStep:i,domain:a,onAddToCart:c}))};function sn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function fn(){var n=sn(["\n  display: flex;\n  overflow-x: auto;\n  overflow-y: hidden;\n  width: 100%;\n\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n  scrollbar-color: transparent;\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    width: 10px;\n    height: 10px;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"]);return fn=function(){return n},n}function pn(){var n=sn(["\n  position: relative;\n  max-width: 100%;\n  margin: ",";\n  @media (min-width: 51em) {\n    margin: 0;\n  }\n"]);return pn=function(){return n},n}function gn(){var n=sn(["\n  display: none;\n  padding: 0 ",";\n  position: absolute;\n  z-index: 10;\n  top: 40%;\n  left: 10px;\n  opacity: 0.5;\n  :hover {\n    opacity: 1;\n    background: ",";\n    border: 1px solid ",";\n  }\n  @media (min-width: 51em) {\n    display: flex;\n  }\n"]);return gn=function(){return n},n}function hn(){var n=sn(["\n  display: none;\n  padding: 0 ",";\n  position: absolute;\n  z-index: 10;\n  right: -2px;\n  opacity: 0.5;\n  margin-right: ",";\n  top: 40%;\n  :hover {\n    opacity: 1;\n    background: ",";\n    border: 1px solid ",";\n  }\n  @media (min-width: 51em) {\n    display: flex;\n  }\n  "," {\n    margin-right: ",";\n  }\n"]);return hn=function(){return n},n}function vn(){var n=sn(["\n  display: flex;\n  justify-content: center;\n  list-style-type: none;\n  margin: ",";\n"]);return vn=function(){return n},n}function bn(){var n=sn(["\n  width: 0.625rem;\n  height: 0.625rem;\n  margin: ",";\n  border-radius: 50%;\n  background: ",";\n  border: ",";\n"]);return bn=function(){return n},n}var wn=l.ZP.div(fn()),yn=l.ZP.div(pn(),(function(n){return n.theme.spacing.spacing01})),xn=(0,l.ZP)(g.z)(gn(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.environment.percent20})),En=(0,l.ZP)(g.z)(hn(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.environment.percent20}),f.B.tabletLandscape,(function(n){return n.theme.spacing.spacing02})),Cn=l.ZP.ul(vn(),(function(n){return n.theme.spacing.spacing01})),Pn=l.ZP.li(bn(),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing005)}),(function(n){var e=n.isSelected,t=n.theme;return e?t.colors.environment.percent20:t.colors.white}),(function(n){var e=n.theme;return"0.06rem solid ".concat(e.colors.environment.percent20)}));function Zn(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function kn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,i,o=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(n){c=!0,i=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw i}}return o}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return Zn(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Zn(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const On=function(n){var e,t=n.articles,c=n.domain,l=n.onAddToCart,u=kn((0,r.useState)({current:null}),2),d=u[0],m=u[1],s=(0,r.useRef)(null),f=kn((0,r.useState)(0),2),p=f[0],g=f[1],h=(0,i.EB)("@media (min-width: 51em)"),v=(0,a.oN)({sliderRef:d,resizeElementRef:s,scrollSize:h?(null===(e=d.current)||void 0===e?void 0:e.offsetWidth)||0:255}).handleSlide,b=(0,r.useCallback)((function(n){null!==n&&m({current:n})}),[]),w=function(n){if(d.current){var e=d.current.offsetWidth;d.current.scrollLeft=e*p,v(n),h&&n===a.I.next&&g(p+1),h&&n===a.I.prev&&g(p+-1)}};(0,r.useEffect)((function(){var n,e=function(){if(d.current){var n=d.current,e=n.scrollLeft,t=n.offsetWidth,r=h?t:255,i=Math.round(e/r);g(i)}};return null===(n=d.current)||void 0===n||n.addEventListener("scroll",e),function(){var n;return null===(n=d.current)||void 0===n?void 0:n.removeEventListener("scroll",e)}}),[p,h,d]),(0,r.useEffect)((function(){if(h){var n=function(){if(d.current){var n=d.current.offsetWidth;d.current.scrollLeft=n*p}};return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}}}),[t.length,p,v,h,d]);var y=t.length>1,x=p<t.length-1&&y,E=p>0&&y;return r.createElement(r.Fragment,null,r.createElement(yn,{ref:b},E&&r.createElement(xn,{onClick:function(){return w(a.G6.prev)},secondary:!0},r.createElement(o.J,{icon:"chevron_left"})),r.createElement(wn,{ref:d},t.slice(0,6).map((function(n){return r.createElement(mn,{key:n.id,article:n,isTablet:h,currentStep:p,oneArticle:1===t.length,domain:c,onAddToCart:l})}))),!h&&r.createElement(Cn,null,t.map((function(n,e){return r.createElement(Pn,{key:"bullet-".concat(e),isSelected:p===e})}))),x&&r.createElement(En,{onClick:function(){return w(a.G6.next)},secondary:!0},r.createElement(o.J,{icon:"chevron_right"}))))};var Nn=t(38770);function An(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function In(){var n=An(["\n  ","\n"]);return In=function(){return n},n}function Sn(){var n=An(["\n  display: flex;\n  height: 100%;\n  ","\n  width: ",";\n  margin: ",";\n  padding: 0 5px;\n  @media (min-width: 51em) {\n    width: ",";\n    flex-direction: row;\n    margin: ",";\n  }\n  @media (min-width: 100em) {\n    width: 100%;\n    margin: ",";\n  }\n"]);return Sn=function(){return n},n}function jn(){var n=An(["\n  width: 100%;\n  max-width: 100%;\n  display: flex;\n  flex: 1 0 0;\n"]);return jn=function(){return n},n}function Tn(){var n=An(["\n  max-width: 100%;\n  padding: 0;\n  margin: 0;\n\n  @media (min-width: 51em) {\n  }\n"]);return Tn=function(){return n},n}function Ln(){var n=An(["\n  display: flex;\n  flex: 1 0 0;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid #ccc;\n\n  @media (min-width: 51em) {\n    height: 12.5rem;\n    width: 100%;\n    flex-direction: row;\n    align-items: flex-start;\n    overflow: hidden;\n  }\n"]);return Ln=function(){return n},n}function Rn(){var n=An(["\n  height: auto;\n  max-height: 12.5rem;\n  width: 100%;\n  overflow: hidden;\n  text-decoration: none;\n\n  @media (min-width: 51em) {\n    width: 100%;\n    max-width: 36rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"]);return Rn=function(){return n},n}function Dn(){var n=An(["\n  display: none;\n\n  @media (min-width: 51em) {\n    display: initial;\n    width: auto;\n    height: auto;\n    max-height: 100%;\n  }\n"]);return Dn=function(){return n},n}function Fn(){var n=An(["\n  width: 100%;\n  height: auto;\n  max-height: 100%;\n\n  @media (min-width: 51em) {\n    display: none;\n  }\n"]);return Fn=function(){return n},n}function Wn(){var n=An(["\n  width: 100%;\n  display: flex;\n  flex: 1 0 0;\n  flex-direction: column;\n\n  @media (min-width: 51em) {\n    height: 12.5rem;\n    width: auto;\n    min-width: 50%;\n    place-content: center;\n  }\n"]);return Wn=function(){return n},n}var _n=function(n,e){return n>20?5:Math.floor(n/e)+2},zn=(0,l.iv)(In(),(function(n){var e=n.$productsNumber;return"width: 100%;\n    grid-column: 1 / -1;\n    grid-row: ".concat(_n(e,2),";\n\n    @media (min-width: 51em) {\n      grid-row: ").concat(_n(e,3),";\n    }\n\n    ").concat(f.B.tabletLandscape," {\n      display: block;\n      grid-row: ").concat(_n(e,4),";\n    }\n\n    ").concat(f.B.desktop," {\n      display: block;\n      grid-row: ").concat(_n(e,3),";\n    }\n\n    @media (min-width: 85em) {\n      grid-row: ").concat(_n(e,4),";\n    }\n\n    @media (min-width: 101.5em) {\n      grid-row: ").concat(_n(e,5),";\n    }\n  ")})),Bn=l.ZP.div(Sn(),(function(){return zn}),(function(n){return n.$isHome?"92%":"100%"}),(function(n){return n.$isHome?"0 auto 2rem auto":"0 -5px 1rem -5px"}),(function(n){return n.$isHome?"94%":"100%"}),(function(n){return n.$isHome?"0 auto 4rem auto":"0"}),(function(n){return n.$isHome?"0 0 4rem 0":"0"})),Hn=l.ZP.div(jn()),Mn=(0,l.ZP)(Nn.W)(Tn()),$n=l.ZP.div(Ln()),Un=l.ZP.a(Rn()),Gn=l.ZP.img(Dn()),qn=l.ZP.img(Fn()),Jn=l.ZP.div(Wn());const Kn=function(n){var e=n.banner,t=n.articles,i=n.quantityProducts,o=n.domain,a=n.onAddToCart,c=n.isHome;return(null===t||void 0===t?void 0:t.length)>0&&r.createElement(Bn,{$productsNumber:i,$isHome:c,className:"flagship-ad"},r.createElement(Hn,null,r.createElement(Mn,null,r.createElement($n,null,r.createElement(Un,{href:e.link,"data-adtype":e.adType,"data-adid":e.adId,"data-adid-load":e.adIdLoad,"data-adid-view":e.adIdView},r.createElement(Gn,{src:e.desktop,alt:"retail media image desktop"}),r.createElement(qn,{src:e.mobile,alt:"retail media image mobile"})),r.createElement(Jn,null,r.createElement(On,{articles:t,domain:o,onAddToCart:a}))))))||r.createElement(r.Fragment,null)}}}]);
//# sourceMappingURL=3704.js.map