33:T9be,var p=Object.defineProperty,k=Object.getOwnPropertyDescriptor,y=Object.getOwnPropertyNames,w=Object.prototype.hasOwnProperty,v=(o,r)=>{for(var t in r)p(o,t,{get:r[t],enumerable:!0})},x=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of y(r))!w.call(o,n)&&n!==t&&p(o,n,{get:()=>r[n],enumerable:!(i=k(r,n))||i.enumerable});return o},B=o=>x(p({},"__esModule",{value:!0}),o),S={};v(S,{default:()=>m}),module.exports=B(S);var c=require("@packman/sdk"),l=require("@emotion/react/jsx-runtime");const N=o=>{const r=String(o||"").trim().match(/^#([0-9a-f]{6})$/i)?.[1];if(!r)return"#ffffff";const t=[0,2,4].map(i=>parseInt(r.slice(i,i+2),16));return(.299*t[0]+.587*t[1]+.114*t[2])/255<.6?"#ffffff":"#111111"};function m({settings:o}){const{count:r,goToWishlist:t}=(0,c.useWishlist)(),i=(0,c.useTheme)(),n=r||0,b=o?.content,a=o?.icon,d=o?.size,e=o?.effects,h=b?.label||"Wishlist",u=i?.colors?.brandColor||"var(--template-brand-color, #000000)",g=i?.colors?.brandColor?N(i.colors.brandColor):"var(--template-on-brand-color, #ffffff)",f={};a?.hoverColor&&(f["--wishlist-hover-color"]=a.hoverColor),a?.badgeRingColor&&(f["--wishlist-badge-ring"]=a.badgeRingColor);const s={};e?.filter&&e.filter!=="none"&&e?.filterValue&&(s.filter=`${e.filter}(${e.filterValue})`),e?.backdropFilter&&e.backdropFilter!=="none"&&e?.backdropFilterValue&&(s.backdropFilter=`${e.backdropFilter}(${e.backdropFilterValue})`),e?.mixBlendMode&&e.mixBlendMode!=="normal"&&(s.mixBlendMode=e.mixBlendMode),e?.transition&&e.transition!=="0s"&&(s.transition=`all ${e.transition} ease`),e?.opacity!=null&&e.opacity<100&&(s.opacity=String(e.opacity/100));const j=["wishlist-block__button",typeof o?.css?.className=="string"?o.css.className.trim():""].filter(Boolean).join(" ");return(0,l.jsx)(c.DesignWrapper,{settings:o,children:(0,l.jsxs)("button",{className:j,style:{...s,color:a?.iconColor||"#09090b",...d?.width?{width:d.width}:{},...d?.height?{height:d.height}:{},...f},onClick:t,"aria-label":h,type:"button",children:[(0,l.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",style:{width:a?.iconSize||"1.25rem",height:a?.iconSize||"1.25rem"},children:(0,l.jsx)("path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"})}),n>0&&(0,l.jsx)("span",{className:"wishlist-block__badge",style:{backgroundColor:u,color:g},children:n>99?"99+":n})]})})} 34:T22af,var Ue=Object.create,O=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,Ye=Object.getOwnPropertyNames,Je=Object.getPrototypeOf,Ke=Object.prototype.hasOwnProperty,Qe=(e,u)=>{for(var s in u)O(e,s,{get:u[s],enumerable:!0})},ue=(e,u,s,k)=>{if(u&&typeof u=="object"||typeof u=="function")for(let g of Ye(u))!Ke.call(e,g)&&g!==s&&O(e,g,{get:()=>u[g],enumerable:!(k=Xe(u,g))||k.enumerable});return e},Ze=(e,u,s)=>(s=e!=null?Ue(Je(e)):{},ue(u||!e||!e.__esModule?O(s,"default",{value:e,enumerable:!0}):s,e)),et=e=>ue(O({},"__esModule",{value:!0}),e),nt={};Qe(nt,{default:()=>pe}),module.exports=et(nt);var f=require("@packman/sdk"),r=require("react"),p=Ze(require("gsap")),d=require("@emotion/react/jsx-runtime");function fe(e,u){if(!e)return u;const s=parseFloat(e);return isNaN(s)?u:e.includes("ms")?s:s*1e3}function tt(e){return e==="ease"||e==="ease-in-out"?"power3.inOut":e==="ease-out"?"power3.out":e==="ease-in"?"power3.in":e==="linear"?"none":e.startsWith("cubic-bezier")?"power2.inOut":"power3.inOut"}function rt(e){return typeof window>"u"?"ltr":e?window.getComputedStyle(e).direction==="rtl"?"rtl":"ltr":document.documentElement.dir.toLowerCase()==="rtl"||document.body.dir.toLowerCase()==="rtl"?"rtl":"ltr"}function pe({settings:e,blocks:u}){const s=u?.content,k=Array.isArray(s)?s:s?[s]:[],g=(0,f.useViewport)(),w=g==="mobile"?e?.mobile:g==="tablet"?e?.tablet:null,m=e?.slider,x=e?.navigation,y=e?.dots,Q=e?.spacing,T=e?.size,be=e?.fill,q=e?.border,l=e?.effects,P=k.length,S=w?.slidesPerView||m?.slidesPerView||1,W=w?.gap||m?.gap||"0px",Z=m?.transition||"slide",me=m?.transitionSpeed||"0.6s",ee=m?.easing||"ease",E=m?.infinite!==!1,z=m?.autoplay===!0,F=fe(m?.autoplaySpeed,5e3),re=m?.pauseOnHover===!0,C=m?.draggable===!0,te=m?.slideAlign||"stretch",we=(w?.showArrows!=null?w.showArrows:x?.showArrows)!==!1,he=x?.arrowStyle||"circle",ve=x?.arrowPosition||"inside",ge=x?.arrowColor||"#09090b",xe=x?.arrowBackground||"#ffffff",ye=x?.arrowSize||"40px",_e=x?.arrowIconSize||"20px",ke=x?.arrowOffset||"16px",Ce=(w?.showDots!=null?w.showDots:y?.showDots)===!0,je=y?.dotStyle||"dot",Me=y?.dotPosition||"below",Pe=y?.dotColor||"#d4d4d4",Se=y?.dotActiveColor||"#09090b",Oe=y?.dotSize||"8px",Ee=y?.dotGap||"8px",Ne=y?.dotSpacing||"16px",n=Z==="marquee",c=Z==="fade",b=Math.max(1,Math.ceil(P/S)),V=(0,r.useMemo)(()=>tt(ee),[ee]),H=fe(me,600)/1e3,[_,$e]=(0,r.useState)(0),[B,oe]=(0,r.useState)(!1),[X,Ae]=(0,r.useState)("ltr"),ie=(0,r.useRef)(null),a=(0,r.useRef)(null),j=(0,r.useRef)(null),N=(0,r.useRef)(0),D=(0,r.useRef)(!1),I=(0,r.useRef)({x:0,y:0,time:0}),Y=(0,r.useRef)(0),$=(0,r.useRef)(null),G=S===1?"100%":`calc((100% - ${W} * ${S-1}) / ${S})`;(0,r.useEffect)(()=>{N.current=_},[_]),(0,r.useLayoutEffect)(()=>{const t=rt(ie.current);Ae(o=>o===t?o:t)}),(0,r.useLayoutEffect)(()=>{!a.current||c||n||p.default.set(a.current,{xPercent:0})},[c,n]),(0,r.useLayoutEffect)(()=>{!a.current||!c||Array.from(a.current.children).forEach((t,o)=>p.default.set(t,{opacity:o===0?1:0}))},[c,P]),(0,r.useEffect)(()=>{if(!n||P===0||!a.current)return;const t=a.current,o=()=>{const i=t.querySelectorAll(".slider-v2__slide"),h=Math.floor(i.length/2);if(h===0)return 0;const v=i[0],R=i[h-1],A=parseFloat(getComputedStyle(t).gap)||0;return R.offsetLeft+R.offsetWidth-v.offsetLeft+A};return requestAnimationFrame(()=>{const i=o();if(i<=0)return;const h=Math.max(F/1e3,2)*S;p.default.set(t,{x:0}),j.current=p.default.to(t,{x:-i,duration:h,ease:"none",repeat:-1,modifiers:{x:p.default.utils.unitize(v=>(v%i+i)%i*-1)}})}),()=>{j.current?.kill(),j.current=null}},[n,P,F,S,W]),(0,r.useEffect)(()=>{j.current&&(B?j.current.pause():j.current.resume())},[B]);const M=(0,r.useCallback)((t,o=!0)=>{if(n)return;let i=t;E?(i<0&&(i=b-1),i>=b&&(i=0)):i=Math.max(0,Math.min(i,b-1)),$e(i),N.current=i,a.current&&(c?Array.from(a.current.children).forEach((h,v)=>{p.default.to(h,{opacity:v===i?1:0,duration:o?H:0,ease:V,overwrite:!0})}):p.default.to(a.current,{xPercent:-i*100,duration:o?H:0,ease:V,overwrite:!0}))},[E,b,H,V,n,c]),L=(0,r.useCallback)(()=>M(N.current+1),[M]),U=(0,r.useCallback)(()=>M(N.current-1),[M]);(0,r.useEffect)(()=>{if(n||!z||B||b<=1)return;const t=setInterval(L,F);return()=>clearInterval(t)},[n,z,F,B,L,b]);const Le=(0,r.useCallback)(t=>{!C||c||n||(t.currentTarget.setPointerCapture(t.pointerId),p.default.killTweensOf(a.current),D.current=!0,$.current=null,Y.current=0,I.current={x:t.clientX,y:t.clientY,time:Date.now()})},[C,c,n]),Re=(0,r.useCallback)(t=>{if(!D.current||!a.current)return;const o=t.clientX-I.current.x,i=t.clientY-I.current.y;if(!$.current&&((Math.abs(o)>5||Math.abs(i)>5)&&($.current=Math.abs(o)>Math.abs(i)?"x":"y"),!$.current)||$.current==="y")return;t.preventDefault(),Y.current=o;const h=a.current.parentElement?.offsetWidth||1,v=o/h*100,R=-N.current*100;if(E)p.default.set(a.current,{xPercent:R+v});else{const A=R+v,He=-(b-1)*100,K=p.default.utils.clamp(He-10,10,A),Ge=A!==K?K+(A-K)*.25:A;p.default.set(a.current,{xPercent:Ge})}},[E,b]),ne=(0,r.useCallback)(t=>{if(!D.current)return;D.current=!1,$.current=null,t.currentTarget.releasePointerCapture(t.pointerId);const o=Y.current,i=a.current?.parentElement?.offsetWidth||1,h=Date.now()-I.current.time,v=Math.abs(o)/Math.max(h,1);Math.abs(o)>i*.12||v>.4?o>0?U():L():M(N.current,!0)},[U,L,M]);if((0,r.useEffect)(()=>()=>{a.current&&p.default.killTweensOf(a.current),j.current?.kill()},[]),P===0)return null;const ae=(0,f.backgroundToCss)(be?.background),se=(0,f.shadowToCss)(l?.shadow),le=w?.padding||Q?.padding,de=w?.margin||Q?.margin,ce=w?.width||T?.width,J=w?.minHeight||T?.minHeight,Te={"--slider-arrow-color":ge,"--slider-arrow-bg":xe,"--slider-arrow-size":ye,"--slider-arrow-icon":_e,"--slider-arrow-offset":ke,"--slider-dot-color":Pe,"--slider-dot-active":Se,"--slider-dot-size":Oe,"--slider-dot-gap":Ee,"--slider-dot-spacing":Ne},We={position:"relative",...ce?{width:ce}:{},...T?.maxWidth?{maxWidth:T.maxWidth}:{},...J?{minHeight:J}:{},...le?{padding:(0,f.spacingToCss)(le)}:{},...de?{margin:(0,f.spacingToCss)(de)}:{},...ae?{background:ae}:{},...(0,f.borderToStyle)(q?.border),...q?.borderRadius?{borderRadius:(0,f.borderRadiusToCss)(q.borderRadius)}:{},...se?{boxShadow:se}:{},...l?.opacity!=null&&l.opacity<100?{opacity:(0,f.opacityToCss)(l.opacity)}:{},...l?.filter&&l.filter!=="none"&&l?.filterValue?{filter:`${l.filter}(${l.filterValue})`}:{},...l?.backdropFilter&&l.backdropFilter!=="none"&&l?.backdropFilterValue?{backdropFilter:`${l.backdropFilter}(${l.backdropFilterValue})`}:{},...l?.mixBlendMode&&l.mixBlendMode!=="normal"?{mixBlendMode:l.mixBlendMode}:{},...Te},ze=n?[...k,...k]:k,Fe=n?{display:"flex",gap:W,alignItems:te,willChange:"transform",direction:"ltr"}:c?{position:"relative",width:"100%",minHeight:J||"auto",direction:"ltr"}:{display:"flex",gap:W,alignItems:te,willChange:"transform",direction:"ltr"},Be=t=>c?{position:t===0?"relative":"absolute",top:0,left:0,width:"100%",opacity:t===0?1:0,pointerEvents:t===_?"auto":"none",zIndex:t===_?1:0,direction:X}:n?{flex:"0 0 auto",width:G,direction:X}:{flex:`0 0 ${G}`,width:G,minWidth:0,direction:X},De=E||_>0,Ie=E||_1,Ve=!n&&Ce&&b>1;return(0,d.jsxs)("div",{ref:ie,className:["slider-v2",typeof e?.css?.className=="string"?e.css.className.trim():""].filter(Boolean).join(" "),style:We,onMouseEnter:re&&(z||n)?()=>oe(!0):void 0,onMouseLeave:re&&(z||n)?()=>oe(!1):void 0,children:[(0,d.jsx)("div",{className:"slider-v2__viewport",children:(0,d.jsx)("div",{ref:a,className:`slider-v2__track${C&&!c&&!n?" slider-v2__track--draggable":""}`,style:Fe,onPointerDown:C&&!c&&!n?Le:void 0,onPointerMove:C&&!c&&!n?Re:void 0,onPointerUp:C&&!c&&!n?ne:void 0,onPointerCancel:C&&!c&&!n?ne:void 0,children:ze.map((t,o)=>(0,d.jsx)("div",{className:"slider-v2__slide",style:Be(n?o%P:o),children:(0,d.jsx)(t,{})},o))})}),qe&&(0,d.jsxs)("div",{className:`slider-v2__arrows slider-v2__arrows--${ve} slider-v2__arrows--${he}`,children:[(0,d.jsx)("button",{type:"button",className:"slider-v2__arrow slider-v2__arrow--prev",onClick:U,disabled:!De,"aria-label":"Previous",children:(0,d.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,d.jsx)("path",{d:"M15 18l-6-6 6-6"})})}),(0,d.jsx)("button",{type:"button",className:"slider-v2__arrow slider-v2__arrow--next",onClick:L,disabled:!Ie,"aria-label":"Next",children:(0,d.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,d.jsx)("path",{d:"M9 6l6 6-6 6"})})})]}),Ve&&(0,d.jsx)("div",{className:`slider-v2__dots slider-v2__dots--${Me} slider-v2__dots--${je}`,role:"tablist","aria-label":"Slides",children:Array.from({length:b},(t,o)=>(0,d.jsx)("button",{type:"button",className:`slider-v2__dot${o===_?" slider-v2__dot--active":""}`,onClick:()=>M(o),role:"tab","aria-selected":o===_,"aria-label":`Slide ${o+1}`},o))})]})} 35:Tded,var w=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,te=Object.getOwnPropertyNames,re=Object.prototype.hasOwnProperty,oe=(e,r)=>{for(var u in r)w(e,u,{get:r[u],enumerable:!0})},ne=(e,r,u,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of te(r))!re.call(e,o)&&o!==u&&w(e,o,{get:()=>r[o],enumerable:!(f=ee(r,o))||f.enumerable});return e},ae=e=>ne(w({},"__esModule",{value:!0}),e),se={};oe(se,{default:()=>B}),module.exports=ae(se);var t=require("@packman/sdk"),n=require("react"),i=require("@emotion/react/jsx-runtime");function B({settings:e}){const r=(0,t.useViewport)(),{language:u}=(0,t.useLanguage)(),f=(u??"en").toLowerCase()==="ar",o=(0,t.useTheme)(),F=e?.content,l=e?.marquee,a=e?.typography,q=(f?[a?.fontFamilyAr,o?.fontFamily,a?.fontFamily]:[a?.fontFamily,o?.fontFamily,a?.fontFamilyAr]).find(s=>typeof s=="string"&&s.trim()!==""),O=e?.spacing,T=e?.size,H=e?.fill,v=e?.border,b=e?.effects,m=r==="mobile"?e?.mobile:r==="tablet"?e?.tablet:null,c=F?.text,V=typeof c=="object"&&c!==null?(f?c.ar||c.en:c.en||c.ar)||"SALE NOW ON":c||"SALE NOW ON",A=F?.separator||"\u2022",C=l?.repeatCount||8,N=typeof l?.speed=="number"?l.speed:parseFloat(l?.speed||"40"),W=l?.direction||"left",R=l?.pauseOnHover!==!1,_=m?.gap||l?.gap||"2rem",k=(0,n.useRef)(null),S=(0,n.useRef)(0),y=(0,n.useRef)(0),L=(0,n.useRef)(!1),[E,M]=(0,n.useState)(!1);(0,n.useEffect)(()=>{L.current=E&&R},[E,R]),(0,n.useEffect)(()=>{const s=k.current;if(!s)return;let d=0,h=0;const X=()=>{const p=s.querySelectorAll(".marquee-v2__item"),g=Math.floor(p.length/2);if(g===0)return 0;const j=p[0],x=p[g-1],Z=parseFloat(getComputedStyle(s).gap)||0;return x.offsetLeft+x.offsetWidth-j.offsetLeft+Z},Y=()=>{h=X(),h<=0};return requestAnimationFrame(()=>{Y();const p=g=>{d||(d=g);const j=(g-d)/1e3;if(d=g,!L.current&&h>0){const x=W==="right"?-1:1;y.current+=j*N*x,Math.abs(y.current)>=h&&(y.current=y.current%h),s.style.transform=`translate3d(${-y.current}px, 0, 0)`}S.current=requestAnimationFrame(p)};S.current=requestAnimationFrame(p)}),()=>cancelAnimationFrame(S.current)},[N,W,C]);const z=(0,t.backgroundToCss)(H?.background),P=(0,t.shadowToCss)(b?.shadow),D=m?.padding||O?.padding,I=m?.margin||O?.margin,$=m?.fontSize||a?.fontSize||"1.25rem",G={overflow:"hidden",width:m?.width||T?.width||"100%",maxWidth:m?.maxWidth||T?.maxWidth||"100vw",minWidth:0,...D?{padding:(0,t.spacingToCss)(D)}:{},...I?{margin:(0,t.spacingToCss)(I)}:{},...z?{background:z}:{},...(0,t.borderToStyle)(v?.border),...v?.borderRadius?{borderRadius:(0,t.borderRadiusToCss)(v.borderRadius)}:{},...P?{boxShadow:P}:{},...b?.opacity!=null&&b.opacity<100?{opacity:(0,t.opacityToCss)(b.opacity)}:{}},J={display:"flex",alignItems:"center",gap:_,whiteSpace:"nowrap",willChange:"transform",direction:"ltr"},K={display:"inline-flex",alignItems:"center",gap:_,flexShrink:0,fontSize:$,fontWeight:a?.fontWeight||"700",...q?{fontFamily:q}:{},...a?.color?{color:a.color}:{},...a?.textTransform?{textTransform:a.textTransform}:{},...a?.letterSpacing?{letterSpacing:a.letterSpacing}:{},...f?{direction:"rtl"}:{}},Q=Array.from({length:C*2},(s,d)=>(0,i.jsxs)("span",{className:"marquee-v2__item",style:K,children:[(0,i.jsx)("span",{children:V}),A&&(0,i.jsx)("span",{style:{opacity:.4},children:A})]},d)),U=typeof e?.css?.className=="string"?e.css.className.trim():"";return(0,i.jsx)(t.DesignWrapper,{settings:e,children:(0,i.jsx)("div",{className:["marquee-v2",U].filter(Boolean).join(" "),style:G,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:(0,i.jsx)("div",{ref:k,className:"marquee-v2__track",style:J,children:Q})})})} 36:T745e,var D=Object.defineProperty,Lt=Object.getOwnPropertyDescriptor,Rt=Object.getOwnPropertyNames,Tt=Object.prototype.hasOwnProperty,Mt=(t,n)=>{for(var i in n)D(t,i,{get:n[i],enumerable:!0})},Et=(t,n,i,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of Rt(n))!Tt.call(t,m)&&m!==i&&D(t,m,{get:()=>n[m],enumerable:!(d=Lt(n,m))||d.enumerable});return t},At=t=>Et(D({},"__esModule",{value:!0}),t),Ot={};Mt(Ot,{default:()=>kt}),module.exports=At(Ot);var o=require("@packman/sdk"),s=require("react"),e=require("@emotion/react/jsx-runtime");const Bt=(0,e.jsx)("svg",{viewBox:"0 0 24 24",width:"24",height:"24",focusable:!1,children:(0,e.jsx)("path",{d:"M4 6h16M4 12h16M4 18h16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})}),Nt=(0,e.jsx)("svg",{viewBox:"0 0 24 24",width:"28",height:"28",focusable:!1,children:(0,e.jsx)("path",{d:"M6 18L18 6M6 6l12 12",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})});function P(t){if(typeof t=="string")return t.trim()?{url:t.trim()}:void 0;if(!t||typeof t!="object")return;const n=t,i=n.file&&typeof n.file=="object"?n.file:void 0,d=[n.url,n.cdnUrl,n.src,i?.cdnUrl,i?.url].find(m=>typeof m=="string"&&m.trim().length>0);return d?{url:d.trim(),mediaType:typeof n.mediaType=="string"?n.mediaType:typeof n.type=="string"?n.type:void 0}:P(n.en)||P(n.ar)}function Wt(t){if(!t||typeof t!="object")return!1;const n=t;if(n.type==="video"&&typeof n.src=="string"&&n.src.trim())return!0;if(n.type!=="media")return!1;const i=P(n.media);return i?.url?i.mediaType==="video"||/\.(mp4|webm|ogg|mov)(?:$|\?)/i.test(i.url):!1}const jt=` .blank-nav__logo { display: flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; min-height: 0 !important; overflow: visible !important; } .blank-nav__logo > *, .blank-nav__logo .logo-v2, .blank-nav__logo .logo-block { display: flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; overflow: visible !important; } .blank-nav__logo .logo-block__media, .blank-nav__logo .logo-block__img { flex-shrink: 0 !important; align-self: center !important; } `,zt=` /* nav links + nested section slots collapse into the drawer on mobile */ .blank-nav--mobile > .blank-slot, .blank-nav--mobile > .blank-nav, .blank-nav--mobile > .blank-nav__content { display: none !important; } /* symmetric side columns (burger | logo | utilities) keep the logo dead-centered */ .blank-nav--mobile { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; } .blank-nav--mobile > .blank-nav__utility { gap: 0.4rem !important; min-width: 0 !important; } /* The logo column is an \`auto\` grid track by design (a normal-width mark should never be squeezed), but \`auto\` has no ceiling \u2014 a wide image logo's own max-width (Logo V2's default is 10rem) can still out-grow what's left after the burger and the surviving mobile utility icons, so the mark bled onto the wishlist/cart icons instead of the two \`1fr\` side columns absorbing it (fizzy-ferments, 2026-08-25). \`.nm-header-pro\`'s bar already guards this exact case (chrome.mjs); mirror it here for the plain Blank Nav shell \u2014 capped and clipped only on the mobile grid, never on desktop where the full-width mark is meant to bleed. */ .blank-nav--mobile > .blank-nav__logo { min-width: 0 !important; max-width: 48vw !important; overflow: hidden !important; } .blank-nav--mobile > .blank-nav__logo .logo-v2, .blank-nav--mobile > .blank-nav__logo .logo-block, .blank-nav--mobile > .blank-nav__logo .logo-block__media { min-width: 0 !important; max-width: 100% !important; } `,pt={all:new Set(["search","language","currency","account","wishlist","cart"]),essential:new Set(["search","wishlist","cart"]),minimal:new Set(["wishlist","cart"]),"cart-only":new Set(["cart"]),none:new Set},It=` @keyframes blankNavDrawerSlide { from { transform: translateX(-100%); } to { transform: translateX(0); } } [dir="rtl"] .blank-nav__drawer { left: auto !important; right: 0 !important; animation-name: blankNavDrawerSlideRtl !important; } @keyframes blankNavDrawerSlideRtl { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes blankNavOverlayFade { from { opacity: 0; } to { opacity: 1; } } /* \u2500\u2500 Drawer resets \u2500\u2500 */ .blank-nav__drawer .blank-slot, .blank-nav__drawer .blank-nav { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; background: transparent !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; min-height: 0 !important; gap: 0 !important; } /* \u2500\u2500 Head: large thin X, top-start (luxury sheet) \u2500\u2500 */ .blank-nav__drawer-head { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0.85rem 0.85rem 0.35rem !important; min-height: 3.5rem !important; flex-shrink: 0 !important; border-bottom: none !important; } .blank-nav__drawer-title { display: none !important; } .blank-nav__drawer-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 2.75rem !important; height: 2.75rem !important; margin: 0 !important; border-radius: 0 !important; opacity: 0.72 !important; transition: opacity 0.15s ease !important; } .blank-nav__drawer-close:hover { opacity: 1 !important; background: transparent !important; } .blank-nav__drawer-close:active { transform: none !important; } .blank-nav__drawer-close svg { width: 1.65rem !important; height: 1.65rem !important; } /* \u2500\u2500 Links list: full-bleed hairlines, quiet gray type \u2500\u2500 */ .blank-nav__drawer-links { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 0.25rem 0 0 !important; justify-content: flex-start !important; } .blank-nav__drawer .link-block, .blank-nav__drawer .link-v2, .blank-nav__drawer a.link-block { display: flex !important; align-items: center !important; justify-content: space-between !important; text-align: start !important; padding: 1.2rem 1.4rem !important; margin: 0 !important; font-size: 1.05rem !important; font-weight: 400 !important; letter-spacing: 0.01em !important; line-height: 1.3 !important; text-decoration: none !important; color: inherit !important; border-bottom: 1px solid rgba(128,128,128,0.16) !important; background: transparent !important; width: 100% !important; box-sizing: border-box !important; opacity: 0.85 !important; transition: opacity 0.15s ease !important; transform: none !important; } .blank-nav__drawer .link-block:last-child, .blank-nav__drawer .link-v2:last-child { border-bottom: 1px solid rgba(128,128,128,0.16) !important; } /* Right chevron on every drawer row (Swarovski-style list). Border-drawn so it inherits ink + stays crisp; physical borders with an RTL flip. */ .blank-nav__drawer .link-block::after, .blank-nav__drawer .link-v2::after, .blank-nav__drawer a.link-block::after { content: "" !important; flex: 0 0 auto !important; width: 0.46rem !important; height: 0.46rem !important; border-right: 1.5px solid currentColor !important; border-top: 1.5px solid currentColor !important; transform: rotate(45deg) !important; opacity: 0.45 !important; margin-inline-start: 1rem !important; background: none !important; position: static !important; } [dir="rtl"] .blank-nav__drawer .link-block::after, [dir="rtl"] .blank-nav__drawer .link-v2::after, [dir="rtl"] .blank-nav__drawer a.link-block::after { transform: rotate(-135deg) !important; } .blank-nav__drawer .link-block:hover, .blank-nav__drawer .link-v2:hover { opacity: 1 !important; transform: none !important; } [dir="rtl"] .blank-nav__drawer .link-block:hover, [dir="rtl"] .blank-nav__drawer .link-v2:hover { transform: none !important; } /* nav menu links are text-only \u2014 suppress any stray/broken leading image the platform may inject per-link (renders as a broken-image glyph otherwise) */ .blank-nav__drawer .link-block img, .blank-nav__drawer .link-v2 img, .blank-nav__content .link-block img, .blank-nav__content .link-v2 img { display: none !important; } /* \u2500\u2500 Buttons \u2500\u2500 */ .blank-nav__drawer .block-button { width: 100% !important; margin: 0 !important; text-align: start !important; border-radius: 0 !important; border-bottom: 1px solid rgba(128,128,128,0.16) !important; } /* \u2500\u2500 Logo: hide in drawer (it already shows in the top bar) \u2500\u2500 */ .blank-nav__drawer .logo-v2, .blank-nav__drawer .logo-block { display: none !important; } /* \u2500\u2500 Utility band (Swarovski grouping) \u2500\u2500 Group A on a soft wash: Wishlist \xB7 Login \xB7 Cart \xB7 Search (icon + label rows). Group B, visually separated below on the plain sheet: Language \xB7 Currency. Every item is wrapped in .blank-nav__drawer-util-row; data-util + a real .blank-nav__drawer-util-label span are stamped at runtime. Labels are DOM text (Swarovski), never button::after \u2014 Search's 36px icon button clips pseudo-elements. DesignWrapper / block shells use display:contents so the icon control and label share the row's 0.85rem gap. */ .blank-nav__drawer-utility { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 0 !important; padding: 0.9rem 0 calc(1.25rem + env(safe-area-inset-bottom, 0px)) !important; flex-shrink: 0 !important; border-top: none !important; background: transparent !important; overflow: visible !important; position: relative !important; z-index: 2 !important; } .blank-nav__drawer-util-row[data-util="wishlist"] { order: 1 !important; } .blank-nav__drawer-util-row[data-util="account"] { order: 2 !important; } .blank-nav__drawer-util-row[data-util="cart"] { order: 3 !important; } .blank-nav__drawer-util-row[data-util="search"] { order: 4 !important; } .blank-nav__drawer-util-row[data-util="language"] { order: 8 !important; } .blank-nav__drawer-util-row[data-util="currency"] { order: 9 !important; } .blank-nav__drawer-util-row:is([data-util="wishlist"], [data-util="account"], [data-util="cart"], [data-util="search"]) { background: rgba(128,128,128,0.07) !important; } /* Locale group separates from the wash with clear space (Swarovski bottom rows). */ .blank-nav__drawer-util-row[data-util="language"] { margin-top: 1rem !important; } /* Swarovski rows: the ROW is the flex line \u2014 [icon][0.85rem][label] \u2014 never put labels in button::after (Search's fixed 36px + DesignWrapper width clips the pseudo-element; Currency's bare text node breaks align). */ .blank-nav__drawer-util-row { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-shrink: 0 !important; gap: 0.85rem !important; width: 100% !important; min-height: 2.75rem !important; padding: 0.95rem 1.5rem !important; box-sizing: border-box !important; cursor: pointer !important; opacity: 0.88 !important; color: inherit !important; font-size: 1rem !important; font-weight: 400 !important; letter-spacing: 0.01em !important; line-height: 1.3 !important; transition: opacity 0.15s ease !important; position: relative !important; } .blank-nav__drawer-util-row:hover { opacity: 1 !important; } /* Promote every wrapper div so icon + label are true flex siblings. Skip popup menus AND the currency shell (needs position:relative for its menu). Never use contents on

36Snacks

36 Snacks Mix Boxes

500g box

1kg box

36 snacks

1kG

500G

Some bring flowers we bring 36.