1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,869432,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"}),"ArrowBackIosNew")},68608,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"}),"ArrowForwardIos")},176738,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}),"Pause")},884835,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow")},622390,e=>{"use strict";var t=e.i(391398),a=e.i(760814),i=e.i(869432),o=e.i(68608),r=e.i(176738),n=e.i(884835),s=e.i(577609);let l=a.default.div.withConfig({displayName:"MediaControls__ControlBar",componentId:"sc-fd60050a-0"})` 2 position: absolute; 3 bottom: 20px; 4 right: 20px; 5 z-index: 5; 6 display: flex; 7 align-items: center; 8 gap: 5px; 9 10 ${s.default.tablet} { 11 bottom: 10px; 12 right: 0px; 13 width:100%; 14 /* prev / play-pause / next â centred row */ 15 justify-content:center; 16 17 /* Play/pause on its own (no slider arrows) â pinned bottom-right, 10px 18 in, instead of floating alone in the middle of the banner. The bar is 19 a full-width flex row here, so margin-left:auto pushes it right. */ 20 > :only-child { 21 margin-left: auto; 22 margin-right: 10px; 23 } 24 } 25`,d=a.default.button.withConfig({displayName:"MediaControls__ControlButton",componentId:"sc-fd60050a-1"})` 26 cursor: pointer; 27 width: 40px; 28 height: 40px; 29 /* No plate and no border (design request). The white glyph sits straight 30 on the footage, so the drop-shadow on the svg below is what keeps it 31 legible over pale frames (a sky, a light worktop) â WCAG 1.4.11 wants a 32 control to separate from its surroundings. Don't remove that shadow 33 without putting another backing in its place. */ 34 background: none; 35 border: none; 36 display: flex; 37 align-items: center; 38 justify-content: center; 39 padding: 0; 40 transition: opacity 0.2s ease; 41 &:hover:not(:disabled) { 42 backdrop-filter: blur(16px); 43 background: hsla(0, 0%, 100%, 0.14); 44 } 45 svg { 46 width: 24px; 47 height: 24px; 48 color: #fff; 49 filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.7)) 50 drop-shadow(0 1px 3px rgba(0, 0, 0, 0.55)); 51 transition: transform 0.2s ease; 52 } 53 54 55 &:disabled { 56 opacity: 0.3; 57 cursor: default; 58 pointer-events: none; 59 } 60 61 /* 2.4.7 Focus Visible. Two-tone on purpose: a single ring of either colour 62 fails on some footage â a dark ring vanishes over a night shot, a white 63 one over a bright sky. The white outline sits inside a dark halo, so one 64 of the two always separates from whatever is behind, the same belt-and- 65 braces approach as the site-wide rule in styles/globals.css. */ 66 &:focus-visible { 67 outline: 2px solid #ffffff; 68 outline-offset: 2px; 69 box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.65); 70 } 71 72 @media (max-width: 767px) { 73 width: 36px; 74 height: 36px; 75 svg { 76 width: 16px; 77 height: 16px; 78 } 79 } 80`;function p({playing:e,onToggle:a,label:i,className:o}){return(0,t.jsx)(d,{type:"button",className:o,onClick:a,"aria-label":e?`Pause ${i}`:`Play ${i}`,children:e?(0,t.jsx)(r.default,{"aria-hidden":"true"}):(0,t.jsx)(n.default,{"aria-hidden":"true"})})}function c({direction:e,onClick:a,label:r,className:n}){return(0,t.jsx)(d,{type:"button",className:n,onClick:a,"aria-label":r,children:"prev"===e?(0,t.jsx)(i.default,{fontSize:"small","aria-hidden":"true"}):(0,t.jsx)(o.default,{fontSize:"small","aria-hidden":"true"})})}e.s(["ControlBar",0,l,"PlayPauseButton",()=>p,"SliderArrowButton",()=>c])},46999,e=>{"use strict";var t=e.i(391398),a=e.i(760814),i=e.i(126019),o=e.i(577609);let r=(e,t)=>e&&e.width&&e.height?`${e.width} / ${e.height}`:t,n=a.default.picture.withConfig({displayName:"ResponsiveBanner__Picture",componentId:"sc-55ae0df-0"})` 81 display: block; 82 width: 100%; 83 84 img { 85 display: block; 86 width: 100%; 87 height: auto; 88 aspect-ratio: ${e=>e.$desktop}; 89 } 90 91 /* tablet: 768px - 990px */ 92 ${o.default.laptopS} { 93 img { 94 aspect-ratio: ${e=>e.$tablet}; 95 } 96 } 97 98 /* mobile: <= 767px (declared after laptopS so it wins at <=767) */ 99 ${o.default.tablet} { 100 img { 101 aspect-ratio: ${e=>e.$mobile}; 102 } 103 } 104`,s=(e,t,a,o)=>e&&e.src?(0,i.getImageProps)({...o,src:e.src,width:e.width||t,height:e.height||a}).props:null;e.s(["default",0,function({desktop:e,tablet:a,mobile:i,alt:o="newage banner",priority:l=!1,className:d,sizes:p="100vw",quality:c=75}){let h=e||i||a||{},u=a||e||i||{},f=i||e||a||{},m={alt:o,sizes:p,quality:c,priority:l},g=s(h,1920,1080,m),x=s(u,1152,1440,m),b=s(f,645,1046,m),{style:w,...v}=g||{};return(0,t.jsxs)(n,{className:d,$desktop:r(h,"16 / 9"),$tablet:r(u,"4 / 5"),$mobile:r(f,"645 / 1046"),children:[b&&(0,t.jsx)("source",{media:"(max-width: 767px)",srcSet:b.srcSet,sizes:p}),x&&(0,t.jsx)("source",{media:"(max-width: 990px)",srcSet:x.srcSet,sizes:p}),(0,t.jsx)("img",{...v,alt:o,style:{display:"block",width:"100%",height:"auto"}})]})}])},958678,(e,t,a)=>{t.exports=e.r(280963)},999644,e=>{"use strict";var t=e.i(191788);function a(){let e=(0,t.useRef)(null),[a,i]=(0,t.useState)(!0);return(0,t.useEffect)(()=>{window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches&&i(!1)},[]),(0,t.useEffect)(()=>{let t=e.current;if(!t)return;
104t.querySelectorAll("video").forEach(e=>{if(a){let t=e.play();t&&"function"==typeof t.catch&&t.catch(()=>{})}else e.pause()});let i=e=>{a||e.target.pause()};return t.addEventListener("play",i,!0),()=>t.removeEventListener("play",i,!0)},[a]),{hostRef:e,playing:a,toggle:()=>i(e=>!e)}}e.s(["default",()=>a])},766818,e=>{"use strict";let t={black:"#0a0a0a",offBlack:"#111111",charcoal:"#1a1a1a",darkGrey:"#242424",midGrey:"#3a3a3a",muted:"#6b6b6b",mutedOnLight:"#5d5d5d",silver:"#9e9e9e",light:"#d4d4d4",offWhite:"#f0ede8",white:"#ffffff",imageBg:"#ebebeb",rust:"#E22F2E",rustOnLight:"#C92A29",rustAlt:"#b0302f",blue:"#0C67E7",blueOnLight:"#0a56c4",blueHover:"#0a56c4",success:"#16a34a",infoBg:"#eef4ff",infoBorder:"#d6e4fb",surfaceAltLight:"#f5f5f5",surfaceSection:"#f0f0f0",surfacePlaceholder:"#d9d9d9",surfacePlaceholderDark:"#2e2e2e",seriesGridBg:"#0d0d0d",borderLight:"#e0e0e0",border2:"#e2e2e2",border3:"#e6e6e6",borderInput:"#d4d4d4",borderMuted:"#cfcfcf",borderWarm:"#d8d6d2",borderDark:"#242424",borderDark2:"#3a3a3a"},a={text:{primary:t.black,secondary:t.muted,tertiary:t.silver,onDark:t.white,onDarkMuted:t.light},bg:{base:t.white,altLight:t.surfaceAltLight,section:t.surfaceSection,dark:t.black},border:{light:t.borderLight,input:t.borderInput,dark:t.borderDark},accent:{primary:t.blue,sale:t.rust},state:{focus:t.blue,selected:t.black,error:t.rust,success:t.success,disabledOpacity:.4}},i={sans:'var(--font-sans, "helvetica-neue-lt-pro", sans-serif)'},o={h1Hero:{size:[40,30],weight:700,lh:1.1,transform:"uppercase"},h1Page:{size:[40,28],weight:700,lh:1.1,transform:"uppercase"},h2Section:{size:[30,22],weight:700,lh:1.1,transform:"uppercase"},h2Store:{size:[36,28],weight:700,lh:1.1,transform:"uppercase"},h3:{size:[24,18],weight:700,lh:1.1,transform:"uppercase"},faqHeading:{size:[32,24],weight:700,lh:1.1,transform:"uppercase"},bodyLg:{size:[18,14],weight:400,lh:1.4,transform:"none"},body:{size:[16,14],weight:400,lh:1.6,transform:"none"},bodySm:{size:[13,13],weight:400,lh:1.5,transform:"none"},eyebrow:{size:[12,12],weight:600,ls:"0.22em",transform:"uppercase"},navLink:{size:[14,12],weight:400,ls:"0.1em",transform:"uppercase"},label:{size:[12,12],weight:600,ls:"0.1em",transform:"uppercase"},caption:{size:[11,11],weight:400,lh:1.4,transform:"uppercase"},button:{size:[14,12],weight:600,ls:"0.1em",transform:"uppercase"},price:{size:[18,14],weight:700},priceOrig:{size:[18,14],weight:400,decoration:"line-through"},priceSave:{size:[18,14],weight:600,color:t.rust}},r={mobile:767,tablet:1023,smallDesktop:1279,desktop:1535,twoColDrop:1023,pchSmall:640},n={blue:"#0072bc",blueHover:"#245e90",secondary:"#337ab7",secondaryHover:"#002654",ghostHover:"#e4e4e4",linkLight:"#33ccff",comingSoon:"#c2c2c2",radius:"5px",letterSpacing:"1px",font:i.sans,buttonPadding:"15px 24px",buttonFontSize:"14px"};Object.keys(r).reduce((e,t)=>(e[t]=(...e)=>`@media (max-width: ${r[t]}px) { ${String.raw(...e)} }`,e),{}),e.s(["default",0,{colors:t,semantic:a,scrims:{heroBottom:"linear-gradient(0deg, rgba(10,10,10,0.90) 0%, rgba(10,10,10,0.20) 50%, transparent 100%)",leftFade:"linear-gradient(90deg, rgba(10,10,10,0.88) 0%, rgba(10,10,10,0.30) 55%, transparent 100%)",designerBottom:"linear-gradient(0deg, rgba(0,0,0,0.88) 0%, transparent 55%)",designerLeft:"linear-gradient(90deg, rgba(0,0,0,0.72) 0%, transparent 60%)",highlightCardBottom:"linear-gradient(0deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.72) 28%, rgba(0,0,0,0.1) 62%, transparent 100%)",megaBackdrop:"rgba(10,10,10,0.18)",modal:"rgba(0,0,0,0.92)",drawerBackdrop:"rgba(0,0,0,0.4)"},fonts:i,fontWeight:{regular:400,medium:500,semibold:600,bold:700},fontSize:{9:9,10:10,11:11,12:12,13:13,14:14,15:15,16:16,18:18,20:20,22:22,24:24,26:26,28:28,30:30,32:32,36:36,40:40},lineHeight:{none:1,tight:1.1,snug:1.2,base:1.3,relaxed:1.5,loose:1.6,answer:1.7},letterSpacing:{tight:"-0.01em",none:"0",wide:"0.1em",wider:"0.14em",widest:"0.22em"},type:o,space:{0:0,px:1,2:2,4:4,6:6,8:8,10:10,12:12,14:14,16:16,20:20,22:22,24:24,28:28,32:32,36:36,40:40,44:44,48:48,56:56,64:64,72:72,80:80,96:96},gutter:{sm:16,lg:56,mobile:10,tablet:24},layout:{maxWidth:1280,pageGutter:{desktop:56,mobile:10,tablet:24},container:{form:600,formPdp:580,faq:760,collectionDesc:680,storeLocator:585}},radius:{none:"0",xs:"1px",sm:"2px",card:"16px",pill:"50px",pillFull:"999px",badgePill:"100px",circle:"50%"},shadow:{card:"0 1px 2px rgba(15,23,42,0.04), 0 14px 36px rgba(15,23,42,0.10)",dropdown:"0 4px 24px rgba(0,0,0,0.08)",flyout:"0 24px 48px rgba(0,0,0,0.14)",insetError:"inset 0 0 0 1px #E22F2E",insetSelect:"inset 0 0 0 1px #0C67E7",insetRule:"inset 0 -1px 0 #e6e6e6"},z:{base:0,raised:2,megaMenu:50,pdpNav:100,dropdown:200,drawerBackdrop:399,drawerPanel:400,megaBackdrop:9e3,siteNav:9999,modal:1e4,promoBar:10001,mobileOverlay:10040,mobileDrawer:10050},duration:{fast:"150ms",mid:"300ms",slow:"600ms",crossfade:"800ms"}
104,ease:{sharp:"cubic-bezier(0.16, 1, 0.3, 1)",drawer:"cubic-bezier(0.87, 0, 0.13, 1)",grow:"cubic-bezier(0.4, 0, 0.2, 1)"},breakpoints:r,icon:{viewBox:"0 0 24 24",strokeUi:1.5,strokeBold:2,color:"currentColor",sizeNav:22,sizeForm:16},legacy:n}])},161592,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"LoadableContext",{enumerable:!0,get:function(){return i}});let i=e.r(741705)._(e.r(191788)).default.createContext(null)},852414,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return h}});let i=e.r(741705)._(e.r(191788)),o=e.r(161592),r=[],n=[],s=!1;function l(e){let t=e(),a={loading:!0,loaded:null,error:null};return a.promise=t.then(e=>(a.loading=!1,a.loaded=e,e)).catch(e=>{throw a.loading=!1,a.error=e,e}),a}class d{constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}}function p(t){return function(t,a){let l=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},a),p=null;function c(){if(!p){let e=new d(t,l);p={getCurrentValue:e.getCurrentValue.bind(e),subscribe:e.subscribe.bind(e),retry:e.retry.bind(e),promise:e.promise.bind(e)}}return p.promise()}if("undefined"==typeof window&&r.push(c),!s&&"undefined"!=typeof window){let t=l.webpack&&"function"==typeof e.t.resolveWeak?l.webpack():l.modules;t&&n.push(e=>{for(let a of t)if(e.includes(a))return c()})}function h(e,t){let a;c(),(a=i.default.useContext(o.LoadableContext))&&Array.isArray(l.modules)&&l.modules.forEach(e=>{a(e)});let r=i.default.useSyncExternalStore(p.subscribe,p.getCurrentValue,p.getCurrentValue);return i.default.useImperativeHandle(t,()=>({retry:p.retry}),[]),i.default.useMemo(()=>{var t;return r.loading||r.error?i.default.createElement(l.loading,{isLoading:r.loading,pastDelay:r.pastDelay,timedOut:r.timedOut,error:r.error,retry:p.retry}):r.loaded?i.default.createElement((t=r.loaded)&&t.default?t.default:t,e):null},[e,r])}return h.preload=()=>c(),h.displayName="LoadableComponent",i.default.forwardRef(h)}(l,t)}function c(e,t){let a=[];for(;e.length;){let i=e.pop();a.push(i(t))}return Promise.all(a).then(()=>{if(e.length)return c(e,t)})}p.preloadAll=()=>new Promise((e,t)=>{c(r).then(e,t)}),p.preloadReady=(e=[])=>new Promise(t=>{let a=()=>(s=!0,t());c(n,e).then(a,a)}),"undefined"!=typeof window&&(window.__NEXT_PRELOADREADY=p.preloadReady);let h=p},425167,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i={default:function(){return c},noSSR:function(){return p}};for(var o in i)Object.defineProperty(a,o,{enumerable:!0,get:i[o]});let r=e.r(741705),n=e.r(391398);e.r(191788);let s=r._(e.r(852414)),l="undefined"==typeof window;function d(e){return{default:e?.default||e}}function p(e,t){if(delete t.webpack,delete t.modules,!l)return e(t);let a=t.loading;return()=>(0,n.jsx)(a,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function c(e,t){let a=s.default,i={loading:({error:e,isLoading:t,pastDelay:a})=>null};e instanceof Promise?i.loader=()=>e:"function"==typeof e?i.loader=e:"object"==typeof e&&(i={...i,...e});let o=(i={...i,...t}).loader;return(i.loadableGenerated&&(i={...i,...i.loadableGenerated},delete i.loadableGenerated),"boolean"!=typeof i.ssr||i.ssr)?a({...i,loader:()=>null!=o?o().then(d):Promise.resolve(d(()=>null))}):(delete i.webpack,delete i.modules,p(a,i))}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esMo
104dule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},168489,(e,t,a)=>{t.exports=e.r(425167)},701085,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i={AppRouterContext:function(){return n},GlobalLayoutRouterContext:function(){return l},LayoutRouterContext:function(){return s},MissingSlotContext:function(){return p},TemplateContext:function(){return d}};for(var o in i)Object.defineProperty(a,o,{enumerable:!0,get:i[o]});let r=e.r(741705)._(e.r(191788)),n=r.default.createContext(null),s=r.default.createContext(null),l=r.default.createContext(null),d=r.default.createContext(null),p=r.default.createContext(new Set)},531430,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"ReadonlyURLSearchParams",{enumerable:!0,get:function(){return o}});class i extends Error{constructor(){super("Method unavailable on `ReadonlyURLSearchParams`. Read more: https://nextjs.org/docs/app/api-reference/functions/use-search-params#updating-searchparams")}}class o extends URLSearchParams{append(){throw new i}delete(){throw new i}set(){throw new i}sort(){throw new i}}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},470008,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i={NavigationPromisesContext:function(){return p},PathParamsContext:function(){return d},PathnameContext:function(){return l},ReadonlyURLSearchParams:function(){return n.ReadonlyURLSearchParams},SearchParamsContext:function(){return s},createDevToolsInstrumentedPromise:function(){return c}};for(var o in i)Object.defineProperty(a,o,{enumerable:!0,get:i[o]});let r=e.r(191788),n=e.r(531430),s=(0,r.createContext)(null),l=(0,r.createContext)(null),d=(0,r.createContext)(null),p=(0,r.createContext)(null);
104function c(e,t){let a=Promise.resolve(t);return a.status="fulfilled",a.value=t,a.displayName=`${e} (SSR)`,a}},14760,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i={BailoutToCSRError:function(){return n},isBailoutToCSRError:function(){return s}};for(var o in i)Object.defineProperty(a,o,{enumerable:!0,get:i[o]});let r="BAILOUT_TO_CLIENT_SIDE_RENDERING";class n extends Error{constructor(e){super(`Bail out to client-side rendering: ${e}`),this.reason=e,this.digest=r}}function s(e){return"object"==typeof e&&null!==e&&"digest"in e&&e.digest===r}},991622,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i={HTTPAccessErrorStatus:function(){return r},HTTP_ERROR_FALLBACK_ERROR_CODE:function(){return s},getAccessFallbackErrorTypeByStatus:function(){return p},getAccessFallbackHTTPStatus:function(){return d},isHTTPAccessFallbackError:function(){return l}};for(var o in i)Object.defineProperty(a,o,{enumerable:!0,get:i[o]});let r={NOT_FOUND:404,FORBIDDEN:403,UNAUTHORIZED:401},n=new Set(Object.values(r)),s="NEXT_HTTP_ERROR_FALLBACK";function l(e){if("object"!=typeof e||null===e||!("digest"in e)||"string"!=typeof e.digest)return!1;let[t,a]=e.digest.split(";");return t===s&&n.has(Number(a))}function d(e){return Number(e.digest.split(";")[1])}function p(e){switch(e){case 401:return"unauthorized";case 403:return"forbidden";case 404:return"not-found";default:return}}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},40184,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"RedirectStatusCode",{enumerable:!0,get:function(){return o}});var i,o=((i={})[i.SeeOther=303]="SeeOther",i[i.TemporaryRedirect=307]="TemporaryRedirect",i[i.PermanentRedirect=308]="PermanentRedirect",i);("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},301939,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i,o={REDIRECT_ERROR_CODE:function(){return s},RedirectType:function(){return l},isRedirectError:function(){return d}};for(var r in o)Object.defineProperty(a,r,{enumerable:!0,get:o[r]});let n=e.r(40184),s="NEXT_REDIRECT";var l=((i={}).push="push",i.replace="replace",i);function d(e){if("object"!=typeof e||null===e||!("digest"in e)||"string"!=typeof e.digest)return!1;let t=e.digest.split(";"),[a,i]=t,o=t.slice(2,-2).join(";"),r=Number(t.at(-2));return a===s&&("replace"===i||"push"===i)&&"string"==typeof o&&!isNaN(r)&&r in n.RedirectStatusCode}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},68934,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"isNextRouterError",{enumerable:!0,get:function(){return r}});let i=e.r(991622),o=e.r(301939);function r(e){return(0,o.isRedirectError)(e)||(0,i.isHTTPAccessFallbackError)(e)}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},605224,e=>{"use strict";var t=e.i(683125);e.s(["Modal",()=>t.default])},402436,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"m10 16.5 6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"PlayCircleOutline")},44210,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l
1046 4.5-6 4.5z"}),"PlayCircleFilled")},823163,e=>{"use strict";var t=e.i(391398),a=e.i(605224),i=e.i(799575),o=e.i(191788),r=e.i(680355),n=e.i(577609),s=e.i(760814),l=e.i(402436),d=e.i(44210),p=e.i(283880);let c=s.default.div.withConfig({displayName:"NewNAPButton__MainDiv",componentId:"sc-35668290-0"})` 105`,h=s.css` 106 display: flex; 107 align-items: center; 108 justify-content: center; 109 gap: 7px; 110 width: 315px; 111 height: 50px; 112 padding: 0 30px; 113 display: flex; 114 justify-content: center; 115 align-items: center; 116 background-color: ${e=>"Primary"===(e.$variant??e.type)?"#FFFFFF":"Secondary"===(e.$variant??e.type)?"#000000":"Special"===(e.$variant??e.type)?"#0C67E7":"none"}; 117 text-align: center; 118 color: ${e=>"Primary"===(e.$variant??e.type)?"#1F2128":"Secondary"===(e.$variant??e.type)||"Special"===(e.$variant??e.type)?"#FFFFFF":"none"}; 119 font-size: 14px; 120 letter-spacing: 0; 121 line-height: 14px; 122 cursor: pointer; 123 text-transform: uppercase; 124 font-family: "helvetica-neue-lt-pro-cond", "sans-serif"; 125 text-decoration: none; 126 127 svg{ 128 width: 13px; 129 height: 13px; 130 } 131 .play-icon-hover{ 132 display: none; 133 } 134 135 &:hover{ 136 .play-icon{ 137 display: none; 138 } 139 .play-icon-hover{ 140 display: block; 141 } 142 } 143 144 145 @media (min-width: 990px) { 146 &:hover { 147 background-color: ${e=>"Primary"===(e.$variant??e.type)?"#EBEBEB":"Secondary"===(e.$variant??e.type)?"#676772":"Special"===(e.$variant??e.type)?"#468BEB":"none"}; 148 149 150 @media (max-width: 990px) { 151 display: none; 152 } 153 } 154 } 155 156 157 158 159 @media (max-width: 767px) { 160 width: 200px; 161 height: 44px; 162 padding: 0 17px; 163 height: 44px; 164 } 165 166 @media (max-width: 767px) { 167 width: 200px; 168 font-size: 12px; 169 line-height: 14px; 170 } 171`,u=s.default.a.withConfig({displayName:"NewNAPButton__NAPBannerCTADefault",componentId:"sc-35668290-1"})` 172 ${h} 173`,f=s.default.button.withConfig({displayName:"NewNAPButton__NAPBannerCTAButton",componentId:"sc-35668290-2"})` 174 ${h} 175 border: 0; 176 margin: 0; 177 appearance: none; 178 -webkit-appearance: none; 179 180 &:focus-visible { 181 outline: 2px solid currentColor; 182 outline-offset: 2px; 183 } 184`,m=s.default.a.withConfig({displayName:"NewNAPButton__LinkCTAButton",componentId:"sc-35668290-3"})` 185 display: inline-block; 186 width: fit-content; 187 background-color: transparent; 188 text-align: center; 189 color: ${e=>"Primary"===e.type?"#252529":"Secondary"===e.type?"#FDFDFE":"#000"}; 190 font-size: 16px; 191 letter-spacing: 0.4px; 192 line-height: 18px; 193 cursor: pointer; 194 text-transform: uppercase; 195 font-family: "helvetica-neue-lt-pro-cond", "sans-serif"; 196 197 svg{ 198 width: 13px; 199 height: 13px; 200 } 201 .play-icon-hover{ 202 display: none; 203 } 204 205 &:hover{ 206 .play-icon{ 207 display: none; 208 } 209 .play-icon-hover{ 210 display: inline-block; 211 } 212 } 213 214 215 @media (min-width: 990px) { 216 &:hover { 217 text-decoration: underline; 218 } 219 } 220 221 222 @media (max-width: 767px) { 223 width: fit-content; 224 font-size: 14px; 225 line-height: 16px; 226 } 227`,g=s.default.div.withConfig({displayName:"NewNAPButton__ModalContainer",componentId:"sc-35668290-4"})` 228 position: absolute; 229 top: 50%; 230 left: 50%; 231 transform: translate(-50%, -50%); 232 width: 50%; 233 &:focus { 234 outline: none; 235 } 236 ${n.default.tablet} { 237 width: 75%; 238 } 239 @media (max-width: 500px) { 240 width: 90%; 241 } 242 @media (max-width: 375px) { 243 width: 75%; 244 } 245`,x=s.default.div.withConfig({displayName:"NewNAPButton__VideoContainer",componentId:"sc-35668290-5"})` 246 position: relative; 247 padding-top: 56.25%; 248 background-color: #000; 249`,b=(0,s.default)(r.default).withConfig({displayName:"NewNAPButton__StyledPlayer",componentId:"sc-35668290-6"})` 250 position: absolute; 251 top: 0; 252 left: 0; 253`,w=s.default.div.withConfig({displayName:"NewNAPButton__StyledVimeoIframe",componentId:"sc-35668290-7"})` 254 position: absolute; 255 top: 0; 256 left: 0; 257 width: 100%; 258 height: 100%; 259 260 iframe { 261 width: 100%; 262 height: 100%; 263 } 264`,v=s.default.span.withConfig({displayName:"NewNAPButton__CloseTag",componentId:"sc-35668290-8"})` 265 position: absolute; 266 z-index: 9; 267 top: -20px; 268 right: -20px; 269 height: 40px; 270 width: 40px; 271 background: url("https://newageproducts-assets.dileads.workers.dev/close-icon.png") no-repeat; 272 background-size: contain; 273 cursor: pointer; 274`;function y({CTADefaultCopy:e,CTADefaultUrl:r,scrollableCTA:n,type:s,islink:h,icon:y,videoModal:k,videoUrl:j,videoUrlMob:N,videoModalId:S,target:A,formId:P,ariaLabel:_,...C}){let[T,z]=(0,o.useState)(!1),{isMobile:B}=(0,i.useWindowSize)(),O=()=>{z(!0)};return(0,t.jsxs)(c,{...C,children:[n?(0,t.jsx)(u,{"data-nap-lead-target":P||"form",className:"napbanner-cta-default",type:s,onClick:()=>{document.getElementById(P||"form")?.scrollIntoView({behavior:"smooth",block:"start"})},children:e}):k&&!h?(0,t.jsxs)(f,{className:"napbanner-cta-default",onClick:()=>O(),type:"button",$variant:s,children:[" ",e," ",(0,t.jsx)(l.default,{className:"play-icon"})," ",(0,t.jsx)(d.default,{className:"play-icon-hover"})]}):h?k&&h?(0,t.jsxs)(m,{className:"napbanner-cta-default",onClick:()=>O(),href:r,type:s,target:A,rel:"_blank"===A?"noopener noreferrer":void 0,"aria-label":_,children:[" ",e," ",(0,t.jsx)(l.default,{className:"play-icon"})," ",(0,t.jsx)(d.default,{className:"play-icon-hover"})]}):(0,t.jsxs)(m,{className:"napbanner-cta-default",onClick:()=>O(),href:r,type:s,icon:y,target:A,rel:"_blank"===A?"noopener noreferrer":void 0,"aria-label":_,children:[" ",e]}):(0,t.jsxs)(u,{className:"napbanner-cta-default",href:r,type:s,target:A,rel:"_blank"===A?"noopener noreferrer":void 0,"aria-label":_,children:[" ",e]}),k&&(0,t.jsx)(a.Modal,{open:T,onClose:()=>z(!1),disableAutoFocus:!0,className:"modal",children:(0,t.jsxs)(g,{className:"modal-container",children:[(0,t.jsx)(x,{className:"video-container",children:S?(0,t.jsx)(w,{children:(0,t.jsx)(p.default,{id:S})}):B?(0,t.jsx)(b,{width:"100%",height:"100%",muted:!1,loop:!0,controls:!0,playsInl
274ine:!0,playing:!0,url:N||j,config:{vimeo:{background:!0,autoplay:!0}}}):(0,t.jsx)(b,{width:"100%",height:"100%",muted:!1,loop:!0,controls:!0,playsInline:!0,playing:!0,url:j,config:{vimeo:{background:!0,autoplay:!0}}})}),(0,t.jsx)(v,{className:"close-icon",onClick:()=>z(!1)})]})})]})}y.defaultProps={scrollableCTA:!1,islink:!1,type:"Primary",videoModal:!1},e.s(["default",0,y])},523042,e=>{"use strict";e.i(350461);var t=e.i(460997),a=e.i(75907),i=e.i(191788),o=e.i(753892),r=e.i(707065),n=e.i(662260),s=e.i(529292),l=e.i(88298),d=e.i(401764),p=e.i(162720),c=e.i(46739);function h(e){return(0,c.default)("MuiSkeleton",e)}(0,p.unstable_generateUtilityClasses)("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);var u=e.i(391398);let f=["animation","className","component","height","style","variant","width"],m=e=>e,g,x,b,w,v=(0,r.keyframes)(g||(g=m` 275 0% { 276 opacity: 1; 277 } 278 279 50% { 280 opacity: 0.4; 281 } 282 283 100% { 284 opacity: 1; 285 } 286`)),y=(0,r.keyframes)(x||(x=m` 287 0% { 288 transform: translateX(-100%); 289 } 290 291 50% { 292 /* +0.5s of delay between each loop */ 293 transform: translateX(100%); 294 } 295 296 100% { 297 transform: translateX(100%); 298 } 299`)),k=(0,l.default)("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:a}=e;return[t.root,t[a.variant],!1!==a.animation&&t[a.animation],a.hasChildren&&t.withChildren,a.hasChildren&&!a.width&&t.fitContent,a.hasChildren&&!a.height&&t.heightAuto]}})(({theme:e,ownerState:t})=>{let i=String(e.shape.borderRadius).match(/[\d.\-+]*\s*(.*)/)[1]||"px",o=parseFloat(e.shape.borderRadius);return(0,a.default)({display:"block",backgroundColor:e.vars?e.vars.palette.Skeleton.bg:(0,s.alpha)(e.palette.text.primary,"light"===e.palette.mode?.11:.13),height:"1.2em"},"text"===t.variant&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${o}${i}/${Math.round(o/.6*10)/10}${i}`,"&:empty:before":{content:'"\\00a0"'}},"circular"===t.variant&&{borderRadius:"50%"},"rounded"===t.variant&&{borderRadius:(e.vars||e).shape.borderRadius},t.hasChildren&&{"& > *":{visibility:"hidden"}},t.hasChildren&&!t.width&&{maxWidth:"fit-content"},t.hasChildren&&!t.height&&{height:"auto"})},({ownerState:e})=>"pulse"===e.animation&&(0,r.css)(b||(b=m` 300 animation: ${0} 1.5s ease-in-out 0.5s infinite; 301 `),v),({ownerState:e,theme:t})=>"wave"===e.animation&&(0,r.css)(w||(w=m` 302 position: relative; 303 overflow: hidden; 304 305 /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */ 306 -webkit-mask-image: -webkit-radial-gradient(white, black); 307 308 &::after { 309 animation: ${0} 1.6s linear 0.5s infinite; 310 background: linear-gradient( 311 90deg, 312 transparent, 313 ${0}, 314 transparent 315 ); 316 content: ''; 317 position: absolute; 318 transform: translateX(-100%); /* Avoid flash during server-side hydration */ 319 bottom: 0; 320 left: 0; 321 right: 0; 322 top: 0; 323 } 324 `),y,(t.vars||t).palette.action.hover)),j=i.forwardRef(function(e,i){let r=(0,d.default)({props:e,name:"MuiSkeleton"}),{animation:s="pulse",className:l,component:p="span",height:c,style:m,variant:g="text",width:x}=r,b=(0,t.default)(r,f),w=(0,a.default)({},r,{animation:s,component:p,variant:g,hasChildren:!!b.children}),v=(e=>{let{classes:t,variant:a,animation:i,hasChildren:o,width:r,height:s}=e;return(0,n.unstable_composeClasses)({root:["root",a,i,o&&"withChildren",o&&!r&&"fitContent",o&&!s&&"heightAuto"]},h,t)})(w);return(0,u.jsx)(k,(0,a.default)({as:p,ref:i,className:(0,o.default)(v.root,l),ownerState:w},b,{style:(0,a.default)({width:x,height:c},m)}))});e.s(["default",0,j],523042)},241129,e=>{"use strict";var t=e.i(523042);e.s(["Skeleton",()=>t.default])},766553,e=>{"use strict";var t=e.i(391398),a=e.i(760814),i=e.i(577609),o=e.i(321752),r=e.i(571091),n=e.i(518954),s=e.i(191788),l=e.i(799575);e.i(742757);let d=(0,a.default)(r.default).withConfig({displayName:"NAPSlider__CustomSlider",componentId:"sc-422f59b8-0"})` 325 .slick-prev { 326 left: -75px !important; 327 328 ${i.default.desktop} { 329 left: -50px !important; 330 } 331 332 ${i.default.laptopB} { 333 left: -30px !important; 334 } 335 336 ${i.default.laptopS} { 337 left: -25px !important; 338 } 339 } 340 341 .slick-next { 342 right: -75px; 343 344 ${i.default.desktop} { 345 right: -50px; 346 } 347 348 ${i.default.laptopB} { 349 right: -30px; 350 } 351 352 ${i.default.laptopS} { 353 right: -25px; 354 } 355 } 356 357 .slick-arrow { 358 top: 40%; 359 ${e=>!1===e.boxedArrows&&`box-shadow: none; 360 background-color: transparent; 361 &:hover { 362 background-color: rgba(0, 0, 0, 0.5); 363 } 364 `} 365 } 366 367 .pipsku-container { 368 .tile-item { 369 /* height: 295px; */ 370 } 371 372 .img-container { 373 ${i.default.tablet} { 374 /* height: 260px; 375 ${i.default.mobileB} { 376 height: 185px; 377 } */ 378 .product-image { 379 width: 100%; 380 } 381 } 382 } 383 384 ${i.default.tablet} { 385 border: 3px solid #fafafa; 386 padding: 10px 10px; 387 } 388 } 389`,p=(0,a.default)(r.default).withConfig({displayName:"NAPSlider__SyncSlider",componentId:"sc-422f59b8-1"})` 390 width: 300px; 391 text-align: center; 392 position: absolute; 393 right: 10px; 394 bottom: -6px; 395 @media (max-width: 1700px) { 396 width: 250px; 397 } 398 @media (max-width: 1500px) { 399 right: 0; 400 } 401 @media (max-width: 1300px) { 402 width: 200px; 403 right: 43px; 404 } 405 @media (max-width: 1110px) { 406 /* width: 200px; */ 407 right: 23px; 408 } 409 @media (max-width: 990px) { 410 /* width: 200px; */ 411 right: 0px; 412 } 413 .slick-prev { 414 box-shadow: none; 415 background-size: 8px !important; 416 background-color: transparent !important; 417 left: 106px !important; 418 width: 40px !important; 419 height: 40px !important; 420 @media (max-width: 1700px) { 421 left: 79px !important; 422 } 423 @media (max-width: 1420px) { 424 left: 85px !important; 425 } 426 @media (max-width: 1300px) { 427 left: 57px !important; 428 } 429 } 430 .slick-next { 431 box-shadow: none; 432 background-size: 8px !important; 433 background-color: transparent !important; 434 right: 102px !important; 435 width: 40px !important; 436 height: 40px !important; 437 @media (max-width: 1700px) { 438 right: 75px !important; 439 } 440 @media (max-width: 1420px) { 441 right: 78px !important; 442 } 443 @media (max-width: 1300px) { 444 right: 51px !important; 445 } 446 } 447`,c=(0,a.default)(o.NAPContainer).withConfig({displayName:"NAPSlider__CustomContainer",componentId:"sc-422f59b8-2"})` 448 .oneclick { 449 img { 450 width: 100%; 451 height: 100%; 452 cursor: pointer; 453 @media (max-width: 1510px) { 454 margin-top: 10px; 455 } 456 @media (max-width: 1400px) { 457 width: 370px; 458 height: 350px; 459 margin-top: 10px; 460 } 461 @media (max-width: 1300px) { 462 width: 320px; 463 height: 300px; 464 margin-top: 0; 465 } 466 @media (max-width: 1100px) { 467 width: 270px; 468 height: 250px; 469 margin-top: 10px; 470 } 471 @media (max-width: 800px) { 472 width: 200px; 473 height: 180px; 474 margin-top: 10px; 475 } 476 ${i.default.tablet} { 477 width: 250px; 478 height: 235px; 479 margin-top: 0; 480 @media (max-width: 375px) { 481 width: 210px; 482 height: 197px; 483 } 484 } 485 } 486 } 487 .showDesktop { 488 @media (max-width: 1400px) { 489 display: none; 490 } 491 } 492 .showMobile { 493 display: none; 494 @media (max-width: 1400px) { 495 display: block; 496 } 497 } 498 .last-line { 499 .dotsToLines { 500 li:last-child { 501 background: #000 !important; 502 } 503 } 504 } 505 .slider-cta { 506 display: flex; 507 justify-content: center;
508 align-items: center; 509 cursor: pointer; 510 svg { 511 fill: #494949; 512 } 513 span { 514 margin: 0 5px; 515 } 516 } 517 display: block !important; 518 .slick-slide { 519 padding: 0 15px; 520 } 521 ${e=>!0===e.fullWidth&&"max-width:100%;display: block;width:100%"} 522 523 .slideitems { 524 display: flex; 525 flex-direction: row; 526 overflow-y: hidden; 527 overflow-x: scroll; 528 gap: 5px; 529 /* scrollbar-width: thin; */ 530 /* scrollbar-color: #888 #f1f1f1; */ 531 @media (max-width: 767px) { 532 gap: 2px; 533 } 534 } 535 .slideitems::-webkit-scrollbar { 536 margin-top: 30px; 537 height: 3px; 538 display: none; 539 } 540 .slideitems::-webkit-scrollbar-thumb { 541 background-color: #0a253a !important; 542 } 543 .slideitems::-webkit-scrollbar-track { 544 background: #ddd; 545 border-radius: 2px; 546 } 547`;function h({children:e,scrollLabel:a="Product carousel",fullWidth:i,dots:o,arrows:r,centerMode:h,infinite:u,boxedArrows:f,mobslidesToShow:m,mobslidesToScroll:g,slidesToShow:x,autoplay:b,lines:w,slidesToScroll:v,slideRef:y,sliderLength:k,sliderNumbers:j,mobCenterMode:N,mobslide:S,videoSection:A,customSettings:P,shopAllIndivisual:_,shopLink:C,autoplaySpeed:T,shopAllImage:z,isPIP:B,customSettingsreponsive:O,onBoundaryChange:R,...D}){var L;let E=(0,s.useRef)(null),I=(0,s.useRef)(null);(0,s.useRef)(null);let[M,$]=(0,s.useState)(0),{common:F}=(0,n.useBreakPoints)(),[H,G]=(0,s.useState)(0),{isLandscape:W,isMobile:U}
547=(0,l.useWindowSize)(),[V,q]=(0,s.useState)(0),K=Number.isFinite(L=j&&k!==x?F.desktop?Math.ceil((k-x)/v)+1:Math.ceil((k-m)/g)+1:k)&&L>0?Array(L).fill(null):null,[Y,X]=(0,s.useState)(),[J,Z]=(0,s.useState)(),Q=!!(y&&R);(0,s.useEffect)(()=>{R?.({isFirst:!0,isLast:k<=x,activeIndex:0})},[]);let ee=(0,s.useRef)(null),et=e=>{let[t,a]=e.children;return t&&a?a.offsetLeft-t.offsetLeft:t?.offsetWidth||.8*e.clientWidth},ea=(0,s.useCallback)(()=>{let e=ee.current;if(!e||!R)return;let t=e.scrollWidth-e.clientWidth,a=et(e);R({isFirst:e.scrollLeft<=1,isLast:t<=1||e.scrollLeft>=t-1,activeIndex:a>0?Math.min(Math.max(Math.round(e.scrollLeft/a),0),Math.max(0,k-1)):0})},[R,k]),ei=e=>{let t=ee.current;t&&t.scrollBy({left:e*et(t),behavior:"smooth"})},eo=e=>{ee.current=e,Q&&(y.current=e?{slickPrev:()=>ei(-1),slickNext:()=>ei(1)}:null)};(0,s.useEffect)(()=>{let e=ee.current;if(e&&Q)return ea(),e.addEventListener("scroll",ea,{passive:!0}),()=>e.removeEventListener("scroll",ea)},[U,W,S,B,k,ea,Q]);let er={dots:o,arrows:r,infinite:u,centerMode:h,slidesToShow:x,dotsClass:w?"dotsToLines":"common-dots",slidesToScroll:v,autoplay:b,autoplaySpeed:T,swipeToSlide:!0,touchMove:!0,waitForAnimate:!0,speed:500,touchThreshold:1e3,afterChange:e=>{q(e);let t=Math.ceil(e)===Math.ceil(k-x);G(t),R?.({isFirst:e<=0,isLast:t,activeIndex:Math.max(0,Math.round(e))})},responsive:[...O,{breakpoint:767,settings:{slidesToShow:m,centerMode:N,speed:900,slidesToScroll:g}}]},en={dots:!1,arrows:!0,slidesToShow:x,speed:500,fade:!0,infinite:u,slidesToScroll:v,touchThreshold:1e3},es=e=>{if(Y)if(!(Math.abs(e.deltaX)>Math.abs(e.deltaY)))return;else e.preventDefault(),e.deltaX>0?Y.slickNext():e.deltaX<0&&Y.slickPrev()};return(0,s.useEffect)(()=>{let e=E.current;if(F.desktop&&e)return e.addEventListener("wheel",es,{passive:!1}),()=>{e.removeEventListener("wheel",es)}},[F]),(0,s.useEffect)(()=>{let e=E.current;if(!e||"undefined"==typeof MutationObserver)return;let t=null,a=()=>{t=null,e.querySelectorAll(".slick-slide").forEach(e=>{"true"===e.getAttribute("aria-hidden")?e.setAttribute("inert",""):e.removeAttribute("inert")})};a();let i=new MutationObserver(()=>{null===t&&(t=requestAnimationFrame(a))});return i.observe(e,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["aria-hidden"]}),()=>{i.disconnect(),null!==t&&cancelAnimationFrame(t)}},[]),(0,s.useEffect)(()=>{F.desktop&&I.current&&void 0!==I.current.currentSlide&&$(I.current.currentSlide)},[I.current?.currentSlide]),(0,t.jsx)(c,{className:"custom-container nap-slider",fullWidth:i,noFlex:!0,ref:E,...D,children:S?(0,t.jsx)(t.Fragment,{children:W?(0,t.jsx)("div",{className:" ismob",children:(0,t.jsxs)("div",{className:"slideitems",tabIndex:0,ref:eo,role:"group","aria-label":a,children:[e," "]})}):(0,t.jsxs)("div",{className:"isDesk",children:[(0,t.jsx)(d,{ref:e=>{X(e),Q&&(y.current=e)},asNavFor:J,boxedArrows:f,...er,className:`main-slider-section ${H&&"last-line"}`,children:e}),j&&k!=x&&(0,t.jsx)(p,{className:"sync-slide notranslate",ref:e=>Z(e),asNavFor:Y,...en,children:K&&K?.map((e,a)=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:a+1},a),(0,t.jsx)("span",{children:"/"}),(0,t.jsx)("span",{children:K.length})]}))})]})}):B?(0,t.jsx)(t.Fragment,{children:U?(0,t.jsx)("div",{className:" ismob",children:(0,t.jsxs)("div",{className:"slideitems",tabIndex:0,ref:eo,role:"group","aria-label":a,children:[e," "]})}):(0,t.jsxs)("div",{className:"isDesk",children:[(0,t.jsx)(d,{ref:e=>{X(e),Q&&(y.current=e)},asNavFor:J,boxedArrows:f,...er,className:`main-slider-section ${H&&"last-line"}`,children:e}),j&&k!=x&&(0,t.jsx)(p,{className:"sync-slide notranslate",ref:e=>Z(e),asNavFor:Y,...en,children:K&&K?.map((e,a)=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:a+1},a),(0,t.jsx)("span",{children:"/"}),(0,t.jsx)("span",{children:K.length})]}))})]})}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d,{ref:e=>{X(e),Q&&(y.current=e)},asNavFor:J,boxedArrows:f,...er,className:`main-slider-section ${H&&"last-line"}`,children:e}),j&&k!=x&&(0,t.jsx)(p,{className:"sync-slide notranslate",ref:e=>Z(e),asNavFor:Y,...en,children:K?.map((e,a)=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:a+1},a),(0,t.jsx)("span",{children:"/"}),(0,t.jsx)("span",{children:K.length})]}))})]})})}h.defaultProps={fullWidth:!1,dots:!0,arrows:!0,centerMode:!1,boxedArrows:!1,infinite:!0,slidesToShow:3,mobslidesToShow:1,autoplay:!1,slidesToScroll:1,mobslidesToScroll:1,lines:!1,mobCenterMode:!1,mobslide:!1,videoSection:!1,shopAllIndivisual
547:!1,isPIP:!1,autoplaySpeed:5e3,customSettingsreponsive:[]},e.s(["default",0,h])},392957,e=>{"use strict";var t=e.i(391398),a=e.i(691567),i=e.i(760814);let o=i.default.div.withConfig({displayName:"HeroButtons__Grid",componentId:"sc-70fcd4b2-0"})` 548 &&&&& { 549 display: grid; 550 /* GlobalButton is a fixed 315px box (styles/global-button.css) â the 551 columns must match its content size, not an arbitrary fraction, or a 552 narrower 1fr track lets the button's specified width overflow its 553 cell and paint over its neighbour. */ 554 grid-template-columns: 315px 315px; 555 gap: 12px; 556 width: 642px; 557 max-width: 100%; 558 /* Horizontal centring ONLY â never the margin shorthand. The pages set the 559 vertical rhythm with .sub-heading-hv + .btn-container (margin-top 40px) 560 at (0,4,0); because this block is (0,5,0), a shorthand would win and 561 silently reset margin-top to 0, collapsing the gap under the 562 sub-heading. */ 563 margin-left: ${({$align:e})=>"start"===e?"0":"auto"}; 564 margin-right: auto; 565 566 @media (max-width: 1023px) { 567 width: 100%; 568 gap: 8px; 569 } 570 571 /* GlobalButton itself shrinks to 200x45.2 below 768px 572 (styles/global-button.css) â match the columns to it for the same 573 reason as the 315px ones above. */ 574 @media (max-width: 767px) { 575 grid-template-columns: 200px 200px; 576 width: 408px; 577 } 578 579 @media (max-width: 420px) { 580 display: flex; 581 flex-direction: column; 582 width: 100%; 583 gap: 10px; 584 align-items: ${({$align:e})=>"start"===e?"flex-start":"center"}; 585 } 586 } 587 588 /* The legacy markup spaced these with sibling margins; the grid owns spacing 589 now, so neutralise any that survive on children. */ 590 &&&&& > * + * { 591 margin-left: 0; 592 margin-top: 0; 593 } 594`;function r({align:e="center",className:a="",children:i,...r}){return(0,t.jsx)(o,{$align:e,className:`btn-container ${a}`.trim(),...r,children:i})}r.propTypes={align:a.default.oneOf(["center","start"]),className:a.default.string,children:a.default.node},e.s(["default",()=>r])},185468,e=>{"use strict";var t=e.i(391398);e.i(191788),e.s(["default",0,function({children:e,variant:a="light",href:i,as:o,type:r,disabled:n=!1,ariaDisabled:s=!1,onClick:l,className:d="",...p}){let c=!!i||!!o,h=s||n&&c,u=n&&!c,f=u||h,m={className:["global-button",a?`global-button--${a}`:"",d].filter(Boolean).join(" "),onClick:e=>{if(f){e.preventDefault(),e.stopPropagation();return}l&&l(e)},onKeyDown:e=>{f&&("Enter"===e.key||" "===e.key||"Spacebar"===e.key)&&(e.preventDefault(),e.stopPropagation())},...h?{"aria-disabled":"true"}:{},...p};return c?(0,t.jsx)(o||"a",{...h?{}:{href:i},...h?{role:"link",tabIndex:-1}:{},...m,children:e}):(0,t.jsx)("button",{type:r||"button",disabled:u,...m,children:e})}])},884062,e=>{"use strict";var t=e.i(391398),a=e.i(191788),i=e.i(760814),o=e.i(577609),r=e.i(183177),n=e.i(321752),s=e.i(392957),l=e.i(185468),d=e.i(622390);let p=i.default.section.withConfig({displayName:"BannerSliderNew__SectionWrapper",componentId:"sc-c9d6f62c-0"})` 595 position: relative; 596 margin-bottom: -5px; 597 598 &::before { 599 content: ""; 600 position: absolute; 601 inset: 0; 602 z-index: 1; 603 pointer-events: none; 604 background: 605 linear-gradient( 606 0deg, 607 rgba(10, 10, 10, 0.9) 0%, 608 rgba(10, 10, 10, 0.2) 50%, 609 transparent 100% 610 ), 611 linear-gradient( 612 180deg, 613 rgba(10, 10, 10, 0.55) 0, 614 rgba(10, 10, 10, 0.25) 110px, 615 transparent 190px 616 ); 617 } 618 619 /* &&& (not a bare class/tag selector): pages that still hand-roll their own 620 .banner-section-1 header/.btn-container/.offer-div CSS default to the 621 same (0,1,1)/(0,1,0) specificity this component's own selectors would 622 otherwise have, so which one wins comes down to injection order â the 623 exact SSR-vs-dev flip HeroButtons.jsx already hit once. Boosting these to 624 (0,3+,n) makes them win unconditionally instead of by luck. */ 625 &&& header, 626 &&& .btn-container, 627 &&& .offer-div { 628 position: relative; 629 z-index: 2; 630 } 631 &&& .btn-container { 632 margin-top: 32px; 633 } 634 &&& header { 635 position: absolute; 636 transform: translate(-50%, 0%); 637 left: 50%; 638 bottom: 80px; 639 color: #fff; 640 max-width: 100%; 641 width: 100%; 642 @media (max-width: 1300px) { 643 max-width: 810px; 644 } 645 @media (max-width: 990px) { 646 max-width: 740px; 647 } 648 @media (max-width: 1023px) { 649 bottom: 63px; 650 padding-left: 10px; 651 padding-right: 10px; 652 } 653 } 654 655 &&& .offer-div { 656 position: absolute; 657 transform: translate(-50%, 0%); 658 left: 50%; 659 bottom: 16px; 660 width: 100%; 661 662 /* 0.75, not the reference's 0.45 white: at 11px the latter fails WCAG AA 663 however dark the scrim behind it (4.41:1 over pure black, 4.5:1 664 required). Matches the hero footnote on the banner pages. */ 665 .offer-txt-hv { 666 font-family: "helvetica-neue-lt-pro"; 667 font-weight: 400; 668 font-style: normal; 669 font-size: 11px; 670 letter-spacing: 0px; 671 line-height: 1.4; 672 text-align: center; 673 color: rgba(255, 255, 255, 0.75); 674 } 675 } 676 &&& header.showControlsonBanner { 677 @media (max-width: 990px) { 678 bottom: 70px; 679 } 680 } 681 .media-controls{ 682 @media(max-width:990px){ 683 bottom:40px; 684 } 685 /* Mobile: the bottom-right corner belongs to the CTA stack and the offer 686 line (.offer-div sits at bottom: 16px), leaving the controls nowhere 687 clear to sit â so they move to the top-right, where the header scrim 688 above already gives them contrast. Scoped here rather than
688in 689 MediaControls because ControlBar is shared with DesignerHero and the 690 video/gif pause controls, which still want it bottom-right. */ 691 @media (max-width: 767px) { 692 right:auto; 693 bottom: 10px; 694 right: 10px; 695 width:100%; 696 justify-content:flex-end; 697 } 698 } 699`,c=i.default.div.withConfig({displayName:"BannerSliderNew__SliderContainer",componentId:"sc-c9d6f62c-1"})` 700 display: block; 701 position: relative; 702 margin-bottom: 5px; 703 704 ${e=>e.dotsInside&&` 705 ul.common-dots, 706 ul.napslick-dots { 707 position: absolute; 708 bottom: 20px; 709 left: 50%; 710 transform: translateX(-50%); 711 margin: 0; 712 z-index: 2; 713 } 714 715 ul.common-dots li, 716 ul.napslick-dots li { 717 width: 8px; 718 height: 8px; 719 } 720 721 ul.common-dots li.napslick-active button, 722 ul.napslick-dots li.napslick-active button { 723 background-color: #33ccff !important; 724 border-color: #33ccff !important; 725 } 726 `} 727`;i.default.div.withConfig({displayName:"BannerSliderNew__Container",componentId:"sc-c9d6f62c-2"})` 728 position: relative; 729 outline: none !important; 730`,(0,i.default)(n.NAPContainer).withConfig({displayName:"BannerSliderNew__ContentContainer",componentId:"sc-c9d6f62c-3"})` 731 position: absolute; 732 height: calc(100% - 105px); 733 top: 0; 734 left: 50%; 735 transform: translate(-50%, 0%); 736 color: #fff; 737`;let h=(0,i.default)(r.default).withConfig({displayName:"BannerSliderNew__BannerTrack",componentId:"sc-c9d6f62c-4"})` 738 &.napslick-slider { 739 width: 100%; 740 } 741 742 .napslick-list { 743 overflow: hidden; 744 } 745 746 747 748 ul.common-dots, 749 .napslick-dots { 750 position: relative; 751 left: 50%; 752 transform: translate(-50%, -50%); 753 margin: 0; 754 margin-top: 30px; 755 bottom: 0; 756 list-style: none; 757 display: flex; 758 justify-content: center; 759 padding: 0; 760 z-index: 2; 761 } 762 763 ul.common-dots li, 764 .napslick-dots li { 765 margin: 0 10px; 766 line-height: 0; 767 } 768 769 ul.common-dots li button,
770 .napslick-dots li button { 771 background: #dbdbdb; 772 border: 4px solid #c7c9cb; 773 border-radius: 50%; 774 padding: 0; 775 cursor: pointer; 776 font-size: 0; 777 line-height: 0; 778 color: transparent; 779 780 } 781 782 ul.common-dots li.napslick-active button, 783 .napslick-dots li.napslick-active button { 784 background: #0072BC; 785 border: 8px solid #0072BC; 786 } 787 788 789 /* Arrows â semi-transparent white pills (legacy BannerSlider) */ 790 .napslick-arrow { 791 background-color: rgba(255, 255, 255, 0.6); 792 box-shadow: none; 793 } 794 795 .napslick-arrow:hover { 796 background-color: rgba(255, 255, 255, 0.8); 797 } 798`;function u({dots:e,arrows:i,arrowsColor:o,items:r,activeSlide:n,children:u,autoplay:f,dotsInside:m,autoplaySpeed:g,speed:x,pauseOnHover:b,infinite:w=!0,heading:v,mobileHeading:y,body:k,buttons:j,offerText:N,mobileOfferText:S,href:A,wrapperClassName:P,label:_,className:C,...T}){let z=(0,a.useRef)(null),B=a.default.Children.count(u),[O,R]=(0,a.useState)(!!f);(0,a.useEffect)(()=>{R(!!f)},[f]),(0,a.useEffect)(()=>{if(null==n)return;let e=z.current;e?.slickGoTo&&e.slickGoTo(Math.max(0,Number(n)-1))},[n]);let D=_||v||"banner",L=(0,t.jsxs)(c,{dotsInside:m,children:[(0,t.jsx)(h,{ref:z,className:"custom-slider banner-slider-new",dots:e,arrows:i,infinite:w,slidesToShow:1,slidesToScroll:1,dotsClass:"common-dots",swipeToSlide:!0,autoplay:O,autoplaySpeed:g,speed:x,pauseOnHover:b,children:u}),v&&(0,t.jsxs)("header",{className:S?"showControlsonBanner":"",children:[y&&(0,t.jsx)("h2",{className:"showInMobile common-heading1-ds26 main-banner-heading1-ds26",children:y}),v&&(0,t.jsx)("h2",{className:"showInDesktop common-heading1-ds26 main-banner-heading1-ds26",children:v}),k&&(0,t.jsx)("p",{className:"body-copy-one",children:k}),j&&(0,t.jsx)(s.default,{children:j.map((e,a)=>(0,t.jsx)(l.default,{...e,children:e.label},a))})]}),(N||S)&&(0,t.jsxs)("div",{className:"offer-div",children:[N&&(0,t.jsx)("p",{className:"offer-txt-hv showInDesktop",children:N}),S&&(0,t.jsx)("p",{className:"offer-txt-hv showInMobile",children:S})]})]});return A?(0,t.jsxs)(p,{className:[P,"content-gradient",C].filter(Boolean).join(" "),children:[(0,t.jsx)("a",{href:A,"aria-label":v||"Banner slider",children:L}),B>1&&(0,t.jsxs)(d.ControlBar,{className:"media-controls",children:[(0,t.jsx)(d.SliderArrowButton,{direction:"prev",onClick:()=>z.current?.slickPrev(),label:`Previous ${D} slide`}),(0,t.jsx)(d.PlayPauseButton,{playing:O,onToggle:()=>R(e=>!e),label:`${D} rotation`}),(0,t.jsx)(d.SliderArrowButton,{direction:"next",onClick:()=>z.current?.slickNext(),label:`Next ${D} slide`})]})]}):(0,t.jsx)(p,{className:[P,C].filter(Boolean).join(" "),children:L})}i.default.button.withConfig({displayName:"BannerSliderNew__ArrowRight",componentId:"sc-c9d6f62c-5"})` 799 position: absolute; 800 top: 50%; 801 right: 30px; 802 cursor: pointer; 803 width: 50px; 804 height: 65px; 805 806 ${e=>"white"===e.arrowsColor?"filter: invert(1)":"filter: invert(0)"}; 807 808 img { 809 max-width: 20px; 810 } 811 812 &.MuiSvgIcon-root { 813 color: ${e=>e.arrow}; 814 font-size: 40px; 815 ${o.default.tablet} { 816 display: none; 817 } 818 } 819`,i.default.button.withConfig({displayName:"BannerSliderNew__ArrowLeft",componentId:"sc-c9d6f62c-6"})` 820 position: absolute; 821 top: 50%; 822 left: 30px; 823 cursor: pointer; 824 z-index: 10; 825 width: 50px; 826 height: 65px; 827 828 ${e=>"white"===e.arrowsColor?"filter: invert(1)":"filter: invert(0)"}; 829 830 img { 831 max-width: 20px; 832 } 833 834 &.MuiSvgIcon-root { 835 color: ${e=>e.arrow}; 836 font-size: 40px; 837 ${o.default.tablet} { 838 display: none; 839 } 840 } 841`,u.defaultProps={dots:!1,arrows:!1,autoplay:!1,dotsInside:!1,autoplaySpeed:6e3,speed:300,pauseOnHover:!0,infinite:!0,heading:null,mobileHeading:null,body:null,buttons:null,offerText:null,mobileOfferText:null,href:null,wrapperClassName:"banner-section-1 offer-div-2"},e.s(["default",0,u])},631057,(e,t,a)=>{"use strict";var i=e.r(978509);Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var o=i(e.r(421506)),r=e.r(391398);a.default=(0,o.default)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"}),"PauseCircle")},190627,e=>{"use strict";var t=e.i(191788);function a(){let[e,a]=(0,t.useState)({isMobile:!1,isTab:!1,isDesktop:!1,isLargeDesktop:!1,isLandscape:!1});return(0,t.useEffect)(()=>{function e(){a({isMobile:window.innerWidth<=767,isTab:window.innerWidth>=768&&window.innerWidth<=989,isDesktop:window.innerWidth>=990&&window.innerWidth<=1699,isLargeDesktop:window.innerWidth>1699})}return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),e}e.s(["useWindowSize",()=>a])},436908,e=>{"use strict";var t=e.i(391398),a=e.i(760814),i=e.i(622390),o=e.i(999644);let r=a.default.div.withConfig({displayName:"VideoBannerControls__Wrapper",componentId:"sc-559f1a77-0"})` 842 position: relative; 843`;e.s(["default",0,function({label:e,className:a,children:n}){let{hostRef:s,playing:l,toggle:d}=(0,o.default)();return(0,t.jsxs)(r,{ref:s,className:a,children:[n,(0,t.jsx)(i.ControlBar,{children:(0,t.jsx)(i.PlayPauseButton,{playing:l,onToggle:d,label:e})})]})}])},462489,e=>{"use strict";var t=e.i(391398),a=e.i(190627),i=e.i(191788),o=e.i(760814),r=e.i(126019),n=e.i(577609),s=e.i(392957),l=e.i(185468);let d=o.default.div.withConfig({displayName:"VideoBannerHP__MainDiv",componentId:"sc-b0d8f6ca-0"})` 844 text-align: center; 845 position: relative; 846 width: 100%; 847 overflow: hidden; 848 849 padding-top: 39%; 850 video { 851 transform: translateY(-50%) scale(1.1); 852 } 853 @media (min-width: 768px) and (max-width: 989px) { 854 padding-top: 165.5%; 855 video { 856 transform: translateY(-50%) scale(1); 857 } 858 } 859 860 ${n.default.tablet} { 861 padding-top: 165%; 862 video { 863 transform: translateY(-50%) scale(1); 864 } 865 } 866 867 video { 868 position: absolute; 869 top: 50%; 870 left: 0; 871 z-index: -1; 872 } 873 874 .placeholder { 875 position: absolute; 876 top: 0; 877 left: 0; 878 } 879 &&&.has-banner-content { 880 /* Reference .hero â proportioned by viewport height, not a padding box. */ 881 padding-top: 0; 882 height: 90vh; 883 min-height: 560px; 884 885 /* The media must fill whatever height the box takes (reference .hero-bg 886 video: cover, full-bleed) instead of the vertical-centre + scale(1.1) 887 transform that a fixed aspect box needed. */ 888 video { 889 top: 0; 890 left: 0; 891 width: 100%; 892 height: 100%; 893 object-fit: cover; 894 transform: none; 895 } 896 897 @media (max-width: 767px) { 898 height: auto; 899 min-height: 133.33vw; 900 aspect-ratio: 3 / 4; 901 } 902
903 /* Design standard (BRD 03 §4 â MANDATORY hero overlay gradient). It is what 904 carries the WCAG contrast for the eyebrow / headline / body / CTA over the 905 video. Sits above the media, below the copy. Never lighten it. */ 906 &::before { 907 content: ""; 908 position: absolute; 909 inset: 0; 910 z-index: 1; 911 pointer-events: none; 912 background: 913 linear-gradient( 914 0deg, 915 rgba(10, 10, 10, 0.9) 0%, 916 rgba(10, 10, 10, 0.2) 50%, 917 transparent 100% 918 ), 919 linear-gradient( 920 180deg, 921 rgba(10, 10, 10, 0.55) 0, 922 rgba(10, 10, 10, 0.25) 110px, 923 transparent 190px 924 ); 925 } 926 927 /* Reference .hero-content: the copy block sits on the bottom edge with 80px 928 of clearance on desktop, 63px and a 10px side gutter at â¤1023. */ 929 header { 930 position: absolute; 931 z-index: 2; 932 transform: translate(-50%, 0%); 933 left: 50%; 934 bottom: 80px; 935 color: #fff; 936 max-width: 100%; 937 width: 100%; 938 @media (max-width: 1300px) { 939 max-width: 810px; 940 } 941 @media (max-width: 990px) { 942 max-width: 740px; 943 } 944 @media (max-width: 1023px) { 945 bottom: 63px; 946 padding-left: 10px; 947 padding-right: 10px; 948 } 949 } 950 951 .body-copy-ds26 { 952 max-width: 700px; 953 margin: 0 auto; 954 } 955 956 /* Single CTA â centred on its own, since HeroButtons' two-up grid would sit 957 it in the left column. Keyed on .hero-cta-single rather than on the shared 958 .btn-container class so it can never tie with HeroButtons' own (0,5,0) 959 block when there are two CTAs. */ 960 .hero-cta-single { 961 display: flex; 962 justify-content: center; 963 align-items: center; 964 965 .global-button { 966 @media (max-width: 767px) { 967 background: #ffffff2e; 968 color: #fff; 969 border: 1px solid rgba(255, 255, 255, 0.35); 970 backdrop-filter: blur(12px); 971 min-width: 280px; 972 } 973 } 974 } 975 } 976 977 &&& .offer-div { 978 position: absolute; 979 z-index: 2; 980 transform: translate(-50%, 0%); 981 left: 50%; 982 /* Reference .hero-footnote: pinned 16px off the hero's bottom edge. */ 983 bottom: 16px; 984 width: 100%; 985 986 .offer-txt-hv { 987 font-family: "helvetica-neue-lt-pro", sans-serif; 988 font-weight: 400; 989 font-style: normal; 990 font-size: 11px; 991 letter-spacing: 0px; 992 line-height: 1.4; 993 text-align: center; 994 color: rgba(255, 255, 255, 0.75); 995 } 996 } 997 998 h1.common-heading1-ds26{ 999 @media(max-width:767px) { 1000 line-height:30px; 1001 } 1002 } 1003 1004`,p=o.default.picture.withConfig({displayName:"VideoBannerHP__HeroPoster",componentId:"sc-b0d8f6ca-1"})` 1005 position: absolute; 1006 inset: 0; 1007 display: block; 1008 z-index: 0; 1009 transition: opacity 0.3s ease; 1010 img { 1011 width: 100%; 1012 height: 100%; 1013 object-fit: cover; 1014 display: block; 1015 } 1016`,c=(e,t,a,i)=>e?(0,r.getImageProps)({src:e,width:t,height:a,sizes:"100vw",quality:70,priority:!0,alt:i||"newage banner"}).props:null;function h({video:e,parallax:o,children:r,placeholder:n,className:h,alt:u,bannerContent:f}){let m,[g,x]=(0,i.useState)(!1),b=(0,i.useRef)(null),w=(0,i.useRef)(null),v=(0,i.useRef)(null),{isLargeDesktop:y,isDesktop:k,isMobile:j,isTab:N}=(0,a.useWindowSize)();(0,i.useEffect)(()=>{let e,t,a,i=(y||k?b:w).current;if(!i)return;let o=!1,r=()=>{if(o)return;let e=i.play();void 0!==e&&e.then(()=>x(!0)).catch(()=>{i.muted=!0,i.play().then(()=>x(!0)).catch(()=>{})})},n=()=>
1016{if(!o&&i){try{i.load()}catch(e){}i.readyState>=3?r():i.addEventListener("canplay",r,{once:!0})}},s=()=>{"function"==typeof window.requestIdleCallback?e=window.requestIdleCallback(n,{timeout:3e3}):t=setTimeout(n,1200)},l=()=>{"complete"===document.readyState?s():window.addEventListener("load",s,{once:!0})},d=v.current;return d&&"IntersectionObserver"in window?(a=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(a.disconnect(),a=null,l())},{rootMargin:"400px 0px"})).observe(d):l(),()=>{o=!0,a&&a.disconnect(),window.removeEventListener("load",s),e&&"function"==typeof window.cancelIdleCallback&&window.cancelIdleCallback(e),t&&clearTimeout(t),i.removeEventListener("canplay",r)}},[y,k,N,j]);let S=e=>({ref:e,style:{opacity:+!!g},width:"100%",height:"100%",playsInline:!0,muted:!0,loop:!0,preload:"none","aria-hidden":"true"});return(0,t.jsxs)(d,{className:`${h}${f?" has-banner-content content-gradient":""}`,parallax:o,children:[(0,t.jsxs)("div",{"aria-hidden":g&&!r?"true":void 0,children:[(()=>{let e=c(n.desktop,2880,1120,u),a=c(n.tablet,1024,1280,u),i=c(n.mobile,768,1280,u);if(!e&&!a&&!i)return null;let{style:o,...r}=e||a||i||{};return(0,t.jsxs)(p,{className:"placeholder",style:{opacity:+!g,position:"absolute",inset:0,display:"block",zIndex:0},"aria-hidden":g?"true":void 0,children:[i&&(0,t.jsx)("source",{media:"(max-width: 767px)",srcSet:i.srcSet,sizes:"100vw"}),a&&(0,t.jsx)("source",{media:"(max-width: 989px)",srcSet:a.srcSet,sizes:"100vw"}),(0,t.jsx)("img",{...r,loading:"eager",fetchpriority:"high",alt:u||"newage banner",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})]})})(),r]}),y||k?(0,t.jsxs)("div",{children:[(0,t.jsx)("video",{...S(b),children:(0,t.jsx)("source",{src:e.largeDesktop,type:"video/mp4"})}),r]}):null,N||j?(0,t.jsxs)("div",{children:[(0,t.jsx)("video",{...S(w),children:(0,t.jsx)("source",{src:e.mobile,type:"video/mp4"})}),r]}):null,f&&(m=f.headingLevel||"h1",(0,t.jsxs)("header",{children:[f.preHeading&&(0,t.jsx)("p",{className:"banner-tag",children:f.preHeading}),f.mainHeading&&(0,t.jsx)(m,{className:"common-heading1-ds26 main-banner-heading1-ds26",children:f.mainHeading}),f.bodyCopy&&(0,t.jsx)("p",{className:"body-copy-ds26",children:f.bodyCopy}),(()=>{let e=(f.ctas||[f.cta1,f.cta2]).filter(e=>e&&(e.text||e.node));if(!e.length)return null;let a=e.map((e,a)=>e.node?(0,t.jsx)("span",{className:"hero-cta-node",children:e.node},e.key||a):(0,t.jsx)(l.default,{href:e.href,onClick:e.onClick,variant:e.variant?e.variant:"black",children:e.text},e.href||e.text||a));return a.length>1?(0,t.jsx)(s.default,{children:a}):(0,t.jsx)("div",{className:"btn-container hero-cta-single",children:a})})()]})),f&&(f.offerTextDesktop||f.offerTextMobile)&&(0,t.jsxs)("div",{className:"offer-div",children:[f.offerTextDesktop&&(0,t.jsx)("p",{className:"offer-txt-hv showInDesktop",children:f.offerTextDesktop}),f.offerTextMobile&&(0,t.jsx)("p",{className:"offer-txt-hv showInMobile",children:f.offerTextMobile})]})]})}h.defaultProps={placeholder:{desktop:"https://newageproducts-assets.dileads.workers.dev/videos/bold_series_banner_placeholder_desktop.png",mobile:"https://newageproducts-assets.dileads.workers.dev/videos/bold_series_banner_placeholder_mobile.png"},video:{largeDesktop:"https://newageproducts-assets.dileads.workers.dev/video-banners/banner___garage___bold_series_1080p.mp4",desktop:"https://newageproducts-assets.dileads.workers.dev/video-banners/banner___garage___bold_series_1080p.mp4",tab:"https://newageproducts-assets.dileads.workers.dev/video-banners/banner___garage___bold_series_720p.mp4",mobile:"https://newageproducts-assets.dileads.workers.dev/video-banners/banner___garage___bold_series_720p.mp4"},parallax:!1,alt:""},e.s(["default",0,h])},110477,e=>{"use strict";var t=e.i(391398),a=e.i(145246),i=e.i(46999),o=e.i(692356),r=e.i(760814),n=e.i(577609),s=e.i(168489),l=e.i(958678),d=e.i(462489),p=e.i(191788),c=e.i(203828),h=e.i(823163),u=e.i(942692),f=e.i(884062),m=e.i(436908),g=e.i(800183),x=e.i(60473);(0,s.default)(()=>e.A(222630),{loadableGenerated:{modules:[132121]},ssr:!1,loading:()=>(0,t.jsx)("div",{style:{minHeight:500}})});let b=(0,s.default)(()=>e.A(890036),{loadableGenerated:{modules:[778692]},ssr:!1}),w=r.default.div.withConfig({displayName:"pages__HomePageParentWrapper",componentId:"sc-fb18709-0"})` 1017 /* --------------------------------------------------------------------- 1018 ACCESSIBILITY / ZOOM BASELINE (added with the WCAG 2.1 AA pass) 1019 --------------------------------------------------------------------- */ 1020 1021 /* Reserve no visual space, stay available to assistive tech. Used for the 1022 keyword-bearing continuation of the H1 and for CTA context text. */ 1023 1024 .mobile-override { 1025 header { 1026 ${n.default.tablet} { 1027 bottom: 100px !important; 1028 } 1029 } 1030 .offer-div { 1031 ${n.default.tablet} { 1032 bottom: 60px !important; 1033 } 1034 } 1035 } 1036 .sr-only { 1037 position: absolute; 1038 width: 1px; 1039 height: 1px; 1040 padding: 0; 1041 margin: -1px; 1042 overflow: hidden; 1043 clip: rect(0, 0, 0, 0); 1044 white-space: nowrap; 1045 border: 0; 1046 } 1047 1048 /* The three non-carousel banners are clickable divs rather than <a> now (see 1049 the notes at each one), so the pointer cursor has to be restored by hand 1050 or the banner stops looking clickable. */ 1051 .banner-click-area { 1052 cursor: pointer; 1053 } 1054 1055 /* 1.4.10 Reflow â nothing on the homepage may introduce a horizontal 1056 scrollbar at 320px / 400% zoom. overflow-x: clip (rather than hidden) so 1057 it never breaks position: sticky in descendants. */ 1058 max-width: 100%; 1059 overflow-x: clip; 1060 1061 /* 2.3.3 / 2.2.2 â kill the decorative marquee and smooth-scroll for visitors 1062 who ask for reduced motion. The logo strip animates forever with no pause 1063 control of its own (see LogoSection). */ 1064 @media (prefers-reduced-motion: reduce) { 1065 .logo-section-hp .logo-scroll-container { 1066 animation: none !important; 1067 } 1068 } 1069 1070 /* 1.4.3 Contrast â hero/promo copy is white text laid straight over 1071 photography and video, where the underlying luminance is uncontrolled and 1072 frequently fails 4.5:1. This scrim darkens only the lower band of each 1073 banner (where the copy actually sits) so white text clears AA on every 1074 frame of the video loop and every carousel slide. 1075 DESIGN-IMPACTING: banners get a visible bottom gradient. */ 1076 .banner-section-1 { 1077 /* &:after { 1078 content: ""; 1079 position: absolute; 1080 left: 0; 1081 right: 0; 1082 bottom: 0; 1083 height: 60%; 1084 background: linear-gradient( 1085 to top, 1086 rgba(0, 0, 0, 0.78) 0%, 1087 rgba(0, 0, 0, 0.55) 40%, 1088 rgba(0, 0, 0, 0) 100% 1089 ); 1090 pointer-events: none; 1091 z-index: 1; 1092 } */ 1093 /* Keep the copy, the offer line and the carousel controls above the scrim. */ 1094 > header, 1095 > .offer-div, 1096 > .mob-top { 1097 z-index: 2; 1098 } 1099 } 1100 1101 /* 1.4.4 Resize text â fixed pixel heights clip their own label once text is 1102 scaled to 200%. Let the buttons grow instead, and let a CTA pair wrap 1103 rather than overflow the viewport. */ 1104 .btn-container { 1105 flex-wrap: wrap; 1106 row-gap: 10px; 1107 } 1108 .hp-btn, 1109 .hp-video-btn .napbanner-cta-default { 1110 height: auto !important; 1111 min-height: 50px; 1112 max-width: 100%; 1113 white-space: normal; 1114 ${n.default.tablet} { 1115 min-height: 44px; 1116 } 1117 } 1118 1119 .new-design-temp { 1120 .img-container { 1121 min-height: 230px; 1122 position: relative; 1123 text-align: center; 1124 padding: 14px 0; 1125 background-color: #f2f2f2; 1126 ${n.default.tablet} { 1127 padding: 18px 0; 1128 min-height: 130px; 1129 width: 280px; 1130 } 1131 } 1132 .img-container img { 1133 filter: grayscale(25%) brightness(95%); 1134 } 1135 } 1136 .banner-top-3 { 1137 margin-top: 60px; 1138 } 1139 .below-767-br { 1140 display: none; 1141 @media (max-width: 767px) { 1142 display: block; 1143 } 1144 } 1145 .below-1300-br { 1146 display: none; 1147 @media (max-width: 1300px) { 1148 display: block; 1149 } 1150 @media (max-width: 767px) { 1151 display: none; 1152 } 1153 } 1154 .banner-section-1 { 1155 .last-call { 1156 font-family: "helvetica-neue-lt-pro", sans-serif; 1157 font-weight: 400; 1158 font-size: 18px; 1159 letter-spacing: 0px; 1160 margin-bottom: 10px; 1161 } 1162 } 1163 .grid-section-main { 1164 padding: 0px 40px; 1165 background-color: #000000; 1166 display: grid; 1167 grid-template-columns: 1fr 1fr; 1168 @media (max-width: 990px) { 1169 grid-template-columns: 1fr; 1170 padding: 0px; 1171 } 1172 1173 .single-item { 1174 position: relative; 1175 .content-container { 1176 position: absolute; 1177 left: 40px; 1178 bottom: 100px; 1179 color: #fff; 1180 @media (max-width: 1500px) { 1181 left: 20px; 1182 bottom: 50px; 1183 } 1184 @media (max-width: 768px) { 1185 left: 10px; 1186 bottom: 26px; 1187 } 1188 1189 .sub-text { 1190 font-family: "helvetica-neue-lt-pro", sans-serif; 1191 font-weight: 600; 1192 font-size: 14px; 1193 letter-spacing: 0.42px; 1194 @media (max-width: 990px) { 1195 font-size: 24px; 1196 } 1197 @media (max-width: 768px) { 1198 font-size: 14px; 1199 } 1200 } 1201 .up-to-text { 1202 font-family: "helvetica-neue-lt-pro", sans-serif; 1203 font-weight: 600; 1204 font-size: 40px; 1205 @media (max-width: 1100px) { 1206 font-size: 30px; 1207 } 1208 @media (max-width: 990px) { 1209 font-size: 40px; 1210 } 1211 @media (max-width: 768px) { 1212 font-size: 26px; 1213 } 1214 } 1215 .desc-text { 1216 font-family: "helvetica-neue-lt-pro", sans-serif; 1217 font-weight: 600; 1218 font-size: 20px; 1219 @media (max-width: 1100px) { 1220 font-size: 16px; 1221 } 1222 @media (max-width: 990px) { 1223 font-size: 20px; 1224 } 1225 @media (max-width: 768px) { 1226 font-size: 14px; 1227 } 1228 } 1229 .sub-text + .up-to-text { 1230 margin-top: 13px; 1231 @media (max-width: 1300px) { 1232 margin-top: 7px; 1233 } 1234 @media (max-width: 990px) { 1235 margin-top: 13px; 1236 } 1237 } 1238 .up-to-text + .button-container { 1239 margin-top: 40px; 1240 @media (max-width: 1300px) { 1241 margin-top: 20px; 1242 } 1243 @media (max-width: 990px) { 1244 margin-top: 40px; 1245 } 1246 } 1247 .desc-text + .button-container { 1248 margin-top: 40px; 1249 @media (max-width: 1300px) { 1250 margin-top: 20px; 1251 } 1252 @media (max-width: 990px) { 1253 margin-top: 40px; 1254 } 1255 } 1256 } 1257 } 1258 } 1259 .vdc-form.banner-top { 1260 margin-top: 5px; 1261 } 1262 .slider-main { 1263 max-width: 100% !important; 1264 margin-right: 0 !important; 1265 @media (max-width: 767px) { 1266 max-width: 100% !important; 1267 } 1268 } 1269 .individual-3 { 1270 margin-bottom: 50px; 1271 } 1272 .shop-all-desc { 1273 font-family: "helvetica-neue-lt-pro", sans-serif; 1274 font-weight: 400; 1275 font-style: normal; 1276 font-size: 18px; 1277 line-height: 22px; 1278 1279 ${n.default.laptopL} { 1280 font-size: 14px; 1281 line-height: normal; 1282 } 1283 ${n.default.tablet} { 1284 font-size: 14px; 1285 line-height: 18px; 1286 } 1287 } 1288 .top-white { 1289 margin-top: -6px; 1290 } 1291 .above-990 { 1292 @media (max-width: 990px) { 1293 display: none !important; 1294 } 1295 } 1296 .below-990 { 1297 display: none !important; 1298 @media (max-width: 990px) { 1299 display: block !important; 1300 } 1301 ${n.default.tablet} { 1302 display: none !important; 1303 } 1304 } 1305 .complete-below-990 { 1306 display: none !important; 1307 ${n.default.laptopS} { 1308 display: block !important; 1309 } 1310 } 1311 .complete-below-470 { 1312 display: none !important; 1313 @media (max-width: 470px) { 1314 display: block !important; 1315 } 1316 } 1317 .hp-btn { 1318 font-family: "helvetica-neue-lt-pro"; 1319 background-color: #ffffff; 1320 border: 1px solid #ffffff; 1321 border-radius: 0; 1322 color: #0a0a0a; 1323 padding: 18px 24px; 1324 letter-spacing: 0px; 1325 text-shadow: none; 1326 text-transform: uppercase; 1327 font-size: 14px; 1328 font-weight: 600; 1329 display: flex; 1330 align-items: center; 1331 justify-content: center; 1332 transition: background-color 150ms cubic-bezier(0.16, 1, 0.3, 1); 1333 &:hover { 1334 background-color: #f0ede8; 1335 border-color: #f0ede8; 1336 color: #0a0a0a; 1337 } 1338 ${n.default.tablet} { 1339 font-size: 12px; 1340 padding: 14px 12px; 1341 letter-spacing: 0; 1342 width: 100%; 1343 } 1344 &:after { 1345 display: none; 1346 } 1347 } 1348 .hp-video-btn { 1349 display: block; 1350 .napbanner-cta-default { 1351 display: flex; 1352 align-items: center; 1353 justify-content: center; 1354 width: 100%; 1355 height: auto; 1356 padding: 18px 24px; 1357 font-family: "helvetica-neue-lt-pro"; 1358 font-size: 14px; 1359 font-weight: 600; 1360 letter-spacing: 0.1em; 1361 text-transform: uppercase; 1362 text-shadow: none; 1363 white-space: nowrap; 1364 border-radius: 0; 1365 color: #ffffff; 1366 background: linear-gradient( 1367 180deg, 1368 rgba(255, 255, 255, 0.08) 0%, 1369 rgba(0, 0, 0, 0.45) 100% 1370 ); 1371 -webkit-backdrop-filter: blur(12px); 1372 backdrop-filter: blur(12px); 1373 border: 1px solid rgba(255, 255, 255, 0.6); 1374 &:hover { 1375 background: rgba(255, 255, 255, 0.15); 1376 border-color: #ffffff; 1377 } 1378 @media (max-width: 1023px) { 1379 font-size: 12px; 1380 padding: 14px 12px; 1381 letter-spacing: 0; 1382 } 1383 } 1384 } 1385 .gray-clr { 1386 background-color: #f5f5f560 !important; 1387 color: #fff; 1388 } 1389 .blk-clr { 1390 background-color: #252529 !important; 1391 border-color: #252529 !important; 1392 color: #fff !important; 1393 &:hover { 1394 background-color: #676772 !important; 1395 border-color: #676772 !important; 1396 } 1397 ${n.default.tablet} { 1398 background-color: #252529 !important; 1399 } 1400 } 1401 .red-clr { 1402 background-color: #e22f2e !important; 1403 color: #fff; 1404 &:hover { 1405 background-color: #ebebeb !important; 1406 color: #000000; 1407 } 1408 } 1409 .tarrif-parent { 1410 ${n.default.laptopS} { 1411 margin-top: -2px; 1412 } 1413 padding: 3px; 1414 text-align: center; 1415 background: transparent linear-gradient(180deg, #f0b30c 66%, #ce6700 96%) 0% 1416 0% no-repeat padding-box; 1417 ${n.default.tablet} { 1418 padding: 5px 0px; 1419 } 1420 .tarrif-text { 1421 font-family: "bebas-neue-pro-semiexpanded"; 1422 font-size: 20px; 1423 color: #000; 1424 ${n.default.tablet} { 1425 font-size: 14px; 1426 } 1427 ${n.default.mobileL} { 1428 font-size: 12px; 1429 } 1430 } 1431 } 1432 .banner-top { 1433 margin-top: 10px; 1434 ${n.default.tablet} { 1435 margin-top: 10px; 1436 } 1437 } 1438 .banner-section-1.premium { 1439 ${n.default.tablet} {
1440 margin-top: -1px; 1441 } 1442 } 1443 .banner-section-1 + .banner-section-1 { 1444 margin-top: 10px; 1445 } 1446 .banner-section-1 + .vdc-form { 1447 margin-top: 5px; 1448 } 1449 .banner-section-1.offer-div-2.banner-top2:nth-of-type(1) { 1450 @media (max-width: 990px) { 1451 order: 2; 1452 } 1453 } 1454 .banner-section-1.offer-div-2.banner-top2:nth-of-type(2) { 1455 @media (max-width: 990px) { 1456 order: 1; 1457 } 1458 } 1459 .banner-sections-container { 1460 display: flex; 1461 flex-direction: column; 1462 gap: 5px; 1463 margin-bottom: 15px; 1464 @media (max-width: 990px) { 1465 gap: 15px; 1466 } 1467 } 1468 .banner-section-1 { 1469 position: relative; 1470 margin-bottom: -5px; 1471 1472 /* Design standard (BRD 03 §4 â MANDATORY hero overlay gradient): carries 1473 the WCAG contrast for the copy/CTAs over photography. Skipped on the two 1474 bannerContent video heroes: VideoBannerHP already paints this same 1475 gradient inside its own box, and stacking both would crush the video. */ 1476 &:not(.banner-video-1):not(.banner-video-2)::before { 1477 content: ""; 1478 position: absolute; 1479 inset: 0; 1480 z-index: 1; 1481 pointer-events: none; 1482 background: 1483 linear-gradient( 1484 0deg, 1485 rgba(10, 10, 10, 0.9) 0%, 1486 rgba(10, 10, 10, 0.2) 50%, 1487 transparent 100% 1488 ), 1489 linear-gradient( 1490 180deg, 1491 rgba(10, 10, 10, 0.55) 0, 1492 rgba(10, 10, 10, 0.25) 110px, 1493 transparent 190px 1494 ); 1495 } 1496 header, 1497 .btn-container, 1498 .hero-slider-wrapper .customSlideNAP { 1499 position: relative; 1500 z-index: 2; 1501 } 1502 1503 .hero-slider-wrapper { 1504 position: relative; 1505 .customSlideNAP { 1506 position: absolute; 1507 transform: translate(-50%, 0%); 1508 left: 50%; 1509 bottom: 100px; 1510 color: #fff; 1511 max-width: 100%; 1512 text-align: center; 1513 width: 100%; 1514 @media (max-width: 1300px) { 1515 max-width: 810px; 1516 } 1517 @media (max-width: 990px) { 1518 max-width: 740px; 1519 } 1520 ${n.default.tablet} { 1521 bottom: 70px; 1522 } 1523 } 1524 } 1525 1526 header { 1527 position: absolute; 1528 transform: translate(-50%, 0%); 1529 left: 50%; 1530 bottom: 80px; 1531 color: #fff; 1532 max-width: 100%; 1533 width: 100%; 1534 @media (max-width: 1300px) { 1535 max-width: 810px; 1536 } 1537 @media (max-width: 990px) { 1538 max-width: 740px; 1539 } 1540 @media (max-width: 1023px) { 1541 bottom: 63px; 1542 padding-left: 10px; 1543 padding-right: 10px; 1544 } 1545 1546 .new-txt { 1547 font-family: "helvetica-neue-lt-pro", sans-serif; 1548 font-weight: 400; 1549 font-size: 18px; 1550 letter-spacing: 0px; 1551 ${n.default.tablet} { 1552 font-size: 14px; 1553 } 1554 } 1555 .new-txt + .main-heading-hv { 1556 margin-top: 10px; 1557 } 1558 1559 .sub-heading-hv { 1560 display: flex; 1561 align-items: center; 1562 position: relative; 1563 justify-content: center; 1564 } 1565 1566 .dekton-container { 1567 position: relative; 1568 display: inline-flex; 1569 align-items: center; 1570 padding-left: 5px; 1571 } 1572 1573 .info-icon { 1574 display: inline-block; 1575 width: 13px; 1576 height: 13px; 1577 border: 1px solid #fff; 1578 border-radius: 50%; 1579 background-color: #fff; 1580 cursor: pointer; 1581 position: relative; 1582 } 1583 1584 .info-icon::after { 1585 content: "i"; 1586 position: absolute; 1587 font-size: 8px; 1588 font-weight: bold; 1589 transform: translate(-50%, -50%); 1590 left: 50%; 1591 top: 50%; 1592 color: #000; 1593 } 1594 1595 .info-icon:hover { 1596 background: #9393a3; 1597 border: 1px solid #9393a3; 1598 } 1599 1600 .info-icon:hover::after { 1601 color: #fff; 1602 } 1603 1604 .dekton-tooltip { 1605 position: absolute; 1606 left: 16px; 1607 top: -70px; 1608 background: #fff; 1609 color: #000; 1610 padding: 7px; 1611 width: 290px; 1612 text-align: left; 1613 border-radius: 12px; 1614 border-bottom-left-radius: 0; 1615 1616 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); 1617 z-index: 10; 1618 .tooltip-title + .tooltip-text { 1619 margin-top: 7px; 1620 } 1621 1622 @media (max-width: 1100px) { 1623 left: -280px; 1624 top: -70px; 1625 border-radius: 12px; 1626 border-bottom-right-radius: 0; 1627 } 1628 ${n.default.tablet} { 1629 left: -222px; 1630 top: -60px; 1631 width: 230px; 1632 border-radius: 12px; 1633 border-bottom-right-radius: 0; 1634 } 1635 } 1636 1637 .tooltip-title { 1638 font-family: "helvetica-neue-lt-pro-cond"; 1639 font-size: 25px; 1640 line-height: normal; 1641 ${n.default.tablet} { 1642 font-size: 20px; 1643 } 1644 } 1645 1646 .tooltip-text { 1647 font-family: "helvetica-neue-lt-pro", sans-serif; 1648 font-weight: 400; 1649 font-size: 18px; 1650 line-height: normal; 1651 ${n.default.tablet} { 1652 font-size: 14px; 1653 } 1654 } 1655 } 1656 .logo-container { 1657 display: flex; 1658 justify-content: center; 1659 position: absolute; 1660 transform: translate(-50%, -50%); 1661 left: 50%; 1662 top: 50%; 1663 @media (max-width: 1450px) { 1664 top: 40%; 1665 } 1666 @media (max-width: 1170px) { 1667 top: 30%; 1668 } 1669 img { 1670 max-width: 300px; 1671 ${n.default.laptopB} { 1672 max-width: 250px; 1673 } 1674 } 1675 } 1676 .logo-container + .main-heading-hv { 1677 margin-top: 50px; 1678 } 1679 .main-heading-hv + .main-heading-hv { 1680 margin-top: 13px; 1681 ${n.default.tablet} { 1682 margin-top: 7px; 1683 } 1684 } 1685 .main-heading-hv + .sub-heading-hv { 1686 margin-top: 13px; 1687 ${n.default.tablet} { 1688 margin-top: 7px; 1689 } 1690 } 1691 .sub-heading-hv + .sub-heading-hv { 1692 margin-top: 13px; 1693 ${n.default.tablet} { 1694 margin-top: 7px; 1695 } 1696 } 1697 .new-arrivals { 1698 font-family: "helvetica-neue-lt-pro", sans-serif; 1699 font-weight: 700; 1700 letter-spacing: 0.42px; 1701 font-size: 14px; 1702 ${n.default.tablet} { 1703 font-size: 10px; 1704 } 1705 } 1706 .new-arrivals + .main-heading-hv { 1707 margin-top: 13px; 1708 ${n.default.tablet} { 1709 margin-top: 7px; 1710 } 1711 } 1712 .main-heading-hv { 1713 font-family: "helvetica-neue-lt-pro", sans-serif; 1714 font-weight: 500; 1715 font-style: normal; 1716 font-size: 40px; 1717 letter-spacing: 0px; 1718 1719 @media (max-width: 1500px) { 1720 font-size: 40px; 1721 } 1722 ${n.default.tablet} { 1723 font-size: 30px; 1724 font-weight: 700; 1725 } 1726 .extended { 1727 color: #e50d0d; 1728 } 1729 } 1730 1731 .sub-heading-hv { 1732 font-family: "helvetica-neue-lt-pro", sans-serif; 1733 font-weight: 400; 1734 font-style: normal; 1735 font-size: 18px; 1736 letter-spacing: 0px; 1737 line-height: 1.3; 1738 color: #d4d4d4; 1739 max-width: 480px; 1740 margin-left: auto; 1741 margin-right: auto; 1742 1743 @media (max-width: 1500px) { 1744 font-size: 18px; 1745 } 1746 @media (max-width: 1279px) and (min-width: 768px) { 1747 font-size: 16px; 1748 } 1749 ${n.default.tablet} { 1750 font-size: 14px; 1751 line-height: 1.3; 1752 } 1753 @media (max-width: 400px) { 1754 font-size: 14px; 1755 } 1756 } 1757 .btn-container { 1758 width: 100%; 1759 display: flex; 1760 justify-content: center; 1761 .hp-btn + .hp-btn { 1762 margin-left: 12px; 1763 }
1764 .hp-btn + .hp-video-btn { 1765 margin-left: 12px; 1766 } 1767 @media (max-width: 420px) { 1768 flex-direction: column; 1769 align-items: center; 1770 gap: 10px; 1771 } 1772 } 1773 .btn-container { 1774 width: 100%; 1775 display: flex; 1776 justify-content: center; 1777 1778 ${n.default.tablet} { 1779 flex-direction: row; 1780 width: 100%; 1781 margin-left: auto; 1782 margin-right: auto; 1783 justify-content: space-evenly; 1784 @media (max-width: 425px) { 1785 flex-direction: column; 1786 align-items: center; 1787 } 1788 .hp-btn + .hp-btn { 1789 margin-left: 10px !important; 1790 @media (max-width: 450px) { 1791 margin-left: 10px !important; 1792 } 1793 @media (max-width: 425px) { 1794 margin: 0px !important; 1795 margin-top: 10px !important; 1796 } 1797 @media (max-width: 420px) { 1798 margin: 0px !important; 1799 margin-top: 0px !important; 1800 } 1801 } 1802 .hp-btn + .hp-video-btn { 1803 margin-left: 20px !important; 1804 @media (max-width: 450px) { 1805 margin-left: 10px !important; 1806 } 1807 @media (max-width: 425px) { 1808 margin: 0px !important; 1809 margin-top: 10px !important; 1810 } 1811 @media (max-width: 420px) { 1812 margin: 0px !important; 1813 margin-top: 0px !important; 1814 } 1815 } 1816 } 1817 } 1818 /* Matches BannerSliderNew's HeroButtons CTA pair â same fixed 315/200px 1819 button widths and the same 1023/767/420 breakpoints â so a plain 1820 ResponsiveBanner's buttons don't look different from the ones on the 1821 slider banners right above/below it. Doubled selector 1822 (.btn-container.hero-cta-pair) to clear the legacy .btn-container rules 1823 above without relying on source order. 1824 1825 Row width is fluid (100%), never a fixed px track: HeroButtons' own 1826 408px/642px tracks assume a grid column that's free to overflow, but a 1827 real phone viewport (~375-414px) is narrower than 408px, so a fixed 1828 width there just wraps the second button onto its own line â which 1829 looks identical to flex-direction: column even though it never 1830 switched. flex-wrap: nowrap plus an explicit flex-direction: row keep 1831 this pair on one line at every width down to the real 420px cutoff. */ 1832 .btn-container.hero-cta-pair { 1833 flex-direction: row; 1834 flex-wrap: nowrap; 1835 align-items: center; 1836 gap: 12px; 1837 width: 100%; 1838 max-width: 100%; 1839 1840 .hp-btn { 1841 flex: none; 1842 width: 315px; 1843 } 1844 .hp-btn + .hp-btn, 1845 .hp-btn + .hp-video-btn { 1846 margin-left: 0 !important; 1847 } 1848 1849 @media (max-width: 1023px) { 1850 gap: 8px; 1851 } 1852 1853 @media (max-width: 767px) { 1854 .hp-btn { 1855 width: 200px; 1856 } 1857 } 1858 1859 @media (max-width: 420px) { 1860 flex-direction: column; 1861 gap: 10px; 1862 .hp-btn { 1863 width: 200px; 1864 } 1865 .hp-btn + .hp-btn, 1866 .hp-btn + .hp-video-btn { 1867 margin-top: 0 !important; 1868 } 1869 } 1870 } 1871 .sub-heading-hv + .btn-container { 1872 margin-top: 40px; 1873 ${n.default.tablet} { 1874 margin-top: 26px; 1875 } 1876 } 1877 .main-heading-hv + .btn-container { 1878 margin-top: 30px; 1879 @media (max-width: 470px) { 1880 margin-top: 20px; 1881 } 1882 } 1883 .mob-top { 1884 position: absolute; 1885 top: 50px; 1886 width: 100%; 1887 text-align: center; 1888 color: #fff; 1889 .main-heading-hv { 1890 font-size: 30px; 1891 } 1892 } 1893 .offer-div { 1894 position: absolute; 1895 transform: translate(-50%, 0%); 1896 left: 50%; 1897 bottom: 40px; 1898 width: 100%; 1899 1900 ${n.default.tablet} { 1901 bottom: 60px; 1902 } 1903 .offer-txt-hv { 1904 font-family: "helvetica-neue-lt-pro", sans-serif; 1905 font-weight: 500; 1906 font-style: normal; 1907 font-size: 12px; 1908 letter-spacing: 0px; 1909 text-align: center; 1910 color: #fff; 1911 ${n.default.tablet} { 1912 font-size: 10px; 1913 line-height: 12px; 1914 } 1915 } 1916 } 1917 } 1918 .banner-section-1.tarrif-top { 1919 margin-top: 5px; 1920 } 1921 .banner-slider-1 { 1922 .item { 1923 position: relative; 1924 } 1925 } 1926 .banner-slider-2 { 1927 margin-bottom: -10px; 1928 } 1929`,v="Limited quantities. Offer ends October 14, 2026.",y="Limited quantities. Offer ends October 14, 2026.",k=[{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/4-Platinum-Grill-Alina-Tomahawk.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/4-Platinum-Grill-Alina-Tomahawk.jpg",alt:"A chef searing a tomahawk steak on a NewAge Platinum gas grill"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/2-Platinum-Grill-Chef-Miguel-Surf-and-Turf.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Thumbnails/2-Platinum-Grill-Chef-Miguel-Surf-and-Turf.jpg",alt:"A chef cooking surf and turf on a NewAge Platinum gas grill"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/1-Alina-C02-Platinum-Pizza-Oven-Compilation.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Thumbnails/PP01-Alina-Pizza-Compilation.jpg",alt:"Pizzas being stretched and baked in a NewAge Platinum outdoor pizza oven"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/2-Emeril-Lagasse-Kamado-Flank-Steak.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Kamado-2-Emeril-Flank-Steak.jpg",alt:"Flank steak cooking over charcoal in a NewAge kamado grill"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/2-Alina-C04-Perfect-Crust-Pizza-Oven.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/PCPO-02-Alina-Sando.jpg",alt:"A thin-crust pizza baking in a NewAge outdoor pizza oven"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/2-Tim-Hollingsworth-Peter-Luger-Style-Steak.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Thumbnails/PP02-Tim-Peter-Luger-Steak.jpg",alt:"A chef preparing a steakhouse-style steak on a NewAge grill"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/1-Platinum-Grill-Alina-Rotisserie.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Thumbnails/1-Platinum-Grill-Alina-Rotisserie.jpg",alt:"A rotisserie turning a roast on a NewAge Platinum gas grill"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/9-RolandPollard-C01-GasGrillxKamado-BurgersxHotdogs.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Kamado-9-
1929Roland-Hotdogs-Hamburgers.jpg",alt:"Burgers and hot dogs cooking on a NewAge gas grill and kamado"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/7-Tom-Judkins-C02-Platinum-Pizza-Oven-Matte-Black-OKC-Detroit-Style-Pizza.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Thumbnails/PP07-Tom-Detroit-Style.jpg",alt:"A Detroit-style pizza baking in a matte black NewAge Platinum pizza oven"},{src:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/9-Platinum-Grill-Alina-Fish.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/newpip/piza-oven/Thumbnails/9-Platinum-Grill-Alina-Fish.jpg",alt:"Fish fillets grilling on a NewAge Platinum gas grill"}],j=[{src:"https://newageproducts-assets.dileads.workers.dev/videos/NEWAGExBOSTONROB_CABINETRY_SOCIALFINAL_V7.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/HPMay29/NAP/Desktop/Inspiration/Garage/GarageInspirationvideo_Thumnail_Image-02.jpg",alt:"A finished garage lined with NewAge cabinetry"},{src:"https://newageproducts-assets.dileads.workers.dev/videos/New%20Age%2015%20sec%20story.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/shop-all-garage/Desktop/VideoThumbnail3.png",alt:"A NewAge garage storage system installed along a garage wall"},{src:"https://newageproducts-assets.dileads.workers.dev/shop-all-garage/videos/bryce%20green%20vertical%20updated%201080x1920.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/shop-all-garage/Desktop/VideoThumbnail4.png",alt:"A garage fitted with NewAge cabinets and overhead racks"},{src:"https://newageproducts-assets.dileads.workers.dev/shop-all-garage/videos/Kevin%20Stone%20Vertical%201920x1080.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/shop-all-garage/Desktop/VideoThumbnail5.jpg",alt:"A NewAge garage cabinet run with a workbench"},{src:"https://newageproducts-assets.dileads.workers.dev/videos/Newageproducts%20Mclaren%20reen%20x%20WAVY.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/garage-flooring/thumbnailvideo11.png",alt:"A sports car parked on NewAge garage floor tiles"},{src:"https://newageproducts-assets.dileads.workers.dev/videos/copy_65BC7448-83DE-4097-AB73-CEE1C917F925.mp4",poster:"https://newageproducts-assets.dileads.workers.dev/shop-all-garage/Desktop/VideoThumbnail2.png",alt:"A garage organised with NewAge cabinets and wall shelving"}];e.s(["HomePageParentWrapper",0,w,"__N_SSG",()=>!0,"default",0,function(){let e=(0,c.useRouter)(),r=(0,p.useRef)(!1),[n,s]=(0,p.useState)(0);return(0,p.useEffect)(()=>{if(!e.isReady)return;let t=e.query.scrollTo;if(!t){r.current=!1;return}if(r.current)return;let a={kickstart:"kickstartyourproject"}[t];if(!a)return;r.current=!0,window.history.replaceState(null,"",window.location.pathname);let i=null,o=0,n=0,s=setInterval(()=>{let e=document.getElementById(a);if(!e)return;let t=Math.round(e.getBoundingClientRect().top+window.pageYOffset);t===i?o+=1:(i=t,o=0,e.scrollIntoView({block:"start",behavior:"instant"})),n+=1,(o>=5&&n>=10||n>60)&&clearInterval(s)},100);return()=>clearInterval(s)},[e.isReady,e.query.scrollTo]),(0,t.jsxs)(w,{children:[(0,t.jsxs)(l.default,{children:[(0,t.jsx)("title",{className:"jsx-89610cd913c04c0a",children:"Premium Garage Storage, Grilling, Outdoor Living, Home Bar & Flooring | NewAge Products (US)"}),(0,t.jsx)("meta",{name:"description",content:"Discover premium garage cabinets, custom outdoor kitchens, grills & appliances and modular garage flooring at NewAge Products. Free 3D design consultations and durable, made-to-last storage solutions.",className:"jsx-89610cd913c04c0a"}),(0,t.jsx)("link",{rel:"alternate",hrefLang:"en-US",href:"https://newageproducts.com/",className:"jsx-89610cd913c04c0a"}),(0,t.jsx)("link",{rel:"alternate",hrefLang:"en-CA",href:"https://newageproducts.com/ca/",className:"jsx-89610cd913c04c0a"}),(0,t.jsx)("link",{rel:"alternate",hrefLang:"x-default",href:"https://newageproducts.com/",className:"jsx-89610cd913c04c0a"}),(0,t.jsx)("meta",{name:"robots",content:"index, follow",className:"jsx-89610cd913c04c0a"})]}
1929),(0,t.jsx)(a.default,{id:"89610cd913c04c0a",children:"html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}"}),(0,t.jsx)("section",{"aria-label":"Summer sale â up to 55% off outdoor and garage",className:"jsx-89610cd913c04c0a banner-section-1 banner-video-1 offer-div-2 mobile-override",children:(0,t.jsx)(m.default,{label:"summer sale hero video",children:(0,t.jsx)(d.default,{className:"banner-video",alt:"NewAge matte black outdoor kitchen run with a built-in gas grill, outdoor fridge and pizza oven",placeholder:{desktop:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/placeholders/desktop.jpg",tablet:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/placeholders/tablet.jpg",mobile:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/placeholders/mobile.jpg"},video:{largeDesktop:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/desktop.mp4",desktop:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/desktop.mp4",tab:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/tablet.mp4",mobile:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/videoBanner/mobile.mp4"},bannerContent:{mainHeading:"GARAGE STORAGE SALE",bodyCopy:"Up to 55% on Garage Storage and Outdoor Kitchens.",cta1:{text:"SHOP ALL GARAGE",href:"/garage-storage/",variant:"light"},cta2:{text:"SHOP OUTDOOR KITCHEN",href:"/custom-outdoor-kitchens/",variant:"black"},offerTextDesktop:"Terms and conditions apply. While quantities last. Offer ends October 14, 2026.",offerTextMobile:"Terms and conditions apply. While quantities last. Offer ends October 14, 2026."}})})}),(0,t.jsx)(u.default,{heading:"HERO DEALS",skus:[73509,73513,52353,52153,52553,64284,52158,52558,52358,64051,91181,91220,91259,91296,91333,79708,74674,76105,73908],shopAllUrl:"/collections/hero-deals/",shopAllTileImage:"https://newageproducts-assets.dileads.workers.dev/GSE-Jan-29/NAP/shop-all-banners/GaragePDPSection-HP.jpg",renderAsSlider:!0,showComparePrice:!0,enableDesktopSlider:!0,isShopAllPageLayout:!0,showDots:!1,showMobileDots:!0,slidesToShow:3.7,slidesToScroll:1,groupVariantsBySwatch:!0,showProgressLines:!0,mobileSlidesToShow:1.5,mobileCenterActiveSlide:!1,showShopAllTile:!0,isHomepageLayout:!0,useProductCard:!0}),(0,t.jsx)(f.default,{autoplay:!0,autoplaySpeed:4e3,pauseOnHover:!1,href:"/garage-storage/",label:"garage storage",heading:"BUILD YOUR DREAM GARAGE",mobileHeading:(0,t.jsxs)(t.Fragment,{children:["BUILD YOUR ",(0,t.jsx)("br",{className:"jsx-89610cd913c04c0a complete-below-470"}),"DREAM GARAGE"]}),body:"Professional-Grade Storage from Floor to Ceiling.",buttons:[{href:"/garage-storage/",variant:"light",label:"SHOP ALL GARAGE"},{href:"#kickstartyourproject",variant:"black",label:"Request Consultation"}],offerText:v,mobileOfferText:y,className:"mobile-override",children:[{d:"Banner02",t:"Banner02",m:"Banner02",alt:"NewAge red garage cabinet set with tall lockers, a pegboard and a drawer tool chest"},{d:"Banner03",t:"Banner03",m:"Banner03",alt:"NewAge grey garage cabinets with a stainless-top workbench and an overhead tire rack"},{d:"Banner04",t:"Banner04",m:"Banner04",alt:"NewAge grey garage cabinets with a stainless-top workbench and an overhead tire rack"}].map((e,a)=>(0,t.jsx)("div",{className:"jsx-89610cd913c04c0a item",children:(0,t.jsx)(i.default,{alt:e.alt,desktop:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Desktop/${e.d}.jpg`,width:2880,height:1620},tablet:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Tab/${e.t}.jpg`,width:1152,height:1440},mobile:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Mobile/${e.m}.jpg`,width:645,height:1046}})},a))}),(0,t.jsx)(u.default,{heading:"BEST OF GARAGE",skus:[49579,49571,49583,49575,40651,64018,64016,32661,32659,32657,52015,63008,63012],shopAllUrl:"/collections/best-of-garage",shopAllTileImage:"https://newageproducts-assets.dileads.workers.dev/GSE-Jan-29/NAP/shop-all-banners/GaragePDPSection-HP.jpg",renderAsSlider:!0,showComparePrice:!0,enableDesktopSlider:!0,isShopAllPageLayout:!0,showDots:!1,showMobileDots:!0,slidesToShow:3.7,slidesToScroll:1,groupVariantsBySwatch:!0,showProgressLines:!0,mobileSlidesToShow:1.5,mobileCenterActiveSlide:!1,showShopAllTile:!0,isHomepageLayout:!0,useProductCard:!0}),(0,t.jsx)("section",{className:"jsx-89610cd913c04c0a get-inspiration get-i-2 top-collections",children:(0,t.jsx)(g.default,{videos:j,heading:"MADE FOR YOU"})}),(0,t.jsx)(f.default,{autoplay:!0,autoplaySpeed:4e3,pauseOnHover:!1,href:"/custom-outdoor-kitchens/",label:"custom outdoor kitchens",heading:"CUSTOM OUTDOOR KITCHENS",mobileHeading:"OUTDOOR KITCHENS",body:"Modular Design. Rivaled by None.",buttons:[{href:"/custom-outdoor-kitchens/",variant:"light",label:"SHOP OUTDOOR KITCHENS"},{href:"#kickstartyourproject",variant:"black",label:"Request Consultation"}],offerText:v,mobileOfferText:y,className:"mobile-override",children:[{d:"Banner05",t:"Banner05",m:"Banner05",alt:"NewAge outdoor kitchen with stone-clad surrounds, a kamado grill and built-in gas grill"},{d:"Banner06",t:"Banner06",m:"Banner06",alt:"NewAge outdoor kitchen with stone-clad surrounds, a kamado grill and built-in gas grill"},{d:"Banner07",t:"Banner07",m:"Banner07",alt:"NewAge outdoor kitchen with stone-clad surrounds, a kamado grill and built-in gas grill"},{d:"Banner08",t:"Banner08",m:"Banner08",alt:"NewAge slate grey outdoor kitchen with a kamado grill, outdoor fridge and built-in gas grill"}].map((e,a)=>(0,t.jsx)("div",{className:"jsx-89610cd913c04c0a item",children:(0,t.jsx)(i.default,{alt:e.alt,desktop:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Desktop/${e.d}.jpg`,width:2880,height:1620},tablet:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Tab/${e.t}.jpg`,width:1152,height:1440},mobile:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Mobile/${e.m}.jpg`,width:645,height:1046}})},a))}),(0,t.jsx)(u.default,{heading:"BEST OF OUTDOOR",skus:[67346,96982,76750,74572,75145,75157,75629,65284,67694],shopAllUrl:"/collections/best-of-outdoor/",shopAllTileImage:"https://newageproducts-assets.dileads.workers.dev/GSE-Jan-29/NAP/shop-all-banners/OutdoorPDPSection-HP.jpg",renderAsSlider:!0,showComparePrice:!0,enableDesktopSlider:!0,isShopAllPageLayout:!0,showDots:!1,showMobileDots:!0,slidesToShow:3.7,slidesToScroll:1,groupVariantsBySwatch:!0,showProgressLines:!0,mobileSlidesToShow:1.5,mobileCenterActiveSlide:!1,showShopAllTile:!0,isHomepageLayout:!0,useProductCard:!0}),(0,t.jsx)("section",{className:"jsx-89610cd913c04c0a get-inspiration get-i-2 top-collections",children:(0,t.jsx)(g.default,{videos:k,heading:"SEE IT IN ACTION"})}),(0,t.jsx)(f.default,{autoplay:!0,autoplaySpeed:4e3,pauseOnHover:!1,href:"/collections/grills-and-appliances/",label:"GRILLS & APPLIANCES",heading:"GRILLS & APPLIANCES",mobileHeading:"GRILLS & APPLIANCES",body:"Where Luxury Meets Performance.",buttons:[{href:"/collections/grills-and-appliances/",variant:"light",label:"SHOP GRILLS & APPLIANCES"},{href:"#kickstartyourproject",variant:"black",label:"Request Consultation"}],className:"mobile-override",children:[{d:"Banner09",t:"Banner09",m:"Banner09",alt:"NewAge gloss black grill island with a white countertop, built-in gas grill and sink"},{d:"Banner10",t:"Banner10",m:"Banner10",alt:"NewAge gloss grey grill island with a black countertop, built-in gas grill and sink"},{d:"Banner11",t:"Banner11",m:"Banner11",alt:"NewAge modular grill island with wood-look louvered doors, a built-in gas grill and sink"},{d:"Banner12",t:"Banner12",m:"Banner12",alt:"NewAge modular grill island with wood-look louvered doors, a built-in gas grill and sink"},{d:"Banner16",t:"Banner16",m:"Banner16",alt:"NewAge modular grill island with wood-look louvered doors, a built-in gas grill and sink"}].map((e,a)=>(0,t.jsx)("div",{className:"jsx-89610cd913c04c0a item",children:(0,t.jsx)(i.default,{alt:e.alt,desktop:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Desktop/${e.d}.jpg`,width:2880,height:1620},tablet:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Tab/${e.t}.jpg`,width:1152,height:1440},mobile:{src:`https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Mobile/${e.m}.jpg`,width:645,height:1046}})},a))}),(0,t.jsxs)("section",{"aria-label":"Outdoor furniture",className:"jsx-89610cd913c04c0a banner-section-1 offer-div-2 content-gradient",children:[(0,t.jsx)("div",{onClick:()=>e.push("/collections/outdoor-grill-island/"),className:"jsx-89610cd913c04c0a banner-click-area",children:(0,t.jsx)(i.default,{alt:"NewAge teak outdoor sectional, ottoman and coffee tables on a poolside patio",desktop:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Desktop/Banner13.jpg",width:2880,height:1620},tablet:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Tab/Banner13.jpg",width:1152,height:1440},mobile:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Mobile/Banner13.jpg",width:645,height:1046}})}),(0,t.jsxs)("header",{className:"jsx-89610cd913c04c0a",children:[(0,t.jsx)("h2",{className:"jsx-89610cd913c04c0a main-heading-hv",children:"MODULAR GRILL ISLANDS"}),(0,t.jsx)("p",{className:"jsx-89610cd913c04c0a sub-heading-hv",children:"Modular Design, Pro-level Utility."}),(0,t.jsxs)("div",{className:"jsx-89610cd913c04c0a btn-container hero-cta-pair",children:[(0,t.jsx)(o.default,{noTransform:!0,text:(0,t.jsxs)(t.Fragment,{children:["SHOP GRILL ISLANDS",(0,t.jsxs)("span",{className:"jsx-89610cd913c04c0a sr-only",children:[" ","â loungers, sectionals and planters"]})]}),className:"hp-btn",url:"/collections/outdoor-grill-island/"}),(0,t.jsx)(o.default,{noTransform:!0,text:(0,t.jsxs)(t.Fragment,{children:["Request Consultation",(0,t.jsx)("span",{className:"jsx-89610cd913c04c0a sr-only",children:" â free outdoor living design"})]}),className:"hp-btn blk-clr",url:"#kickstartyourproject"})]})]})]}),(0,t.jsx)(u.default,{heading:"GRILL ISLANDS WITH DEKTON",skus:[95160,95196,96321,96327,95292,95328,96302,96308,94464,94500],shopAllUrl:"/collections/outdoor-grill-island/",shopAllTileImage:"https://newageproducts-assets.dileads.workers.dev/March5-2026/HPDekton/shopAll/Dekton-ShopAll-HP.jpg",renderAsSlider:!0,showComparePrice:!0,enableDesktopSlider:!0,isShopAllPageLayout:!0,showDots:!1,showMobileDots:!0,slidesToShow:3.7,slidesToScroll:1,groupVariantsBySwatch:!0,showProgressLines:!0,mobileSlidesToShow:1.5,mobileCenterActiveSlide:!1,showShopAllTile:!0,isHomepageLayout:!0,useProductCard:!0}),(0,t.jsxs)("section",{"aria-label":"Outdoor furniture",className:"jsx-89610cd913c04c0a banner-section-1 offer-div-2 content-gradient",children:[(0,t.jsx)("div",{onClick:()=>e.push("/collections/outdoor-furniture/"),className:"jsx-89610cd913c04c0a banner-click-area",children:(0,t.jsx)(i.default,{alt:"NewAge teak outdoor sectional, ottoman and coffee tables on a poolside patio",desktop:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Desktop/Banner14.jpg",width:2880,height:1620},tablet:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Tab/Banner14.jpg",width:1152,height:1440},mobile:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Mobile/Banner14.jpg",width:645,height:1046}})}),(0,t.jsxs)("header",{className:"jsx-89610cd913c04c0a",children:[(0,t.jsx)("h2",{className:"jsx-89610cd913c04c0a main-heading-hv",children:"OUTDOOR FURNITURE"}),(0,t.jsx)("p",{className:"jsx-89610cd913c04c0a sub-heading-hv",children:"Premium Loungers, Sectionals, Planters, and more."}),(0,t.jsxs)("div",{className:"jsx-89610cd913c04c0a btn-container hero-cta-pair",children:[(0,t.jsx)(o.default,{noTransform:!0,text:(0,t.jsxs)(t.Fragment,{children:["SHOP OUTDOOR
1929LIVING",(0,t.jsxs)("span",{className:"jsx-89610cd913c04c0a sr-only",children:[" ","â loungers, sectionals and planters"]})]}),className:"hp-btn",url:"/collections/outdoor-furniture/"}),(0,t.jsx)(o.default,{noTransform:!0,text:(0,t.jsxs)(t.Fragment,{children:["Request Consultation",(0,t.jsx)("span",{className:"jsx-89610cd913c04c0a sr-only",children:" â free outdoor living design"})]}),className:"hp-btn blk-clr",url:"#kickstartyourproject"})]})]})]}),(0,t.jsxs)("section",{"aria-label":"Garage flooring",className:"jsx-89610cd913c04c0a banner-section-1 offer-div-2 content-gradient",children:[(0,t.jsx)("div",{onClick:()=>e.push("/garage-flooring/"),className:"jsx-89610cd913c04c0a banner-click-area",children:(0,t.jsx)(i.default,{alt:"Close-up of grey NewAge garage floor tiles beneath the wheel of a red classic car",desktop:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Desktop/Banner15.jpg",width:2880,height:1620},tablet:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Tab/Banner15.jpg",width:1152,height:1440},mobile:{src:"https://newageproducts-assets.dileads.workers.dev/oct-1-2026/NAP/Mobile/Banner15.jpg",width:645,height:1046}})}),(0,t.jsxs)("header",{className:"jsx-89610cd913c04c0a",children:[(0,t.jsx)("h2",{className:"jsx-89610cd913c04c0a main-heading-hv",children:"GARAGE FLOORING"}),(0,t.jsx)("p",{className:"jsx-89610cd913c04c0a sub-heading-hv",children:"Built for a Lifetime of Heavy-Use."}),(0,t.jsxs)("div",{className:"jsx-89610cd913c04c0a btn-container hero-cta-pair",children:[(0,t.jsx)(o.default,{noTransform:!0,text:(0,t.jsxs)(t.Fragment,{children:["SHOP FLOORING",(0,t.jsxs)("span",{className:"jsx-89610cd913c04c0a sr-only",children:[" ","â garage floor tiles and rolls"]})]}),className:"hp-btn",url:"/garage-flooring/"}),(0,t.jsx)(o.default,{noTransform:!0,text:(0,t.jsxs)(t.Fragment,{children:["Request Consultation",(0,t.jsxs)("span",{className:"jsx-89610cd913c04c0a sr-only",children:[" ","â free garage flooring advice"]})]}),className:"hp-btn blk-clr",url:"#kickstartyourproject"})]})]})]}),(0,t.jsx)("section",{"aria-label":"Why NewAge",className:"jsx-89610cd913c04c0a banner-section-1 banner-video-2 offer-div-2",children:(0,t.jsx)(m.default,{label:"why NewAge video",children:(0,t.jsx)(d.default,{className:"banner-video",alt:"NewAge product specialist in a showroom of outdoor kitchen cabinets, pizza oven and kamado grill",placeholder:{desktop:"https://newageproducts-assets.dileads.workers.dev/Dec-4-2025-new/Desktop/FY26âDâHolidaySaleâDec4-18âBanner07.jpg",tablet:"https://newageproducts-assets.dileads.workers.dev/Dec-4-2025-new/Desktop/FY26âDâHolidaySaleâDec4-18âBanner07.jpg",mobile:"https://newageproducts-assets.dileads.workers.dev/Dec-4-2025/Mobile/FY26âMâHolidaySaleâDec4-18âBanner07.jpg"},video:{largeDesktop:"https://newageproducts-assets.dileads.workers.dev/whats-new/hp-videos/why-newage-D.mp4",desktop:"https://newageproducts-assets.dileads.workers.dev/whats-new/hp-videos/why-newage-D.mp4",tab:"https://newageproducts-assets.dileads.workers.dev/whats-new/hp-videos/why-newage-T.mp4",mobile:"https://newageproducts-assets.dileads.workers.dev/whats-new/hp-videos/why-newage-M.mp4"},bannerContent:{headingLevel:"h2",mainHeading:"WHY NEWAGE?",bodyCopy:"Plan. Design. Install. We Work With You Every Step of the Way.",cta1:{text:(0,t.jsxs)(t.Fragment,{children:["REQUEST CONSULTATION",(0,t.jsxs)("span",{className:"jsx-89610cd913c04c0a sr-only",children:[" ","â free NewAge design service"]})]}),href:"#kickstartyourproject",variant:"light"},cta2:{node:(0,t.jsx)(h.default,{CTADefaultCopy:"Watch video",type:"Primary",className:"hp-video-btn",videoModal:!0,videoUrl:"https://newageproducts-assets.dileads.workers.dev/whats-new/hp-videos/why-newage-popup.mp4"})}}})})}),(0,t.jsx)("section",{id:"kickstartyourproject","aria-label":"Kickstart your project â request a consultation",className:"jsx-89610cd913c04c0a vdc-form banner-top content-gradient",children:(0,t.jsx)(x.default,{webFormSource:"Home Page US"})}),(0,t.jsx)("div",{className:"jsx-89610cd913c04c0a logo-section-hp",children:(0,t.jsx)(b,{})})]})}])},921899,(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",()=>e.r(110477)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push(["/"])})},648761,e=>{e.v(t=>Promise.all(["static/chunks/a03914693691f7bc.js"].map(t=>e.l(t))).then(()=>t(493594)))},828805,e=>{e.v(t=>
1929Promise.all(["static/chunks/820c94ec438563d7.js"].map(t=>e.l(t))).then(()=>t(879466)))},222630,e=>{e.v(t=>Promise.all(["static/chunks/9a42bfd4ecf59fa8.js","static/chunks/9daeb8790f33f80b.js","static/chunks/5357a990ab450747.js","static/chunks/9de6ff2dc3e2988e.js","static/chunks/cdcb7440f198cee5.js"].map(t=>e.l(t))).then(()=>t(132121)))},890036,e=>{e.v(t=>Promise.all(["static/chunks/aaad4a256290b0aa.js"].map(t=>e.l(t))).then(()=>t(778692)))}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.