<!doctype html>
<html
lang="fr"
dir="ltr"
>
<head><script data-source-attribution="shopify.exit_interstitial">(()=>{var i=Function.prototype.bind.bind(Function.prototype.call),nn=(y,d)=>{for(let m=y;m;m=Object.getPrototypeOf(m)){let T=Object.getOwnPropertyDescriptor(m,d);if(T)return T}throw new TypeError(`${d} is not defined`)},a=(y,d)=>i(nn(y,d).get),J=(y,d)=>i(nn(y,d).set);var rn=i(String.prototype.endsWith),xr=i(String.prototype.slice),I=i(RegExp.prototype.exec),Or=/^_(self|top|parent)$/i,kr=/(^|\s)noreferrer(\s|$)/i,sn=/^(no-referrer(-when-downgrade)?|same-origin|(strict-)?origin(-when-cross-origin)?|unsafe-url)$/i,Cr=/^(never|default|always|origin-when-crossorigin)$/i,cn=/^(no-referrer|same-origin|never)$/i,Ir=/\s(musical_ly|trill)_|\sBytedanceWebview\//,on=y=>rn(y,".")?xr(y,0,-1):y,ln=y=>{let d=on(y),m=`.${d}`;return T=>{let N=on(T);return N===d||rn(N,m)}},an=(y,d,m)=>y!==void 0&&(y.protocol==="https:"||y.protocol==="http:")&&y.origin!==d&&!m(y.hostname),Bt=(y,d,m)=>y!==null&&I(kr,y)!==null?!0:d!==null&&I(sn,d)!==null?I(cn,d)!==null:m,pn=(y,d)=>I(sn,y)!==null||I(Cr,y)!==null?I(cn,y)!==null:d,Q=(y,{metaKey:d,ctrlKey:m,shiftKey:T,button:N})=>y&&I(Or,y)===null?y:d||m||T||N===1?"_blank":"",un=y=>I(Ir,y)!==null;var fn="http://www.w3.org/1999/xhtml",Mr="http://www.w3.org/2000/svg",Dr="http://www.w3.org/1999/xlink",zt=["rel","referrerpolicy","download","ping","hreflang","type"],it=Object.freeze({__proto__:null,metaKey:!1,ctrlKey:!1,shiftKey:!1,button:0}),Lr=Object.freeze({__proto__:null,composed:!0}),vr=/(?:^|[\s,])noreferrer(?=[\s,=]|$)\s*(?:=[\s=]*([^\s,=]*))?(?![\s\S]*[\s,]noreferrer(?:[\s,=]|$))/i,Ar=/^(|yes|true|[+-]?0*[1-9].*)$/i,qt=/<(?:(!--)|([!?]|\/(?![a-z]))|(\/?)([a-z][^\t\n\f\r />]*))/gi,Yt=/--!?>/g,Gt=/>/g,P=/([\t\n\f\r /]*)(?:(>)|([^\t\n\f\r />][^\t\n\f\r />=]*)[\t\n\f\r ]*(?:=[\t\n\f\r ]*(?:"([^"]*)"?|'([^']*)'?|([^\t\n\f\r >]*)))?)/y,Xt=/<\/([a-z]+)[\t\n\f\r />]/gi,at=/<(\/?)script[\t\n\f\r />]|<!--|-->/gi,pt=/&#(?:x([0-9a-f]+)|([0-9]+));?/gi,Z=/<template[\t\n\f\r />]/gi,ut=/[=][\t\n\f\r ]*["']?/g,dn={__proto__:null,iframe:!0,noembed:!0,noframes:!0,plaintext:!0,script:!0,style:!0,textarea:!0,title:!0,xmp:!0},Pr={__proto__:null,math:!0,select:!0,svg:!0},Fr="shopify-exit-interstitial";function yn(y){let d=window;if(d.top!==d)return;let m=document,T=d.navigation,N=location.origin,b=URL,ft=a(b.prototype,"href"),hn=a(b.prototype,"origin"),mn=a(b.prototype,"protocol"),gn=a(b.prototype,"hostname"),En=J(b.prototype,"search"),Vt=FormData,Jt=i(FormData.prototype.forEach),_n=URLSearchParams,F=typeof DataTransfer=="function"?DataTransfer:void 0,wn=F&&a(DataTransfer.prototype,"items"),Tn=F&&a(DataTransfer.prototype,"files"),Rn=F&&i(DataTransferItemList.prototype.add),Sn=F&&J(HTMLInputElement.prototype,"files"),Nn=i(URLSearchParams.prototype.toString),bn=i(URLSearchParams.prototype.append),Qt=i(Event.prototype.preventDefault),Zt=i(Event.prototype.stopImmediatePropagation),dt=i(Event.prototype.composedPath),te=a(Event.prototype,"type"),ee=a(Event.prototype,"target"),ne=typeof SubmitEvent=="function"?a(SubmitEvent.prototype,"submitter"):void 0,xn=typeof File=="function"?a(File.prototype,"name"):void 0,oe=a(HTMLButtonElement.prototype,"form"),re=a(HTMLInputElement.prototype,"form"),On=a(Event.prototype,"cancelable"),yt=a(Event.prototype,"defaultPrevented"),kn=a(Event.prototype,"cancelBubble"),Cn=a(MouseEvent.prototype,"button"),In=a(MouseEvent.prototype,"metaKey"),Mn=a(MouseEvent.prototype,"ctrlKey"),Dn=a(MouseEvent.prototype,"shiftKey"),Ln=T&&a(NavigateEvent.prototype,"destination"),vn=T&&a(NavigationDestination.prototype,"url"),se=T&&a(NavigateEvent.prototype,"navigationType"),An=T&&a(NavigateEvent.prototype,"formData"),ce=T&&"sourceElement"in NavigateEvent.prototype?a(NavigateEvent.prototype,"sourceElement"):void 0,w=i(Element.prototype.getAttribute),Pn=i(Element.prototype.getAttributeNS),x=i(Element.prototype.setAttribute),Fn=i(Element.prototype.remove),ht=i(Node.prototype.appendChild),mt=a(Element.prototype,"localName"),K=a(Element.prototype,"namespaceURI"),Hn=i(Document.prototype.querySelector),Un=i(Document.prototype.querySelectorAll),Wn=a(NodeList.prototype,"length"),$n=i(NodeList.prototype.item),tt=a(Node.prototype,"baseURI"),Kn=a(Document.prototype,"URL"),jn=a(Document.prototype,"documentElement"),et=a(Node.prototype,"isConnected"),le=a(Node.prototype,"ownerDocument"),M=a(Node.prototype,"parentNode"),ie=i(Node.prototype.getRootNode),Bn=a(ShadowRoot.prototype,"host"),zn=a(Element.prototype,"assignedSlot"),qn=a(Text.prototype,"assignedSlot"),Yn=a(HTMLInputElement.prototype,"type"),Gn=a(HTMLButtonElement.prototype,"type"),Xn=i(Element.prototype.querySelector),Vn=i(Element.prototype.matches),Jn=a(Event.prototype,"bubbles"),Qn=a(Event.prototype,"composed"),Zn=i(EventTarget.prototype.dispatchEvent),j=i(Document.prototype.createElement),ae=i(HTMLElement.prototype.click),pe=i(HTMLFormElement.prototype.submit),to=J(HTMLTextAreaElement.prototype,"value"),eo=i(Element.prototype.closest),ue=typeof HTMLDialogElement=="function"&&typeof HTMLDialogElement.prototype.close=="function"?i(HTMLDialogElement.prototype.close):void 0,fe=i(d.open),no=i(location.assign),oo=i(location.replace),ro=encodeURIComponent,so=i(String.prototype.startsWith),_=i(RegExp.prototype.exec),de=i(String.prototype.charCodeAt),H=i(String.prototype.slice),D=i(String.prototype.toLowerCase),co=String.fromCharCode,ye=Number.parseInt,he=i(d.setTimeout),U=i(EventTarget.prototype.addEventListener),gt=i(EventTarget.prototype.removeEventListener),nt=i(d.addEventListener),lo=Object.defineProperties,me=Reflect.defineProperty,O=Reflect.apply,Et=(t,e)=>me(t,t.length,{__proto__:null,value:e,writable:!0,enumerable:!0,configurable:!0}),_t=t=>{let e=[],n=[HTMLElement.prototype,SVGElement.prototype,Document.prototype,d];for(let o=0;o<n.length;o+=1)try{e[e.length]={get:a(n[o],t),set:J(n[o],t)}}catch{}return e},io={click:_t("onclick"),auxclick:_t("onauxclick"),submit:_t("onsubmit")},B=WeakMap,wt=WeakSet,z=i(WeakMap.prototype.get),Tt=i(WeakMap.prototype.set),ge=i(WeakMap.prototype.delete),Rt=i(WeakSet.prototype.add),ot=i(WeakSet.prototype.has),ao=ln(y.site),St=un(navigator.userAgent),Ee=ft(new b(y.exitPath,N)),po=`${Ee}?`,L=(t,e)=>{try{let n=new b(t,e);return{href:ft(n),origin:hn(n),protocol:mn(n),hostname:gn(n)}}catch{return}},uo=(t,e,n)=>{let o=n?"&noreferrer=1":"";return`${Ee}?q=${ro(t.href)}&trigger=${e}${o}`},rt=()=>{let t=Un(m,'meta[name="referrer" i][content]'),e=!1;for(let n=0;n<Wn(t);n+=1)e=pn(w($n(t,n),"content"),e);return e},q=(t,e,{target:n,noReferrer:o,replaces:r})=>{let s=uo(t,e,o);if(n){fe(d,s,n,"noopener");return}(r?oo:no)(location,s)},k=t=>an(t,N,ao),st=0,Nt,bt=!1,xt=t=>{if(st>0){Nt=t;return}t()},fo=t=>{if(st-=1,t&&(bt=!0),st>0)return;let e=bt?void 0:Nt;Nt=void 0,bt=!1,e&&e()},yo=t=>t!==void 0&&so(t.href,po),R=t=>{try{return mt(t)}catch{return}},_e=t=>Bt(w(t,"rel"),w(t,"referrerpolicy"),rt()),ho=t=>{let e=ce?ce(t):null,n=e===null?void 0:R(e);return n==="a"||n==="area"?_e(e):rt()},mo=t=>{let e=L(vn(Ln(t)));if(yo(e)){Zt(t);return}if(!On(t)||se(t)==="traverse"||!k(e)||An(t)!==null)return;Qt(t);let n={target:"",noReferrer:ho(t),replaces:se(t)==="replace"};xt(()=>q(e,"navigate",n))},we=t=>{let e=w(t,"href");return e===null&&K(t)===Mr?Pn(t,Dr,"href"):e},go=t=>{let e=dt(t);for(let n=0;n<e.length;n+=1){let o=e[n],r=R(o);if(r==="a"||r==="area"){let s=we(o);if(s!==null)return{node:o,href:s}}}},Te=()=>{let t=Hn(m,"base[target]");return t?w(t,"target"):""},Re=t=>w(t,"target")??Te(),Se=t=>{try{return{metaKey:In(t),ctrlKey:Mn(t),shiftKey:Dn(t),button:Cn(t)}}catch{return}},Ne=new wt,Eo=t=>{let e=!1,n=()=>{e=!0},o=()=>e||ot(Ne,t);return lo(t,{__proto__:null,preventDefault:{__proto__:null,configurable:!0,value:n},defaultPrevented:{__proto__:null,configurable:!0,get:o},returnValue:{__proto__:null,configurable:!0,get:()=>!o(),set:r=>{r||n()}}}),o},_o={click:new B,auxclick:new B,submit:new B},wo=(t,e)=>{let n=io[t],o=_o[t],r=[],s=c=>{for(let p=0;p<r.length;p+=1)if(r[p]===c)return!0;return!1},l=(c,p,h)=>{let g=i(h);function A(E){let S=g(this,E);return S===!1&&typeof E=="object"&&E!==null&&Rt(Ne,E),S}return{target:c,accessor:p,handler:h,wrapper:A,inFlight:0}},u=()=>{for(let c=0;c<e.length;c+=1)for(let p=0;p<n.length;p+=1){let h;try{h=n[p].get(e[c])}catch{continue}if(typeof h=="function"){let g=z(o,e[c]);(!g||g.wrapper!==h)&&(g=l(e[c],n[p],h),n[p].set(e[c],g.wrapper),Tt(o,e[c],g)),s(g)||(g.inFlight+=1,Et(r,g))}break}};return u(),{wrap:u,unwrap:()=>{for(let c=0;c<r.length;c+=1){let p=r[c];p.inFlight-=1,!(p.inFlight>0)&&(z(o,p.target)===p&&ge(o,p.target),p.accessor.get(p.target)===p.wrapper&&p.accessor.set(p.target,p.handler))}}}},Y={__proto__:null,go:()=>!1},To=(t,e)=>w(t,"download")!==null&&(e.origin===N||e.protocol==="blob:"||e.protocol==="data:"),Ro=(t,e,n)=>{let o=Q(Re(t),n),r=[];for(let l=0;l<zt.length;l+=1){let u=w(t,zt[l]);u!==null&&Et(r,[zt[l],u])}let s=To(t,e);return{__proto__:null,go:()=>{let l=j(m,"a");x(l,"href",e.href),x(l,"target",o||"_self");for(let u=0;u<r.length;u+=1)x(l,r[u][0],r[u][1]);return ae(l),o===""&&!s}}},be=t=>{let e=we(t);return e===null?void 0:L(e,tt(m))},xe=(t,e,n)=>{let o=be(t);if(!o)return Y;if(!k(o))return Ro(t,o,n);let r={target:St?"":Q(Re(t),n),noReferrer:_e(t),replaces:!1};return{__proto__:null,here:r.target==="",go:()=>(q(o,e,r),r.target==="")}},So=(t,e,n)=>({__proto__:null,plan:()=>xe(t,e,n)}),Oe=(t,e,n,o)=>{st+=1;let r=dt(t),s=r.length-1,l=wo(e,r),u,f,c=h=>{h===t&&u&&!u()&&(f=n.plan())};o&&(o.plan=()=>{f||c(t)});let p=h=>{h===t&&(l.wrap(),kn(t)&&c(h))};for(let h=0;h<s;h+=1)U(r[h],e,p,!0),U(r[h],e,p,!1);yt(t)||(Qt(t),u=Eo(t)),U(r[s],e,c,!1),he(d,()=>{let h=!1;try{l.unwrap();for(let g=0;g<s;g+=1)gt(r[g],e,p,!0),gt(r[g],e,p,!1);gt(r[s],e,c,!1),u&&!u()&&(f||(f=n.plan()),h=f.go())}finally{fo(h)}},0)},Ot=new B,No=(t,e)=>{let n=dt(t);for(let o=0;o<n.length;o+=1){let r=n[o],s=R(r);if(s==="button"||s==="input"){let l={__proto__:null,details:e,plan:void 0};Tt(Ot,r,l),he(d,()=>{ge(Ot,r),l.plan?.()},0);return}}},kt=(t,e)=>{if(e&&yt(t))return;let n=te(t),o=Se(t);if(!o||n==="auxclick"&&o.button!==1)return;!e&&n==="click"&&No(t,o);let r=go(t);!r||!k(L(r.href,tt(m)))||Oe(t,n,So(r.node,n,o))},G=(t,e,n,o)=>(e?w(e,n):null)??w(t,o),ke=(t,e)=>D(G(t,e,"formmethod","method")??""),bo=(t,e,n)=>Q(G(t,e,"formtarget","target")??Te(),n),Ce=(t,e)=>{let n=G(t,e,"formaction","action");return n?L(n,tt(m)):L(Kn(m))},Ct=(t,e)=>{let n=ke(t,e);if(n==="post"||n==="dialog")return;let o=Ce(t,e);return o&&(o.protocol==="https:"||o.protocol==="http:")?o:void 0},Ie=(t,e)=>{if((e&&(R(e)==="button"?oe:re)(e))===t)try{return new Vt(t,e)}catch{}return new Vt(t)},It=t=>{let e="",n=0;for(let o=0;o<t.length;o+=1){let r=de(t,o);(r===13||r===10)&&(e+=`${H(t,n,o)}\r
`,r===13&&de(t,o+1)===10&&(o+=1),n=o+1)}return n===0?t:e+H(t,n)},xo=t=>{try{return It(xn(t))}catch{return""}},Oo=(t,e,n)=>{let o;try{o=Ie(t,e)}catch{return}try{let r=new b(n.href),s=new _n;return Jt(o,(l,u)=>{bn(s,It(u),typeof l=="string"?It(l):xo(l))}),En(r,`?${Nn(s)}`),L(ft(r))??n}catch{return n}},ko=(t,e)=>{let n=[],o=!0;try{Jt(Ie(t,e),(r,s)=>{typeof r!="string"&&!F&&(o=!1),Et(n,[s,r])})}catch{return}return o?n:void 0},Co=(t,e)=>{let n;if(typeof e!="string"){n=j(m,"input");let o=new F;Rn(wn(o),e),x(n,"type","file"),Sn(n,Tn(o))}else e!=="UTF-8"&&D(t)==="_charset_"?(n=j(m,"textarea"),to(n,e)):(n=j(m,"input"),x(n,"type","hidden"),x(n,"value",e));return x(n,"name",t),n},Mt=null,Io=(t,e)=>{let n=j(m,"form");for(let o=0;o<t.length;o+=2)t[o+1]!==null&&x(n,t[o],t[o+1]);for(let o=0;o<e.length;o+=1)ht(n,Co(e[o][0],e[o][1]));Mt=n;try{ht(jn(m),n),pe(n)}finally{Mt=null,Fn(n)}},Mo=t=>{if(!(!t||R(t)==="input"&&D(w(t,"type")??"")==="image"))return w(t,"value")??void 0},Do=t=>{ee(t)===Mt&&Zt(t)},Me=(t,e,n)=>{if(!et(t))return Y;if(ke(t,e)==="dialog"){let c=ue&&eo(t,"dialog"),p=Mo(e);return{__proto__:null,go:()=>(c&&ue(c,p),!1)}}let r=Ct(t,e),s=bo(t,e,n);if(k(r)){let c={target:St?"":s,noReferrer:Bt(w(t,"rel"),null,rt()),replaces:!1},p=Oo(t,e,r);return p&&et(t)?{__proto__:null,here:c.target==="",go:()=>(q(p,"submit",c),c.target==="")}:Y}let l=Ce(t,e);if(!l)return Y;let u=["action",l.href,"method",G(t,e,"formmethod","method"),"enctype",G(t,e,"formenctype","enctype"),"target",s||"_self","accept-charset",w(t,"accept-charset"),"rel",w(t,"rel")],f=ko(t,e);return f&&et(t)?{__proto__:null,go:()=>(Io(u,f),s==="")}:Y},Lo=(t,e,n)=>({__proto__:null,plan:()=>Me(t,e,n)}),vo=t=>{if(!t.isTrusted)return;let e=ee(t);if(R(e)!=="form")return;let n=ne?ne(t):null;if(!k(Ct(e,n)))return;let o=n?z(Ot,n):void 0;Oe(t,"submit",Lo(e,n,o?.details??it),o)},Dt=t=>{try{return Bn(t)}catch{return null}},Ao=t=>{try{return zn(t)}catch{try{return qn(t)}catch{return null}}},Po=(t,e,n)=>{let o=Ao(t);if(o)return o;let r=M(t);return r===null&&(n||t!==e)?Dt(t):r},Lt=t=>{try{return R(t)!=="fieldset"&&Vn(t,":disabled")}catch{return!1}},Fo=t=>{try{let e=R(t);if(e==="summary"){let o=M(t);return R(o)==="details"&&Xn(o,":scope > summary")===t}if(e==="button"){let o=Gn(t);return(o==="submit"||o==="reset")&&oe(t)!==null&&!Lt(t)}let n=e==="input"?Yn(t):"";return n==="submit"||n==="image"||n==="reset"?re(t)!==null&&!Lt(t):n==="checkbox"||n==="radio"||n==="file"||n==="color"}catch{return!1}},Ho=(t,e,n)=>{let o,r;try{o=le(t),r=ie(t)}catch{return}if(!(o!==m||(n?ie(t,Lr):r)===m))for(let s=t;s!==null;){let l=R(s);if(l==="a"||l==="area")return l==="a"||et(s)?s:void 0;if(!e||Fo(s))return;s=Po(s,r,n)}},De=t=>{t.here?xt(t.go):t.go()},Le=(t,e,n,o)=>{let r=Ho(t,e,n);return!r||!k(be(r))?!1:(De(xe(r,"click",o)),!0)},Uo=t=>{try{return te(t)}catch{return}};HTMLElement.prototype.click={click(){(Lt(this)||!Le(this,!0,!0,it))&&ae(this)}}.click,EventTarget.prototype.dispatchEvent={dispatchEvent(t){if(Uo(t)==="click"&&!yt(t)){let e=Se(t);if(e&&Le(this,Jn(t),Qn(t),e))return!0}return Zn(this,t)}}.dispatchEvent,HTMLFormElement.prototype.submit={submit(){let t=R(this)==="form"&&le(this)===m&&k(Ct(this,null))?Me(this,null,it):void 0;if(t){De(t);return}pe(this)}}.submit;let Wo=t=>{let e=_(vr,t);return e!==null&&_(Ar,e[1]??"")!==null};y.windowOpen==="enforce"&&(d.open={open(t,e,n){let o=t===void 0?"":`${t}`,r=e===void 0?"_blank":`${e}`,s=n===void 0?"":`${n}`,l=L(o,tt(m));if(!k(l))return fe(d,o,r,s);let u={target:St?"":Q(r||"_blank",it),noReferrer:Wo(s)||rt(),replaces:!1};return u.target===""?xt(()=>q(l,"navigate",u)):q(l,"navigate",u),null}}.open);let $o=i(Element.prototype.attachShadow),Ko=a(ShadowRoot.prototype,"mode"),X=(t,e)=>{let n=Object.getOwnPropertyDescriptor(t,e);return n?.get?i(n.get):void 0},vt=X(ShadowRoot.prototype,"clonable"),ve=X(ShadowRoot.prototype,"delegatesFocus"),Ae=X(ShadowRoot.prototype,"serializable"),Pe=X(ShadowRoot.prototype,"slotAssignment"),Fe=X(ShadowRoot.prototype,"customElementRegistry"),jo=d.customElements,Bo=Boolean,He=t=>kt(t,!0),zo=Node.prototype.cloneNode,qo=Document.prototype.importNode,Ue=HTMLElement.prototype.attachInternals,W=a(Node.prototype,"firstChild"),Yo=a(Node.prototype,"lastChild"),ct=a(Node.prototype,"nextSibling"),Go=i(Node.prototype.contains),We=a(Node.prototype,"nodeName"),Xo=a(Element.prototype,"shadowRoot"),$e=a(HTMLTemplateElement.prototype,"content"),Vo=i(Element.prototype.matches),At=t=>{try{return Xo(t)}catch{return null}},Ke=t=>R(t)==="template"&&K(t)===fn,Jo=t=>{try{return!Vo(t,":defined")}catch{return!1}},Qo=t=>{let e={__proto__:null,mode:"closed",clonable:!0};if(ve&&(e.delegatesFocus=ve(t)),Ae&&(e.serializable=Ae(t)),Pe&&(e.slotAssignment=Pe(t)),Fe){let n=Fe(t);n!==jo&&(e.customElementRegistry=n)}return e},Pt=new B,je=new wt,Ft=!1,v,Ht=new wt,Be=(t,e)=>{let n=e,o=!1;if(vt&&e!==null&&(typeof e=="object"||typeof e=="function")){let s=`${e.mode}`,l=Bo(e.clonable);o=l&&s==="closed",n={__proto__:e,mode:s,clonable:l&&!o}}let r=$o(t,n);return Ko(r)==="closed"&&(U(r,"click",He,!0),U(r,"auxclick",He,!0)),o&&(Tt(Pt,t,r),Rt(je,r),Ft=!0),r},ze=(t,e,n)=>{let o;try{o=Be(e,Qo(t))}catch{return}for(let r=W(t);r;r=ct(r))ht(o,n(r))},qe=(t,e,n,o=W(t))=>{for(let r=o,s=W(e);r&&s;)n(r,s),r=ct(r),s=ct(s)},Zo=(t,e,n)=>{let o={__proto__:null},r=0;for(let l=t,u=M(l)||Dt(l);u;l=u,u=M(l)||Dt(l))o[r]=l,r+=1;let s=e;for(;s&&r>0;){r-=1;let l=o[r],u=M(l),f=null;u?n(s,u,(c,p)=>{p===l&&(f=c)}):f=At(s),s=f}return s},Ye=t=>{if(!v||!Jo(t)||ot(Ht,t))return;let e=Zo(t,v.source,v.pairs),n=e&&z(Pt,e);n&&R(t)===mt(e)&&K(t)===K(e)&&(Rt(Ht,t),ze(n,t,v.cloneChild))},tr={attachShadow(t){return Ye(this),Be(this,t)}}.attachShadow;if(Element.prototype.attachShadow=tr,Ue&&(HTMLElement.prototype.attachInternals={attachInternals(...t){return Ye(this),O(Ue,this,t)}}.attachInternals),vt){let{configurable:t,enumerable:e}=Object.getOwnPropertyDescriptor(ShadowRoot.prototype,"clonable");me(ShadowRoot.prototype,"clonable",{__proto__:null,configurable:t,enumerable:e,get:Object.getOwnPropertyDescriptor({get clonable(){return ot(je,this)||vt(this)}},"clonable").get})}let er=(t,e,n,o,r)=>{let s={__proto__:null},l=0,u=(f,c)=>{s[l]=f,s[l+1]=c,l+=2};for(r?u(t,e):o(t,e,u);l>0;){l-=2;let f=s[l],c=s[l+1];if(We(f)===We(c)){let p=z(Pt,f);p&&!ot(Ht,c)&&ze(p,c,n),o(f,c,u),Ke(f)&&Ke(c)&&u($e(f),$e(c));let h=At(f),g=At(c);h&&g&&u(h,g)}}},Ut=(t,e,n,o,r,s=qe,l=!0)=>{if(!Ft)return O(t,e,n);let u=v;v={__proto__:null,source:o,cloneChild:r,pairs:s};let f;try{f=O(t,e,n)}finally{v=u}return er(o,f,r,s,l),f},Wt={cloneNode(...t){return Ut(zo,this,t,this,e=>O(Wt,e,[!0]))}}.cloneNode;Node.prototype.cloneNode=Wt;let Ge={importNode(...t){return Ut(qo,this,t,t[0],e=>O(Ge,this,[e,!0]))}}.importNode;Document.prototype.importNode=Ge;let nr=a(Range.prototype,"startContainer"),or=a(Range.prototype,"startOffset"),rr=a(Range.prototype,"endContainer"),sr=a(Range.prototype,"commonAncestorContainer"),cr=Range.prototype.cloneContents,lr=Range.prototype.extractContents,Xe=(t,e)=>{if(t===e||!Go(t,e))return null;let n=e;for(;M(n)!==t;)n=M(n);return n},ir=(t,e)=>{let n=W(t);for(let o=e;n&&o>0;o-=1)n=ct(n);return n},Ve=(t,e,n,o)=>{if(!Ft)return O(t,e,n);let r=nr(e),s=or(e),l=rr(e),u=(f,c,p)=>{let h=Xe(f,r),g=Xe(f,l);if(o&&(h||g||f===r||f===l)){let A=W(c),E=Yo(c);h&&A&&p(h,A),g&&E&&p(g,E);return}qe(f,c,p,f===r?ir(f,s):h??W(f))};return Ut(t,e,n,sr(e),f=>O(Wt,f,[!0]),u,!1)};Range.prototype.cloneContents={cloneContents(...t){return Ve(cr,this,t,!1)}}.cloneContents,Range.prototype.extractContents={extractContents(...t){return Ve(lr,this,t,!0)}}.extractContents;let ar=typeof TrustedHTML=="function"?i(TrustedHTML.prototype.toString):void 0,pr=d.trustedTypes,ur=typeof TrustedTypePolicyFactory=="function"?i(TrustedTypePolicyFactory.prototype.createPolicy):void 0,fr=typeof TrustedTypePolicy=="function"?i(TrustedTypePolicy.prototype.createHTML):void 0,V,$t,dr=t=>{if(V===void 0)try{V=ur(pr,Fr,{__proto__:null,createHTML:e=>{if(e!==$t)throw new TypeError("The exit interstitial policy makes only the markup that the guard opened.");return e}})}catch{V=null}if(V){$t=t;try{return fr(V,t)}catch{return}finally{$t=void 0}}},Je=(t,e)=>Pr[t]===!0||e&&t==="noscript",yr=t=>{let e="",n=0;pt.lastIndex=0;for(let o=_(pt,t);o;o=_(pt,t)){let r=o[1]?ye(o[1],16):ye(o[2],10);e+=`${H(t,n,o.index)}${r<128?co(r):"\uFFFD"}`,n=pt.lastIndex}return D(e+H(t,n))==="closed"},hr=(t,e,n)=>{if(n==="script"){let o=0;at.lastIndex=e;for(let r=_(at,t);r;r=_(at,t))if(r[1]==="/"){if(o<2)return r.index;o=1}else r[1]===""?o=o===1?2:o:r[0]==="-->"?o=0:(o=o||1,at.lastIndex=r.index+2)}else if(n!=="plaintext"){Xt.lastIndex=e;for(let o=_(Xt,t);o;o=_(Xt,t))if(D(o[1])===n)return o.index}return-1},mr=(t,e,n)=>{let o=!0,r;try{r=ar(t)}catch{o=!1,r=`${t}`}let s={__proto__:null},l=!1,u=(E,S)=>{let $=!S;P.lastIndex=E;for(let C=_(P,r);C;C=_(P,r)){if(C[2])return P.lastIndex;if(!$&&D(C[3])==="shadowrootmode"){$=!0;let jt=C[4]??C[5]??C[6];if(jt!==void 0&&yr(jt)){let tn=r[P.lastIndex-1],en=C[6]===void 0&&(tn==='"'||tn==="'")?P.lastIndex-1:P.lastIndex;s[en-jt.length]=en,l=!0}}}return-1},f=Je(e,n)?0:-1,c=f===0||dn[e]?-1:0,p;for(;c>=0;){p&&(c=hr(r,c,p),p=void 0),qt.lastIndex=c;let E=c<0?null:_(qt,r);if(!E)break;if(c=qt.lastIndex,E[1])r[c]===">"?c+=1:r[c]==="-"&&r[c+1]===">"?c+=2:(Yt.lastIndex=c,c=_(Yt,r)?Yt.lastIndex:-1);else if(E[2])Gt.lastIndex=c,c=_(Gt,r)?Gt.lastIndex:-1;else{let S=D(E[4]),$=E[3]==="";if(c=u(c,$&&S==="template"),$&&Je(S,n)){f=c;break}p=$&&dn[S]?S:void 0}}if(f>=0){Z.lastIndex=f;for(let E=_(Z,r);E;E=_(Z,r))u(Z.lastIndex-1,!0),Z.lastIndex=E.index+1}if(!l)return o?t:r;let h="",g=0;for(ut.lastIndex=0;_(ut,r);){let E=s[ut.lastIndex];E!==void 0&&(h+=`${H(r,g,ut.lastIndex)}open`,g=E)}let A=h+H(r,g);return o?dr(A)??t:A},gr=t=>{try{return K(t)===fn?mt(t):"svg"}catch{return}},Er=[[Element.prototype,"setHTMLUnsafe",!0],[ShadowRoot.prototype,"setHTMLUnsafe",!0],[Document,"parseHTMLUnsafe",!1],[Element.prototype,"setHTML",!0],[ShadowRoot.prototype,"setHTML",!0],[Document,"parseHTML",!1]];for(let[t,e,n]of Er){let o=t[e];typeof o=="function"&&(t[e]={[e](...r){return r.length>0&&(r[0]=mr(r[0],gr(this),n)),O(o,this,r)}}[e])}let Kt=()=>{T&&U(T,"navigate",mo,!0),nt(d,"click",kt,!0),nt(d,"auxclick",kt,!0),nt(d,"submit",vo,!0),nt(d,"formdata",Do,!0)};Kt();let lt=Reflect.apply,_r=Document.prototype.open,Qe=Document.prototype.write,wr=Document.prototype.writeln,Tr=d.trustedTypes?.emptyHTML??"",Rr=m.implementation.createDocument(null,null,null),Sr=a(DOMException.prototype,"name"),Nr=t=>{try{return Sr(t)==="InvalidStateError"}catch{return!1}},Ze=(t,e,n)=>{try{lt(e,Rr,n)}catch(o){if(!Nr(o))throw o}try{lt(Qe,t,[Tr])}finally{Kt()}return lt(e,t,n)},br={open(...t){try{return lt(_r,this,t)}finally{Kt()}},write(...t){return Ze(this,Qe,t)},writeln(...t){return Ze(this,wr,t)}};for(let t of["open","write","writeln"])Object.defineProperty(Document.prototype,t,{...Object.getOwnPropertyDescriptor(Document.prototype,t),value:br[t]})}yn({"site":"cozydrum.com","exitPath":"\/url"});})();
//# sourceURL=exit-interstitial.js
</script>
<link
rel="icon"
type="image/png"
href="//cozydrum.com/cdn/shop/files/cozy-drum-favicon.webp?crop=center&height=32&v=1792153615&width=32"
><script>/* Cozy (v69) : carnet de Noël offert = produit « Carnet de Noël – offert avec votre tambour » à 0 € (variante 58193571709268), ajouté avec un tambour. Sans tambour, il redevient le carnet payant (8,90 €), qui reste dans le panier. Un carnet payant présent avec un tambour est remplacé par l'offert. */(function(){var H='carnet-noel-pdf',F=58193571709268,V=null,P=null,of=window.fetch.bind(window),J={'Content-Type':'application/json'};function isDrum(i){return i.handle&&i.handle.indexOf('tongue-drum')===0}function vid(){return V?Promise.resolve(V):of('/products/'+H+'.js').then(function(r){return r.json()}).then(function(p){V=p.variants[0].id;return V})}function ch(id,q){return of('/cart/change.js',{method:'POST',headers:J,body:JSON.stringify({id:String(id),quantity:q})})}function add(id){return of('/cart/add.js',{method:'POST',headers:J,body:JSON.stringify({items:[{id:id,quantity:1}]})})}function sync(){if(P)return P;P=Promise.all([vid(),of('/cart.js').then(function(r){return r.json()})]).then(function(a){var v=a[0],c=a[1],d=0,k=0,f=0,s=Promise.resolve(),n=false;c.items.forEach(function(i){if(isDrum(i))d+=i.quantity;if(i.variant_id===v)k+=i.quantity;if(i.variant_id===F)f+=i.quantity});if(d>0){if(k>0){s=s.then(function(){return ch(v,0)});n=true}if(f===0){s=s.then(function(){return add(F)});n=true}else if(f>1){s=s.then(function(){return ch(F,1)});n=true}}else if(f>0){s=s.then(function(){return ch(F,0)});if(k===0)s=s.then(function(){return add(v)});n=true}return n?s.then(function(){return true}):false}).catch(function(){}).then(function(r){P=null;if(r&&/^\/cart\/?$/.test(location.pathname))location.reload()});return P}window.fetch=function(u,o){var p=of(u,o),s=typeof u==='string'?u:(u&&u.url)||'';if(/\/cart\/(add|change|update|clear)/.test(s))p.then(function(){setTimeout(sync,50)},function(){});return p};function go(e){e.preventDefault();e.stopPropagation();sync().then(function(){location.href='/checkout'})}document.addEventListener('click',function(e){var b=e.target.closest&&e.target.closest('[name="checkout"],a[href^="/checkout"]');if(b)go(e)},true);sync()})();</script>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1,viewport-fit=cover"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Cozy Drum"
>
<meta
property="og:url"
content="https://cozydrum.com/"
>
<meta
property="og:title"
content="Tongue drum en acier aux sons apaisants | Cozy Drum"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Retrouvez votre calme avec un tongue drum en acier de 8 à 15 notes : aucun cours de musique, aucune fausse note. Livraison offerte, retours sous 30 jours."
><meta
property="og:image"
content="http://cozydrum.com/cdn/shop/files/cozy-drum-partage_d4f4db60-4790-47ac-b36d-aacd71be5369.webp?v=1793092774"
>
<meta
property="og:image:secure_url"
content="https://cozydrum.com/cdn/shop/files/cozy-drum-partage_d4f4db60-4790-47ac-b36d-aacd71be5369.webp?v=1793092774"
>
<meta
property="og:image:width"
content="1200"
>
<meta
property="og:image:height"
content="628"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Tongue drum en acier aux sons apaisants | Cozy Drum"
>
<meta
name="twitter:description"
content="Retrouvez votre calme avec un tongue drum en acier de 8 à 15 notes : aucun cours de musique, aucune fausse note. Livraison offerte, retours sous 30 jours."
>
<title>
Tongue drum en acier aux sons apaisants | Cozy Drum
</title>
<link
rel="canonical"
href="https://cozydrum.com/"
>
<meta
name="description"
content="Retrouvez votre calme avec un tongue drum en acier de 8 à 15 notes : aucun cours de musique, aucune fausse note. Livraison offerte, retours sous 30 jours."
>
<link href="//cozydrum.com/cdn/shop/t/84/assets/overflow-list.css?v=16727044177065489451794649983" as="style" rel="preload">
<link href="//cozydrum.com/cdn/shop/t/84/assets/base.css?v=101470124488811828791794649983" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" href="//cozydrum.com/cdn/shop/t/84/assets/pd-jost.woff2?v=134727586954457146591794649983" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="//cozydrum.com/cdn/shop/t/84/assets/pd-figtree.woff2?v=117303353605767658981794649983" as="font" type="font/woff2" crossorigin>
<style>
@font-face {
font-family: 'PD Narrow';
src: url('//cozydrum.com/cdn/shop/t/84/assets/pd-pt-sans-narrow-700.woff2?v=8867199592741955481794649983') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PD Jost';
src: url('//cozydrum.com/cdn/shop/t/84/assets/pd-jost.woff2?v=134727586954457146591794649983') format('woff2');
font-weight: 300 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PD Fraunces';
src: url('//cozydrum.com/cdn/shop/t/84/assets/pd-fraunces-italic.woff2?v=93472396327573311921794649983') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'PD Figtree';
src: url('//cozydrum.com/cdn/shop/t/84/assets/pd-figtree.woff2?v=117303353605767658981794649983') format('woff2');
font-weight: 400 500;
font-style: normal;
font-display: swap;
}
:root {
--pd-font-soft: 'PD Figtree', 'Proxima Nova', var(--pd-font-fallback, sans-serif);
}
</style>
<link href="//cozydrum.com/cdn/shop/t/84/assets/pd.css?v=147301169603310989771794649983" rel="stylesheet" type="text/css" media="all" />
<link href="//cozydrum.com/cdn/shop/t/84/assets/pd-cart.css?v=129535028572295137451794649983" rel="stylesheet" type="text/css" media="all" />
<link href="//cozydrum.com/cdn/shop/t/84/assets/pd-v12.css?v=22365599693012204151794649983" rel="stylesheet" type="text/css" media="all" />
<script>
window.pdStrings = {
offerUnavailable: "Cette couleur n\u0026#39;est pas disponible.",
addToCartError: "Impossible d\u0026#39;ajouter au panier. Veuillez réessayer."
};
window.pdRoutes = {
root: "\/",
cart: "\/cart",
cartAdd: "\/cart\/add.js"
};
</script>
<script src="//cozydrum.com/cdn/shop/t/84/assets/pd.js?v=19995208442775246501794649983" defer></script>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//cozydrum.com/cdn/shop/t/84/assets/overflow-list.js?v=46858356770684902511794649983",
"@theme/component": "//cozydrum.com/cdn/shop/t/84/assets/component.js?v=175690430936884589731794649983",
"@theme/dialog": "//cozydrum.com/cdn/shop/t/84/assets/dialog.js?v=144816527575655702281794649983",
"@theme/events": "//cozydrum.com/cdn/shop/t/84/assets/events.js?v=164878410936539277451794649983",
"@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
"@theme/view-event-elements": "//cozydrum.com/cdn/shop/t/84/assets/view-event-elements.js?v=34258756885466567141794649983",
"@theme/focus": "//cozydrum.com/cdn/shop/t/84/assets/focus.js?v=60436577539430446401794649983",
"@theme/morph": "//cozydrum.com/cdn/shop/t/84/assets/morph.js?v=163551064521986254391794649983",
"@theme/paginated-list": "//cozydrum.com/cdn/shop/t/84/assets/paginated-list.js?v=71290058904108491691794649983",
"@theme/performance": "//cozydrum.com/cdn/shop/t/84/assets/performance.js?v=171015751390534793081794649983",
"@theme/product-form": "//cozydrum.com/cdn/shop/t/84/assets/product-form.js?v=182322005050512164671794649983",
"@theme/recently-viewed-products": "//cozydrum.com/cdn/shop/t/84/assets/recently-viewed-products.js?v=94729125001750262651794649983",
"@theme/scrolling": "//cozydrum.com/cdn/shop/t/84/assets/scrolling.js?v=166966481516020134501794649983",
"@theme/section-renderer": "//cozydrum.com/cdn/shop/t/84/assets/section-renderer.js?v=165897709872489896681794649983",
"@theme/section-hydration": "//cozydrum.com/cdn/shop/t/84/assets/section-hydration.js?v=108434990705342316311794649983",
"@theme/money-formatting": "//cozydrum.com/cdn/shop/t/84/assets/money-formatting.js?v=160151249720534550011794649983",
"@theme/utilities": "//cozydrum.com/cdn/shop/t/84/assets/utilities.js?v=128964188705738871001794649983",
"@theme/variant-picker": "//cozydrum.com/cdn/shop/t/84/assets/variant-picker.js?v=76692244208061220611794649983",
"@theme/variant-resolution": "//cozydrum.com/cdn/shop/t/84/assets/variant-resolution.js?v=69293302205961280521794649983",
"@theme/media-gallery": "//cozydrum.com/cdn/shop/t/84/assets/media-gallery.js?v=154207211298275592001794649983",
"@theme/quick-add": "//cozydrum.com/cdn/shop/t/84/assets/quick-add.js?v=43224368435069079051794649983",
"@theme/paginated-list-aspect-ratio": "//cozydrum.com/cdn/shop/t/84/assets/paginated-list-aspect-ratio.js?v=25254270272143792451794649983",
"@theme/component-cart-items": "//cozydrum.com/cdn/shop/t/84/assets/component-cart-items.js?v=9046789195412539611794649983",
"@theme/component-quantity-selector": "//cozydrum.com/cdn/shop/t/84/assets/component-quantity-selector.js?v=125177944711255157891794649983",
"@theme/comparison-slider": "//cozydrum.com/cdn/shop/t/84/assets/comparison-slider.js?v=106705562947035711941794649983",
"@theme/sticky-add-to-cart": "//cozydrum.com/cdn/shop/t/84/assets/sticky-add-to-cart.js?v=130489688094345781431794649983",
"@theme/fly-to-cart": "//cozydrum.com/cdn/shop/t/84/assets/fly-to-cart.js?v=48483246440248933081794649983",
"@theme/scroll-container": "//cozydrum.com/cdn/shop/t/84/assets/scroll-container.js?v=127018149358875384221794649983",
"@theme/theme-drawer": "//cozydrum.com/cdn/shop/t/84/assets/theme-drawer.js?v=69307657216630184831794649983"
}
}
</script><script
src="//cozydrum.com/cdn/shop/t/84/assets/standard-actions-override.js?v=171683365447094389611794649983"
type="module"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/page-view-event.js?v=12823247316348680231794649983"
type="module"
defer
></script>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/utilities.js?v=128964188705738871001794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/component.js?v=175690430936884589731794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/section-renderer.js?v=165897709872489896681794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/section-hydration.js?v=108434990705342316311794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/morph.js?v=163551064521986254391794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/focus.js?v=60436577539430446401794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/recently-viewed-products.js?v=94729125001750262651794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/scrolling.js?v=166966481516020134501794649983"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//cozydrum.com/cdn/shop/t/84/assets/events.js?v=164878410936539277451794649983"
fetchpriority="low"
>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/overflow-list.js?v=46858356770684902511794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/quick-add.js?v=43224368435069079051794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/cart-discount.js?v=131878396574145547181794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/dialog.js?v=144816527575655702281794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/variant-picker.js?v=76692244208061220611794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/product-card.js?v=80689566448612614681794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/product-form.js?v=182322005050512164671794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/fly-to-cart.js?v=48483246440248933081794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/accordion-custom.js?v=105323356731531709191794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/media.js?v=147729010330982515121794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/product-price.js?v=179333985604099329921794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/product-sku.js?v=28741104639155857071794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/product-inventory.js?v=7173209571153411411794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/show-more.js?v=94563802205717136101794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/slideshow.js?v=156792930899744416701794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/layered-slideshow.js?v=99078667042736475191794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/anchored-popover.js?v=41103074827070742301794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/floating-panel.js?v=151277338116891310371794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/video-background.js?v=25237992823806706551794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/component-quantity-selector.js?v=125177944711255157891794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/media-gallery.js?v=154207211298275592001794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/rte-formatter.js?v=40306132146590816021794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/volume-pricing.js?v=15442793518842484731794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/price-per-item.js?v=10699834226661578971794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/volume-pricing-info.js?v=150538418000149674651794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/localization.js?v=76602883968586766701794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/auto-close-details.js?v=58350291535404441581794649983"
defer="defer"
></script>
<script>
const supportsNativePopover = 'popover' in HTMLElement.prototype;
const Theme = {
supportsNativePopover,
popoverPolyfillReady: supportsNativePopover
? Promise.resolve()
: import("//cozydrum.com/cdn/shop/t/84/assets/popover-polyfill.js?v=119029313658895111201794649983").then(() => {}),
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
items_added_to_cart_one: `1 article ajouté au panier`,
items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
cart_count: `Nombre total d’articles dans le panier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Inter;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/jost/jost_n5.7c8497861ffd15f4e1284cd221f14658b0e95d61.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/jost/jost_n5.fb6a06896db583cc2df5ba1b30d9c04383119dd9.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/jost/jost_i5.a6c7dbde35f2b89f8461eacda9350127566e5d51.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/jost/jost_i5.2b58baee736487eede6bcdb523ca85eea2418357.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/jost/jost_n6.ec1178db7a7515114a2d84e3dd680832b7af8b99.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/jost/jost_n6.b1178bb6bdd3979fef38e103a3816f6980aeaff9.woff") format("woff");
}
@font-face {
font-family: Jost;
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//cozydrum.com/cdn/fonts/jost/jost_i6.9af7e5f39e3a108c08f24047a4276332d9d7b85e.woff2") format("woff2"),
url("//cozydrum.com/cdn/fonts/jost/jost_i6.2bf310262638f998ed206777ce0b9a3b98b6fe92.woff") format("woff");
}
:root {
/* Safe area insets — non-zero on notched devices because meta-tags.liquid sets viewport-fit=cover */
--safe-area-inset-top: env(safe-area-inset-top, 0px);
--safe-area-inset-right: env(safe-area-inset-right, 0px);
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
--safe-area-inset-left: env(safe-area-inset-left, 0px);
/* Page Layout */
--sidebar-width: 25rem;
--theme-drawer-width: 30rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
/* Font families */
--font-body--family: Inter, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Jost, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 500;
--font-heading--family: Jost, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 500;
--font-accent--family: Jost, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 600;
/* Margin sizes */
--font-heading--spacing: 0.25em;
--font-h1--spacing: var(--font-heading--spacing);
--font-h2--spacing: var(--font-heading--spacing);
--font-h3--spacing: var(--font-heading--spacing);
--font-h4--spacing: var(--font-heading--spacing);
--font-h5--spacing: var(--font-heading--spacing);
--font-h6--spacing: var(--font-heading--spacing);
--font-paragraph--spacing: 0.5em;
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: 0.8;
--opacity-muted-text: 0.6;
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-4xl: 2rem;
--margin-6xl: 5rem;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 4px;
--style-border-radius-buttons-primary: 4px;
--style-border-radius-buttons-secondary: 4px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 8px;
--style-border-popover: 1px solid #E4E1EA;
--style-border-drawer: 1px solid #E4E1EA;
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--drawer-animation-speed: 0.2s;
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: 0.4980s;
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: 0.4648s;
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: 0.3818s;
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: 0.2988s;
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
--variant-option-label-color: var(--color, var(--color-foreground));
/* Slideshow */
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
/* Centered dialog: reserve the larger side inset on both edges so a landscape
notch cannot cover the close button. 2vw keeps the original 96vw gutter. */
--quick-add-modal-width: min(
54rem,
calc(100vw - 2 * max(2vw, var(--safe-area-inset-left), var(--safe-area-inset-right)))
);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-subheading--family);
--cart-secondary-font-style: var(--font-subheading--style);
--cart-secondary-font-weight: var(--font-subheading--weight);
}
.custom-color-quick-add {
--quick-add-background: #FFFFFF;
--quick-add-foreground: #161F35;
}
</style>
<style data-shopify>
.color-custom-popover,
.color-custom-popover .text-block {
/* Background */
--color-background: #FFFFFF;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #161F35;
--color-rgb: 22 31 53;
--color-foreground: #161F35;
--color-foreground-rgb: 22 31 53;
--color-foreground-muted: rgb(22 31 53 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(22 31 53 / var(--opacity-subdued-text));
--color-border: #E4E1EA;
--color-border-rgb: 228 225 234;
}
.color-custom-popover {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(22 31 53 / var(--opacity-10));
--input-disabled-border-color: rgb(22 31 53 / var(--opacity-5));
--input-disabled-text-color: rgb(22 31 53 / var(--opacity-50));
--checkbox-border: 1px solid rgb(22 31 53 / var(--opacity-35-55));
}
.color-custom-popover {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-drawer,
.color-custom-drawer .text-block {
/* Background */
--color-background: #FFFFFF;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #161F35;
--color-rgb: 22 31 53;
--color-foreground: #161F35;
--color-foreground-rgb: 22 31 53;
--color-foreground-muted: rgb(22 31 53 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(22 31 53 / var(--opacity-subdued-text));
--color-border: #E4E1EA;
--color-border-rgb: 228 225 234;
}
.color-custom-drawer {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(22 31 53 / var(--opacity-10));
--input-disabled-border-color: rgb(22 31 53 / var(--opacity-5));
--input-disabled-text-color: rgb(22 31 53 / var(--opacity-50));
--checkbox-border: 1px solid rgb(22 31 53 / var(--opacity-35-55));
}
.color-custom-drawer {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sale,
.color-custom-badge-sale .text-block {
/* Background */
--color-background: #C2620F;
--color-background-rgb: 194 98 15;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #FFFFFF;
--color-rgb: 255 255 255;
--color-foreground: #FFFFFF;
--color-foreground-rgb: 255 255 255;
--color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
--color-border: #FFFFFF;
--color-border-rgb: 255 255 255;
}
.color-custom-badge-sale {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
--input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
--input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
--checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
}
.color-custom-badge-sale {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sold-out,
.color-custom-badge-sold-out .text-block {
/* Background */
--color-background: #EEF0F6;
--color-background-rgb: 238 240 246;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #161F35;
--color-rgb: 22 31 53;
--color-foreground: #161F35;
--color-foreground-rgb: 22 31 53;
--color-foreground-muted: rgb(22 31 53 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(22 31 53 / var(--opacity-subdued-text));
--color-border: #161F35;
--color-border-rgb: 22 31 53;
}
.color-custom-badge-sold-out {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(22 31 53 / var(--opacity-10));
--input-disabled-border-color: rgb(22 31 53 / var(--opacity-5));
--input-disabled-text-color: rgb(22 31 53 / var(--opacity-50));
--checkbox-border: 1px solid rgb(22 31 53 / var(--opacity-35-55));
}
.color-custom-badge-sold-out {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
/* Palette colors */
:root {
--color-background: #FFFFFF;
--color-background-rgb: 255 255 255;
--color-foreground: #161F35;
--color-foreground-rgb: 22 31 53;
--color-border: #161F35;
--color-border-rgb: 22 31 53;
--palette-lightest: #FFFFFF;
--palette-lightest-rgb: 255 255 255;
--palette-darkest: #161F35;
--palette-darkest-rgb: 22 31 53;
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(194 98 15 / 1.0);
--color-primary-button-border: rgb(194 98 15 / 1.0);
--color-primary-button-focus-outline: rgb(194 98 15);
--color-primary-button-hover-text: rgb(22 31 53 / 1.0);
--color-primary-button-hover-background: #da6e11;
--color-primary-button-hover-border: #da6e11;
--color-secondary-button-text: rgb(22 31 53 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(22 31 53 / 1.0);
--color-secondary-button-hover-text: rgb(22 31 53 / 1.0);
--color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
--color-secondary-button-hover-border: #2c3f6b;
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(94 100 117 / 1.0);
--color-input-text-rgb: 94 100 117;
--color-input-border: rgb(228 225 234 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(228 225 234 / 1.0);
--color-variant-text: rgb(22 31 53 / 1.0);
--color-variant-text-rgb: 22 31 53;
--color-variant-hover-background: #f2f2f2;
--color-variant-hover-text: rgb(22 31 53 / 1.0);
--color-variant-hover-border: #d7d2df;
--color-selected-variant-background: rgb(31 43 71 / 1.0);
--color-selected-variant-border: rgb(31 43 71 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-text-rgb: 255 255 255;
--color-selected-variant-hover-background: #273659;
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: #273659;
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
--color-drawer-shadow-rgb: ;
--color-popover-shadow-rgb: 22 31 53;
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
}
body {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="wsDpueLoAQssTSyrKFWy4eUPqetOKRb_BEiJatB-BGY">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/108601344340/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="108601344340" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=108601344340" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":108601344340,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/108601344340","merchantName":"Cozy Drum","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Cozy Drum","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"88f1e429a6d48eb500704ba865cddecc","betas":["rich-media-storefront-analytics"],"domain":"cozydrum.com","predictiveSearch":true,"shopId":108601344340,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "qg1xb0-ic.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Cozy Drum v77 (titre SEO + À lire aussi)","id":208865296724,"schema_name":"Horizon","schema_version":"4.3.0","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cozydrum.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"backendHost":"Y296eWRydW0uY29t"});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/delivery.shopifyapps.com\/assets\/checkout\/script.js?shop=qg1xb0-ic.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":108601344340,"offset":3600,"reqid":"0764d754-8e13-47e5-a18f-6c8016512d47-1794681900","pageurl":"cozydrum.com\/","u":"7993a3eb4dd2","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-FYHzja/5XSmzkjz6zHj7s4rACJGFuVoYZdumgoO2Ecs=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cozydrum.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-ed94c51f.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//cozydrum.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//cozydrum.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-hfGAxKJ6MFnGQCYgUfqgtJBsk7WSUo2LPuoHgEkokSg=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-6af5f5e9.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/cozydrum.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-cfeae510.js","sha256-hdSsaskU5p37T8dqwXSuZ1454uxl\/hhOLZu33d3jWEE=");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://cozydrum.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsFindBuyerConsent(e){if(!e)return[document.getElementById("shopify-buyer-consent"),document.getElementById("shopify-subscription-policy-button")];let t=e.parentNode?.firstElementChild;for(;t&&"shopify-buyer-consent"!==t.id;)t=t.nextElementSibling;return[t,t?.querySelector("#shopify-subscription-policy-button")]}function portableWalletsOpenPolicy(e){let t=(e.target.closest?.("#shopify-subscription-policy-button")?.closest("#shopify-buyer-consent:not(.hidden)"))?.parentNode?.firstElementChild;for(;t&&!t.portableWalletsPolicyCallback;)t=t.nextElementSibling;t?.portableWalletsPolicyCallback(e)}function portableWalletsSetPolicyCallback(e,t){t?.isConnected&&e&&(t.portableWalletsPolicyCallback=e,(e=t.getRootNode()).removeEventListener("click",e.portableWalletsPolicyListener,!0),e.portableWalletsPolicyListener=portableWalletsOpenPolicy,e.addEventListener("click",portableWalletsOpenPolicy,!0))}function portableWalletsHideBuyerConsent(e,t){var[l,o]=portableWalletsFindBuyerConsent(t);portableWalletsSetPolicyCallback(e,t),l&&o&&(l.classList.add("hidden"),l.setAttribute("aria-hidden","true"),o.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e,t){var[l,o]=portableWalletsFindBuyerConsent(t);portableWalletsSetPolicyCallback(e,t),l&&o&&(l.classList.remove("hidden"),l.removeAttribute("aria-hidden"),t||o.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://cozydrum.com/cdn/shopifycloud/privacy-banner/privacy-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://cozydrum.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<link rel="compression-dictionary" href="//cozydrum.com/cdn/shop/t/84/compiled_assets/styles.css?v=122426528516253254691794650066" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//cozydrum.com/cdn/shop/t/84/compiled_assets/styles.css?v=122426528516253254691794650066&subset=ADAAAOiHQAAAAAAAGAAAAAAAAAAAEAB2AwQAAwAgAhAFDEIwAUBM" crossorigin="anonymous">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
(function (c, l, a, r, i, t, y) {
c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
if (error) {
console.error("Error loading Shopify features:", error);
return;
}
c[a]('consentv2', {
ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
source: 101,
});
});
l.addEventListener("visitorConsentCollected", function (e) {
c[a]('consentv2', {
ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
source: 101,
});
});
})(window, document, "clarity", "script", "z5dyi3j0m6");
</script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 108601344340,storefrontBaseUrl: "https://cozydrum.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://cozydrum.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["7b21cf0b","b13923a8","4c64608a","08197dfb"],webPixelsConfigList: [{"id":"5569216852","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GTM-KPMNC39H\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-VRPC3TH76X\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-VRPC3TH76X\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-VRPC3TH76X\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"5509448020","configuration":"{\"projectId\":\"z5dyi3j0m6\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"563e0053ed5256caadf8f5b3d1a9fcec","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"5505515860","configuration":"{\"accountID\":\"WXuPuh\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWUsICJlbmFibGVBbm9ueW1vdXNCYWNrZmlsbCI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3fe25e975c30cd2a9af38a04798704c0","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"5495423316","configuration":"{\"pixel_id\":\"2351043789004177\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"aa512388c6e159e69a109d31a3b74919","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"372998484","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Store events"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Cozy Drum","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"qg1xb0-ic.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/cozydrum.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15881140863316","handle":"tongue-drum-pro","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57643476156756","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15881140896084","handle":"tongue-drum-plus","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57643476451668","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15881140961620","handle":"tongue-drum-mini","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57644788515156","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15929263128916","handle":"comptines-pdf","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58057480307028","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15929189106004","handle":"melodies-zen-pdf","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58056787722580","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15951698592084","handle":"a-jouer-a-deux-pdf","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58184015380820","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15928998232404","handle":"carnet-noel-pdf","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58053682954580","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15953112301908","handle":"carnet-de-noel-offert-avec-votre-tambour-pdf","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"58193571709268","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15919497281876","handle":"carnet-partitions","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57999059059028","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://cozydrum.com/cdn","7c8e7afaw45178ba9pf12000acme993a4d3",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"208865296724","themeStoreId":"2481","themePublished":"true","eventMetadataId":"68d2e1e4-6a2f-4509-9914-a0e98530bd8d","pageType":"home","shopId":"108601344340","storefrontBaseUrl":"https:\/\/cozydrum.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"7b21cf0b\", \"b13923a8\", \"4c64608a\", \"08197dfb\"]","isMerchantRequest":"false","hashVersion":"7c8e7afaw45178ba9pf12000acme993a4d3","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"0764d754-8e13-47e5-a18f-6c8016512d47-1794681900"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (method == 'track' || method == 'page') {
var pageUrl;
try {
pageUrl = window.location.href;
} catch (e) {}
var pageReferrer;
try {
pageReferrer = document.referrer;
} catch (e) {}
try {
if (window.__TREKKIE_SHIM_QUEUE == null) {
window.__TREKKIE_SHIM_QUEUE = [];
}
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1),
pageContext: {
url: pageUrl,
referrer: pageReferrer
}
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":108601344340,"isMerchantRequest":null,"themeId":208865296724,"themeCityHash":"6171372631485453464","contentLanguage":"fr","currency":"EUR","eventMetadataId":"68d2e1e4-6a2f-4509-9914-a0e98530bd8d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["7b21cf0b","b13923a8","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"0764d754-8e13-47e5-a18f-6c8016512d47-1794681900","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//cozydrum.com/cdn/shopifycloud/storefront/assets/shop_events_listener-819172a8.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://cozydrum.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.15.1.min.js"
data-application="storefront-renderer"
data-shop-id="108601344340"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="208865296724"
data-theme-name="Horizon"
data-theme-version="4.3.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://cozydrum.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"108601344340","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Se connecter ou créer un compte"},{"key":"account_menu.signed_out_state.section_divider","value":"Autres moyens de connexion"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OU"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Se connecter avec Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuer avec Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuer avec Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Envoyez-moi des nouvelles et des offres par e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Bonjour, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Compte"},{"key":"account_menu.signed_in_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Emplacements"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Rechercher"},{"key":"account_menu.aria_labels.close_menu","value":"Fermer le menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Retour au menu principal depuis {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, ouvre le sous-menu"},{"key":"account_menu.aria_labels.loading_menu","value":"Chargement du menu"},{"key":"account_menu.aria_labels.loading","value":"Chargement"},{"key":"account_menu.aria_labels.account","value":"Compte"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Se connecter avec e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Se connecter"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"FR","language":"fr"}}</script>
<meta name="shopify-y" content="09d77676-a095-4dd9-9488-90abaea86905" data-expiration="1826239500000"><meta name="shopify-s" content="aa473862-a9d7-4811-a05a-67c3f3381998" data-expiration="1794683700000"><meta name="request-id" content="0764d754-8e13-47e5-a18f-6c8016512d47-1794681900" >
</head>
<body class="page-width-narrow card-hover-effect-none">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a><style>
@media (min-width: 750px) {
.pd-fbr .pd-fbr__rail {
position: relative;
}
.pd-fbr .pd-fbr__list {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 32px) / 2);
align-items: start;
gap: 32px;
padding: 4px 4px 14px;
scroll-padding-inline: 4px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
}
.pd-fbr .pd-fbr__list::-webkit-scrollbar {
display: none;
}
.pd-fbr .pd-fbr__arrow {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin-top: -30px;
padding: 0;
border: 0;
border-radius: 50%;
background: #fff;
color: var(--pd-green, #1F2B47);
box-shadow: 0 4px 14px rgba(31, 43, 71, 0.18);
cursor: pointer;
transition: opacity 0.2s ease;
}
.pd-fbr .pd-fbr__arrow svg {
width: 20px;
height: 20px;
}
.pd-fbr .pd-fbr__arrow--prev { left: -22px; }
.pd-fbr .pd-fbr__arrow--next { right: -22px; }
.pd-fbr .pd-fbr__arrow[disabled] {
opacity: 0;
pointer-events: none;
}
}
@media (min-width: 990px) {
.pd-fbr .pd-fbr__list {
grid-auto-columns: calc((100% - 64px) / 3);
}
}
@media (min-width: 1200px) {
.pd-fbr .pd-fbr__arrow--prev { left: -66px; }
.pd-fbr .pd-fbr__arrow--next { right: -66px; }
}
@media (max-width: 749px) {
.pd-fbr .pd-fbr__arrow { display: none; }
}
</style>
<script>
(function () {
if (window.__pdAvisCarrousel) return;
window.__pdAvisCarrousel = true;
var chevron = function (d) {
return '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="' + d + '"/></svg>';
};
function setup(list) {
if (list.dataset.pdRail) return;
list.dataset.pdRail = '1';
var rail = document.createElement('div');
rail.className = 'pd-fbr__rail';
list.parentNode.insertBefore(rail, list);
rail.appendChild(list);
var prev = document.createElement('button');
prev.type = 'button';
prev.className = 'pd-fbr__arrow pd-fbr__arrow--prev';
prev.setAttribute('aria-label', 'Avis précédents');
prev.innerHTML = chevron('M15 5l-7 7 7 7');
var next = document.createElement('button');
next.type = 'button';
next.className = 'pd-fbr__arrow pd-fbr__arrow--next';
next.setAttribute('aria-label', 'Avis suivants');
next.innerHTML = chevron('M9 5l7 7-7 7');
rail.appendChild(prev);
rail.appendChild(next);
function step() {
var card = list.querySelector('.pd-fbr__card');
var gap = parseFloat(getComputedStyle(list).columnGap) || 0;
return card ? card.getBoundingClientRect().width + gap : list.clientWidth;
}
function update() {
var max = list.scrollWidth - list.clientWidth;
prev.disabled = list.scrollLeft <= 10;
next.disabled = list.scrollLeft >= max - 10;
}
prev.addEventListener('click', function () { list.scrollBy({ left: -step(), behavior: 'smooth' }); });
next.addEventListener('click', function () { list.scrollBy({ left: step(), behavior: 'smooth' }); });
list.addEventListener('scroll', update, { passive: true });
window.addEventListener('resize', update);
update();
}
function init() {
document.querySelectorAll('.pd-fbr .pd-fbr__list').forEach(setup);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
document.addEventListener('shopify:section:load', init);
})();
</script>
<theme-drawer id="chat-drawer">
<dialog
ref="panel"
class="theme-drawer__dialog chat-drawer"
>
<shopify-chat
mode="standalone"
mode-switch
></shopify-chat>
</dialog>
</theme-drawer>
<script type="module">
const chatDrawer = document.querySelector('#chat-drawer');
const shopifyChat = document.querySelector('shopify-chat');
document.addEventListener('theme-drawer:open', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
shopifyChat?.setAttribute('mode', 'managed');
});
document.addEventListener('theme-drawer:close', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
// If mode is still managed, this is a theme-initiated close (backdrop /
// Escape) — close the chat so the FAB appears. If mode is already
// standalone, the close was triggered by an undock (enter-standalone sets
// mode before closing the drawer) — leave the chat open as a floating panel.
if (shopifyChat?.getAttribute('mode') === 'managed') {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', 'standalone');
});
document.addEventListener('shopify-chat:enter-managed', () => {
// Captured at event-fire time — the dock-transition animation hint below
// depends on state as it was when the event was dispatched.
const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
// The activator-click path (FAB click on desktop with stored
// preferredMode=managed) dispatches enter-managed *before* calling show(),
// so the chat's `open` attribute at event time understates the imminent
// outcome. Defer to a microtask: by then show() (if any) has run, and we
// can distinguish the viewport-driven mobile→desktop transition that left
// a minimized FAB (chat stays closed → don't open an empty drawer) from
// an activator click (chat just opened → open the drawer).
queueMicrotask(() => {
if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
return;
}
chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
});
});
document.addEventListener('shopify-chat:enter-standalone', () => {
shopifyChat?.setAttribute('mode', 'standalone');
chatDrawer?.close?.();
});
document.addEventListener('shopify-chat:close', () => {
if (shopifyChat?.getAttribute('mode') === 'managed') {
chatDrawer?.close?.();
}
});
document.addEventListener('megaMenu:hover', () => {
if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
shopifyChat?.removeAttribute('open');
}
});
// After the chat upgrades it self-restores its preferred mode from
// sessionStorage. Reconcile any mismatch with the theme-drawer's state
// — the drawer is the source of truth for which mode the chat should
// be in (open → managed, closed → standalone).
customElements.whenDefined('shopify-chat').then(() => {
const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
if (shopifyChat?.getAttribute('mode') !== mode) {
// When switching managed → standalone (e.g. narrow viewport skipped
// drawer restore), also close the chat so it renders as the FAB
// rather than an open standalone panel.
if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', mode);
}
});
</script>
<div class="page-wrapper">
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--32671186059604__pd_header_style" class="shopify-section shopify-section-group-header-group">
<div
class="section-background"
></div>
<div
class="section section--page-width spacing-style"
style="--padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
"
>
<style>
/* Pandadrum-style header (Jost font, uppercase, compact dropdown).
Colors, menu and announcement text are set in the Announcement bar and Header sections. */
/* ---------- Announcement bar: always centered, 12px bold, white on pink ---------- */
#header-group .announcement-bar__slides {
justify-items: center;
margin-inline: auto;
}
#header-group .announcement-bar__slide {
width: 100%;
text-align: center;
}
#header-group .announcement-bar__text {
width: 100%;
margin: 0;
font-family: var(--pd-font-label, inherit);
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
text-align: center;
color: #fff;
}
/* Téléphone : bandeau sur une seule ligne, plus fin */
@media screen and (max-width: 749px) {
#header-group .announcement-bar.spacing-style {
padding-block: 8px;
}
#header-group .announcement-bar__text {
font-size: clamp(9px, 2.7vw, 10px);
letter-spacing: 0.06em;
line-height: 1.2;
white-space: nowrap;
}
}
/* ---------- Logo ---------- */
#header-component .header-logo {
font-family: var(--pd-font-label, inherit);
font-size: 22px;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
white-space: nowrap;
}
/* ---------- Menu links: bold uppercase, 1px letter spacing ---------- */
#header-component .menu-list__link {
font-family: var(--pd-font-label, inherit);
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
#header-component .menu-list__list-item:not([slot='overflow']) .menu-list__link-title {
padding-inline: clamp(12px, 1.6vw, 22px);
}
#header-component .menu-list__list-item:not([slot='overflow']) .menu-list__disclosure {
opacity: 1;
}
/* Dropdown text links (More panel and fallback list) */
#header-component .mega-menu__link {
font-family: var(--pd-font-label, inherit);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* The plain text list is hidden once the product cards are loaded */
#header-component .mega-menu__grid:has(.mega-menu__content-list--products li) .mega-menu__list {
display: none;
}
@media screen and (min-width: 750px) {
/* Menu row 72px tall */
#header-component .header__row--top .header__columns {
--padding-block-start: 14px;
--padding-block-end: 14px;
}
/* No full-width dropdown background (replaced by the small card below),
except for the More overflow panel, which still needs it. */
#header-component:not(:has(header-menu[data-overflow-expanded='true'])) .header__underlay-open {
display: none;
}
/* ---------- Tongue Drums dropdown: small white card under the menu item ---------- */
#header-component .menu-list__list-item:not([slot='overflow']):has(> .menu-list__submenu) {
position: relative;
}
#header-component .menu-list__list-item:not([slot='overflow']) > .menu-list__submenu {
top: 100%;
inset-inline-start: 50%;
width: max-content;
min-width: 250px;
/* transparent bridge from the link down to the card: keeps the hover open */
padding: 24px 0 0;
transform: translateX(-50%);
clip-path: none;
transition: none;
background: transparent;
}
#header-component .menu-list__list-item:not([slot='overflow']) > .menu-list__submenu > .menu-list__submenu-inner {
display: block;
padding: 8px;
transform: none;
max-height: none;
overflow: visible;
background: #fff;
border-radius: 10px;
box-shadow: 0 10px 30px rgb(20 26 43 / 0.12), 0 2px 6px rgb(20 26 43 / 0.06);
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu {
display: block;
width: auto;
margin: 0;
padding: 0;
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__grid {
display: block;
width: auto;
padding: 0;
}
/* Text links (shown until the product cards are loaded) */
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__list {
display: block;
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__grid:has(.mega-menu__content-list--products li) .mega-menu__list {
display: none;
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__column {
display: flex;
flex-direction: column;
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__link {
display: flex;
align-items: center;
min-height: 46px;
padding: 8px 14px;
border-radius: 6px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
white-space: nowrap;
color: #1F2B47;
}
/* Product rows: round 30px thumbnail + one-line bold name */
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__content {
display: block;
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__content-list--products {
display: flex;
flex-direction: column;
gap: 2px;
}
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__content-list-item {
display: block;
}
#header-component .mega-menu__content .resource-card {
flex-direction: row;
align-items: center;
gap: 12px;
row-gap: 0;
padding: 8px 14px;
border-radius: 6px;
transition: background-color 0.15s ease;
}
#header-component .mega-menu__content .resource-card:hover,
#header-component .menu-list__list-item:not([slot='overflow']) .mega-menu__link:hover {
background-color: #FAF7F1;
}
#header-component .mega-menu__content .resource-card:has(.resource-card__link:focus-visible) {
outline: 2px solid #1F2B47;
outline-offset: -2px;
}
#header-component .mega-menu__content .resource-card__media {
position: relative;
flex: 0 0 30px;
width: 30px;
height: 30px;
}
#header-component .mega-menu__content .resource-card__image {
width: 30px;
height: 30px;
aspect-ratio: 1;
border-radius: 50%;
object-fit: cover;
}
#header-component .mega-menu__content .resource-card__content {
align-items: flex-start;
text-align: start;
}
#header-component .mega-menu__content .resource-card__title {
display: block;
font-family: var(--pd-font-label, inherit);
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
-webkit-line-clamp: unset;
color: #1F2B47;
}
#header-component .mega-menu__content [ref='priceContainer'] {
display: none;
}
}
/* ---------- Mobile: 3-line hamburger + MENU label ---------- */
#header-component .header__icon--menu {
width: auto;
gap: 9px;
align-items: center;
justify-content: flex-start;
padding-inline: 0;
}
#header-component .header__icon--menu .header-drawer-icon--open {
width: 24px;
height: 16px;
margin: 0;
background:
linear-gradient(currentColor, currentColor) top / 100% 2px no-repeat,
linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
linear-gradient(currentColor, currentColor) bottom / 100% 2px no-repeat;
}
#header-component .header__icon--menu .header-drawer-icon--open svg {
display: none;
}
#header-component .header__icon--menu::after {
content: 'MENU';
font-family: var(--pd-font-label, inherit);
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.12em;
white-space: nowrap;
}
#header-component details.menu-open > .header__icon--menu::after {
content: none;
}
/* ---------- Mobile drawer: Pandadrum-style list ---------- */
/* Top-level items: uppercase bold 15px, thin light separators, + on the right */
#header-component .menu-drawer__list-item--divider {
border-bottom: 1px solid rgb(31 43 71 / 0.16);
}
#header-component .menu-drawer__menu-item--mainlist {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 54px;
font-family: var(--pd-font-label, inherit);
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: #1F2B47;
}
#header-component .menu-drawer__menu-item--mainlist .icon-plus {
flex: 0 0 auto;
margin-inline-start: auto;
}
#header-component .menu-drawer__menu-item--parent,
#header-component .menu-drawer__title {
font-family: var(--pd-font-label, inherit);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* Tongue Drums sub-items: round product photo + one-line bold name, 52px rows */
#header-component .menu-drawer__menu--childlist {
margin: 0;
padding: 0;
}
#header-component .menu-drawer__menu--childlist > .menu-drawer__list-item {
border-top: 1px solid rgb(31 43 71 / 0.1);
}
#header-component .menu-drawer__menu-item--child {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
width: 100%;
min-height: 52px;
padding: 8px 0 8px 2px;
font-family: var(--pd-font-label, inherit);
font-size: 14px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1F2B47;
}
#header-component .menu-drawer__menu-item--child .menu-drawer__menu-item-text {
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#header-component .menu-drawer__menu-item--child[href*='/products/']::before {
content: '';
flex: 0 0 36px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff center / cover no-repeat;
box-shadow: 0 0 0 1px rgb(31 43 71 / 0.08);
}
#header-component .menu-drawer__menu-item--child[href*='/products/tongue-drum-pro']::before {
background-image: url('https://cdn.shopify.com/s/files/1/1086/0134/4340/files/pro-navy.webp?width=80');
}
#header-component .menu-drawer__menu-item--child[href*='/products/tongue-drum-plus']::before {
background-image: url('https://cdn.shopify.com/s/files/1/1086/0134/4340/files/plus-navy.webp?width=80');
}
#header-component .menu-drawer__menu-item--child[href*='/products/tongue-drum-mini']::before {
background-image: url('https://cdn.shopify.com/s/files/1/1086/0134/4340/files/mini-green-packshot.webp?width=80');
}
/* Same photo as the product's current featured image (follows image changes) */#header-component .menu-drawer__menu-item--child[href='/products/tongue-drum-pro']::before {
background-image: url('//cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-offre.webp?v=1794391803&width=80');
}#header-component .menu-drawer__menu-item--child[href='/products/tongue-drum-plus']::before {
background-image: url('//cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-offre.webp?v=1794390819&width=80');
}#header-component .menu-drawer__menu-item--child[href='/products/tongue-drum-mini']::before {
background-image: url('//cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-offre.webp?v=1794390821&width=80');
}
/* No separate product cards row at the bottom of the drawer */
#header-component .menu-drawer__featured-content {
display: none;
}
/* No empty gap: everything stays at the top of the drawer */
#header-component .menu-drawer__utility-links {
margin-block: 0;
}
@media screen and (max-width: 749px) {
#header-component .header-logo {
font-size: 18px;
letter-spacing: 0.1em;
}
}
</style>
</div>
</div><div id="shopify-section-sections--32671186059604__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
<style data-shopify>
.color-custom-sections--32671186059604__header_announcements_9jGBFp,
.color-custom-sections--32671186059604__header_announcements_9jGBFp .text-block {
/* Background */
--color-background: #1F2B47;
--color-background-rgb: 31 43 71;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: var(--palette-lightest);
--color-rgb: var(--palette-lightest-rgb);
--color-foreground: var(--palette-lightest);
--color-foreground-rgb: var(--palette-lightest-rgb);
--color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
--color-border: var(--palette-lightest);
--color-border-rgb: var(--palette-lightest-rgb);
}
.color-custom-sections--32671186059604__header_announcements_9jGBFp {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
--checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
}
.color-custom-sections--32671186059604__header_announcements_9jGBFp {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div class="section-background color-custom-sections--32671186059604__header_announcements_9jGBFp"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-custom-sections--32671186059604__header_announcements_9jGBFp"
style="--padding-block-start: 11px; --padding-block-end:12px; --padding-inline-start:0px; --padding-inline-end:0px;
; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="
announcement-bar__slide
text-block
text-block--AWm40cTBZY3M0eEdaZ__announcement_BxgCk9
text-block--align-center
text-block--full-width
custom-typography
custom-font-size
custom-font-weight
"
style="
--font-size: 0.75rem;--font-weight: 700; --font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal);
--color: #FFFFFF; --color-rgb: 255 255 255;
--width: 100%;
--text-align: center;
--line-height: 1;
"
aria-hidden="false"
>
<p class="announcement-bar__text">
LIVRAISON OFFERTE · RETOURS SOUS 30 JOURS
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--32671186059604__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Cozy Drum",
"logo": "https:\/\/cozydrum.com\/cdn\/shop\/files\/cozy-drum-logo.webp?v=1792153531\u0026width=500",
"url": "https:\/\/cozydrum.com"
}
</script>
<header-component
id="header-component"
class="header"
data-theme-color="rgb(250 247 241)"
data-bubble-style="default"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
data-header-rows="single"
style="
--color-background-top-row: rgba(250 247 241 / 1.0);
--color-background-bottom-row: rgba(255 255 255 / 1.0);
--cart-bubble-background: #1F2B47;
--cart-bubble-text: #FAF7F1;
"
>
<div class="header__underlay header__underlay-closed"></div>
<div
class="header__underlay header__underlay-open"
></div><h1 class="visually-hidden">Cozy Drum</h1>
<div
class="header__row header__row--top color-#FAF7F1 section section--full-width-margin section--full-width color-custom-top-sections--32671186059604__header_section"
ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
<div class="header__columns spacing-style">
<style data-shopify>
.color-custom-top-sections--32671186059604__header_section,
.color-custom-top-sections--32671186059604__header_section .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #1F2B47;
--color-rgb: 31 43 71;
--color-foreground: #1F2B47;
--color-foreground-rgb: 31 43 71;
--color-foreground-muted: rgb(31 43 71 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(31 43 71 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-top-sections--32671186059604__header_section {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(31 43 71 / var(--opacity-10));
--input-disabled-border-color: rgb(31 43 71 / var(--opacity-5));
--input-disabled-text-color: rgb(31 43 71 / var(--opacity-50));
--checkbox-border: 1px solid rgb(31 43 71 / var(--opacity-35-55));
}
.color-custom-top-sections--32671186059604__header_section {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer"
ref="headerDrawerContainer"
data-hydration-key="header-drawer-mobile"
>
<style data-shopify>
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu-1,
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu-1 .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #1F2B47;
--color-rgb: 31 43 71;
--color-foreground: #1F2B47;
--color-foreground-rgb: 31 43 71;
--color-foreground-muted: rgb(31 43 71 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(31 43 71 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu-1 {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(31 43 71 / var(--opacity-10));
--input-disabled-border-color: rgb(31 43 71 / var(--opacity-5));
--input-disabled-text-color: rgb(31 43 71 / var(--opacity-50));
--checkbox-border: 1px solid rgb(31 43 71 / var(--opacity-35-55));
}
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu-1 {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/header-drawer.js?v=121243031541024704371794649983"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer "
style="--menu-image-border-radius: 6px; --resource-card-corner-radius: 6px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="
menu-drawer
color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu-1
"
>
<button
class="button close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-subheading--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase;
--menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
var(--menu-font-2xl--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
uppercase;
--menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
--menu-parent-active-font-color: var(--color-foreground);
--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
uppercase;
--menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
--menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
"
aria-label="Principale"
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
>
<accordion-custom
>
<details
id="Details-menu-drawer-tongue-drums"
>
<summary
id="HeaderDrawer-tongue-drums"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">Tongue drums</span>
<span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-tongue-drums-cozy-drum-maxi"
href="/products/tongue-drum-pro"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Cozy Drum • Maxi</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-tongue-drums-cozy-drum-medium"
href="/products/tongue-drum-plus"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Cozy Drum • Medium</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-tongue-drums-cozy-drum-mini"
href="/products/tongue-drum-mini"
class="menu-drawer__menu-item menu-drawer__menu-item--child"
>
<span class="menu-drawer__menu-item-text wrap-text">Cozy Drum • Mini</span>
</a>
</li></ul>
</details>
</accordion-custom>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
>
<a
id="HeaderDrawer-accessoires"
href="/collections/accessoires"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">Accessoires</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
>
<a
id="HeaderDrawer-faq"
href="/pages/faq"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">FAQ</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
>
<a
id="HeaderDrawer-suivi"
href="/pages/track-order"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">Suivi</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 5;"
class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
>
<a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
>
<span class="menu-drawer__menu-item-text wrap-text">Contact</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 5;"
>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 247 241);
}
</style>
<a
href="/"
class="size-style spacing-style header-logo"
style="
--size-style-width: ;--size-style-height: ;
--padding-block-start: 0px;--padding-block-end: 0px;
--font-family: var(--font-body--family);
--font-style: var(--font-body--style);
--font-weight: 600;
"
>
<span
data-testid="header-logo"
>
<img src="//cozydrum.com/cdn/shop/files/cozy-drum-logo.webp?height=30&v=1792153531" alt="Logo Cozy Drum : texte COZY DRUM vert sapin, dont le O est remplacé par un tongue drum stylisé vu de dessus" width="174" height="30" class="header-logo__image" srcset="//cozydrum.com/cdn/shop/files/cozy-drum-logo.webp?height=30&v=1792153531 1x, //cozydrum.com/cdn/shop/files/cozy-drum-logo.webp?height=60&v=1792153531 2x, //cozydrum.com/cdn/shop/files/cozy-drum-logo.webp?height=90&v=1792153531 3x" style="--header-logo-image-width: 175px;--header-logo-image-width-mobile: 128px; --header-logo-image-height: 30px; --header-logo-image-height-mobile: 22px;">
</span>
</a>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<style data-shopify>
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu,
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu .text-block {
/* Background */
--color-background: #FAF7F1;
--color-background-rgb: 250 247 241;
/* Opacity values adjusted for background brightness */
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #1F2B47;
--color-rgb: 31 43 71;
--color-foreground: #1F2B47;
--color-foreground-rgb: 31 43 71;
--color-foreground-muted: rgb(31 43 71 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(31 43 71 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(31 43 71 / var(--opacity-10));
--input-disabled-border-color: rgb(31 43 71 / var(--opacity-5));
--input-disabled-text-color: rgb(31 43 71 / var(--opacity-50));
--checkbox-border: 1px solid rgb(31 43 71 / var(--opacity-35-55));
}
.color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<header-menu
ref="headerMenu"
class="header-menu"
data-hydration-key="header-menu"
data-skip-node-update
>
<div class="header-menu__inner">
<nav
class="menu-list"
aria-label="Principale"
style="--menu-top-level-font-family: var(--font-subheading--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase;
--menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
var(--menu-font-sm--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu background-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//cozydrum.com/cdn/shop/t/84/assets/overflow-list.css?v=16727044177065489451794649983" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Plus
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><span class="menu-list__trigger"><a
href="/collections/tongue-drums"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Tongue drums</span>
</a><button
type="button"
class="menu-list__disclosure button-unstyled"
aria-controls="submenu-1"
aria-expanded="false"
ref="disclosure[]"
data-skip-node-update
on:click="/toggle"
>
<span class="visually-hidden">Afficher le sous-menu Tongue drums</span>
<svg
class="menu-list__disclosure-icon"
aria-hidden="true"
focusable="false"
viewBox="0 0 10 6"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
fill="currentColor"
></path></svg>
</button>
</span><div class="menu-list__submenu color-custom-ALzlTZGs4OGpoZjZ3Z__header-menu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
uppercase;
--menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
--menu-parent-active-font-color: var(--color-foreground);
--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
uppercase;
--menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
--menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
"
>
<div class="mega-menu section section--full-width-margin section--full-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 6px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/products/tongue-drum-pro"
class="mega-menu__link "
>
<span class="wrap-text">Cozy Drum • Maxi</span>
</a>
</div>
<div>
<a
href="/products/tongue-drum-plus"
class="mega-menu__link "
>
<span class="wrap-text">Cozy Drum • Medium</span>
</a>
</div>
<div>
<a
href="/products/tongue-drum-mini"
class="mega-menu__link "
>
<span class="wrap-text">Cozy Drum • Mini</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
<span
class="mega-menu__content"
style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 6px;"
>
<ul
class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
>
</ul>
</span>
</div>
</div>
</div>
</div></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><a
href="/collections/accessoires"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Accessoires</span>
</a></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><a
href="/pages/faq"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">FAQ</span>
</a></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><a
href="/pages/track-order"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Suivi</span>
</a></li>
<li
class="menu-list__list-item"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
><a
href="/pages/contact"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Contact</span>
</a></li>
<li
class="menu-list__list-item"
slot="more"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button
class="menu-list__link button-unstyled"
aria-haspopup="true"
aria-expanded="false"
ref="menuitem"
on:click="/toggle"
data-testid="header-menu-more-button"
data-skip-node-update
>
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</nav>
</div>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/header-menu.js?v=163571525810830592241794649983"
type="module"
fetchpriority="low"
></script>
</header-menu>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(250 247 241);
}
</style>
<script
type="module"
src="//cozydrum.com/cdn/shop/t/84/assets/cart-icon.js?v=161134087893342399831794649983"
fetchpriority="low"
></script>
<header-actions
>
<div
class="account-button header-actions__action color-custom-popover"
>
<shopify-store store-domain="https://cozydrum.com" country="FR" language="fr"></shopify-store>
<shopify-account
menu="customer-account-main-menu"
>
<span
slot="signed-out-avatar"
class="account-button__text header-actions__text-style hidden"
>
Compte
</span>
<span
slot="signed-out-avatar"
class=""
aria-hidden="true"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="17"
viewBox="0 0 15 17"
fill="none"
slot="signed-out-avatar"
class="account-button__icon"
>
<path
stroke="currentColor"
stroke-linejoin="round"
stroke-width="var(--icon-stroke-width)"
d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
/>
</svg>
</span>
</shopify-account>
</div>
<button
class="header-actions__action button-unstyled"
on:click="#cart-drawer/toggle"
aria-haspopup="dialog"
aria-expanded="false"
aria-controls="cart-drawer"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span class="hidden">
Panier
</span>
<span
class="svg-wrapper "
aria-hidden="true"
>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
style="--cart-bubble-background-fallback: #161F35; --cart-bubble-text-fallback: #FFFFFF;"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
data-testid="cart-count-live-region"
></span>
</header-actions>
<script
type="module"
src="//cozydrum.com/cdn/shop/t/84/assets/header-actions.js?v=157135685635924702181794649983"
fetchpriority="low"
></script>
</div>
</div>
</div>
</header-component>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/header.js?v=146686092481561649561794649983"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--32671186059604__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script>
/**
* Sets `--header-height` and `--header-group-height` to measured values before first paint.
*
* A few CSS rules position content relative to the header at first paint — a hero sized to
* the remaining viewport, a transparent header's negative margin. Without a measured value
* those rules use the `60px` fallback from `sections/header.liquid`, and the content visibly
* jumps once `header.js` corrects the values after load.
*
* Measuring forces layout mid-parse, so it only runs where a consuming rule exists.
* Callers opt in: the transparent-header branch below, or `snippets/measure-header-heights.liquid`,
* which any new first-paint consumer must render too.
*
* Measures once per page; after load, header.js's ResizeObservers keep the values fresh.
* The group-height walk mimics calculateHeaderGroupHeight() in utilities.js — keep them
* in sync.
*/
window.measureHeaderHeights = (function () {
let measured = false;
return function measureHeaderHeights() {
if (measured) return;
const header = document.querySelector('#header-component');
const headerGroup = document.querySelector('#header-group');
if (!header || !headerGroup) return;
measured = true;
const headerHeight = header.offsetHeight;
let headerGroupHeight = 0;
for (const element of headerGroup.children) {
if (element instanceof HTMLElement) headerGroupHeight += element.offsetHeight;
}
/**
* A transparent header is absolutely positioned, so the loop above counts its section
* wrapper as 0px. When a section follows it in the group, header.liquid pushes that
* section down by the header's height using a margin, which offsetHeight also
* excludes — so the header's height has to be added back manually.
*/
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
};
})();
/**
* Transparent-header rules consume the measured heights at first paint on every
* template, so the transparent case opts in globally here instead of per-section.
*/
if (document.querySelector('#header-component')?.hasAttribute('transparent')) {
measureHeaderHeights();
}
/**
* Sets `--top-row-height`, consumed by the header underlays and submenus. Deferred to a
* rAF so the height read doesn't force layout mid-parse, and scoped to the
* header, where all consumers live, so the write only invalidates the header subtree.
* Mimics the `--top-row-height` write in updateHeaderHeights() in utilities.js
*/
(function setTopRowHeight() {
const header = document.querySelector('#header-component');
const headerTopRow = header?.querySelector('.header__row--top');
if (!headerTopRow) return;
window.requestAnimationFrame(function () {
header.style.setProperty('--top-row-height', `${headerTopRow.getBoundingClientRect().height}px`);
});
})();
/**
* Sets `--transparent-header-offset-boolean` when the first section must offset itself
* under a transparent header. The non-offset case relies on the `0` default declared in
* sections/header.liquid — unlike updateTransparentHeaderOffset() in utilities.js, which
* re-runs on editor changes and must write '0' to reset a previously written '1'.
*/
(function updateTransparentHeaderOffset() {
const header = document.querySelector('#header-component');
const headerSection = document.querySelector('#header-group .header-section');
if (!headerSection || !header?.hasAttribute('transparent')) return;
const hasImmediateSection = headerSection.nextElementSibling?.classList.contains('shopify-section');
if (!hasImmediateSection) {
document.body.style.setProperty('--transparent-header-offset-boolean', '1');
}
})();
/**
* Sets the initial menu style (inline menu vs. drawer) on the header component.
* Mimics setHeaderMenuStyle() in utilities.js
*/
(function setHeaderMenuStyle() {
const headerComponent = document.querySelector('#header-component');
if (headerComponent) {
const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
const overflowList = headerComponent.querySelector('overflow-list');
const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
}
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="false"
data-product-transition="false"
data-template="index"
>
<section id="shopify-section-template--32671193334100__pd_hero" class="shopify-section"><div class="pd-hero" style="--pd-hero-bar-size: 20px;"><p class="pd-hero__bar">2e TAMBOUR À −40 %</p><div class="pd-hero__row">
<div class="pd-hero__content">
<div class="pd-hero__inner"><p class="pd-hero__kicker"><span class="pd-hero__kicker-icon" aria-hidden="true"><svg class="pd-icon pd-icon--heart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 19.5s-7.5-4.4-7.5-9.8A4.2 4.2 0 0112 7.4a4.2 4.2 0 017.5 2.3c0 5.4-7.5 9.8-7.5 9.8z"/></svg>
</span><span class="pd-hero__kicker-text">Des sons apaisants pour toute la famille</span>
</p><div class="pd-hero__heading"><h1 class="pd-hero__title"><span class="visually-hidden">Tongue drum en acier : </span>Retrouvez votre calme, chaque jour.</h1><p class="pd-hero__subtitle">Plongez dans les sons apaisants du tongue drum en acier.</p></div><ul class="pd-hero__points" role="list"><li>
<svg class="pd-hero__check" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>
<span>Un moment de calme</span>
</li><li>
<svg class="pd-hero__check" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>
<span>Des sons relaxants et apaisants</span>
</li><li>
<svg class="pd-hero__check" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>
<span>Une résonance douce et profonde</span>
</li></ul><div class="pd-hero__bottom">
<hr class="pd-hero__rule"><p class="pd-hero__question">À qui pensez-vous offrir un tongue drum ?</p><div class="pd-hero__ctas"><a class="pd-btn pd-btn--block pd-hero__btn" href="/collections/tongue-drums">
<span>Découvrir nos tambours</span><svg class="pd-icon pd-icon--arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 12h16.5M14.5 6.5L20 12l-5.5 5.5"/></svg>
</a><p class="pd-hero__note">Livraison offerte · Retours sous 30 jours</p></div><ul class="pd-hero__icons" role="list"><li>
<span class="pd-hero__icon" aria-hidden="true"><svg class="pd-icon pd-icon--sparkle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M11 3.5c.6 4 2.3 6.1 6.3 6.7-4 .6-5.7 2.7-6.3 6.7-.6-4-2.3-6.1-6.3-6.7 4-.6 5.7-2.7 6.3-6.7z"/><path d="M18.5 14.5c.3 1.6.9 2.2 2.5 2.5-1.6.3-2.2.9-2.5 2.5-.3-1.6-.9-2.2-2.5-2.5 1.6-.3 2.2-.9 2.5-2.5z"/></svg>
</span>
<span>Vivez la joie de la musique</span>
</li><li>
<span class="pd-hero__icon" aria-hidden="true"><svg class="pd-icon pd-icon--wand" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 20.5L14 10"/><path d="M12.6 8.6l2.8 2.8"/><path d="M17.5 3v3M16 4.5h3M20.5 9.5v2M19.5 10.5h2M10.5 3.5v2M9.5 4.5h2"/></svg>
</span>
<span>Laissez-vous porter par les mélodies</span>
</li><li>
<span class="pd-hero__icon" aria-hidden="true"><svg class="pd-icon pd-icon--door" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4.5 20.5h15"/><path d="M7 20.5V4.5h10v16"/><path d="M7 4.5l6 2.2v13.8"/><path d="M11 12.8v.8"/></svg>
</span>
<span>Découvrez la magie de faire de la musique</span>
</li></ul></div>
</div>
</div>
<div class="pd-hero__media">
<div
class="pd-slides"
data-autoplay="5"
role="region"
aria-roledescription="carrousel"
aria-label="Photos du tongue drum"
><div
class="pd-slide is-active"
role="group"
aria-roledescription="diapositive"
aria-label="1 / 3"
>
<img src="//cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=2000" alt="Tongue drum Cozy Drum Maxi bleu paon pailleté au bord tressé gris, joué avec deux mailloches sur une table en bois" srcset="//cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=500 500w, //cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=750 750w, //cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=1000 1000w, //cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=1500 1500w, //cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=2000 2000w" width="2000" height="2000" loading="eager" class="pd-img" fetchpriority="high" sizes="(min-width: 750px) 50vw, 100vw">
</div><div
class="pd-slide"
role="group"
aria-roledescription="diapositive"
aria-label="2 / 3"
>
<img src="//cozydrum.com/cdn/shop/files/pro-2.webp?v=1792139607&width=2000" alt="Tongue drum Cozy Drum Maxi bleu marine aux notes numérotées, bord tressé, deux mailloches en bois, entouré de cadeaux de Noël et de fleurs" srcset="//cozydrum.com/cdn/shop/files/pro-2.webp?v=1792139607&width=500 500w, //cozydrum.com/cdn/shop/files/pro-2.webp?v=1792139607&width=750 750w, //cozydrum.com/cdn/shop/files/pro-2.webp?v=1792139607&width=1000 1000w, //cozydrum.com/cdn/shop/files/pro-2.webp?v=1792139607&width=1500 1500w, //cozydrum.com/cdn/shop/files/pro-2.webp?v=1792139607&width=2000 2000w" width="2000" height="2000" loading="lazy" class="pd-img" fetchpriority="auto" sizes="(min-width: 750px) 50vw, 100vw">
</div><div
class="pd-slide"
role="group"
aria-roledescription="diapositive"
aria-label="3 / 3"
>
<img src="//cozydrum.com/cdn/shop/files/plus-3.webp?v=1792139609&width=2000" alt="Tongue drum Cozy Drum Medium bleu marine joué à mains nues avec des onglets aux doigts, puis avec deux mailloches" srcset="//cozydrum.com/cdn/shop/files/plus-3.webp?v=1792139609&width=500 500w, //cozydrum.com/cdn/shop/files/plus-3.webp?v=1792139609&width=750 750w, //cozydrum.com/cdn/shop/files/plus-3.webp?v=1792139609&width=1000 1000w, //cozydrum.com/cdn/shop/files/plus-3.webp?v=1792139609&width=1500 1500w, //cozydrum.com/cdn/shop/files/plus-3.webp?v=1792139609&width=2000 2000w" width="2000" height="2000" loading="lazy" class="pd-img" fetchpriority="auto" sizes="(min-width: 750px) 50vw, 100vw">
</div><button type="button" class="pd-slides__arrow pd-slides__arrow--prev" aria-label="Image précédente"><svg class="pd-icon pd-icon--chevron-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M15 4.5L7.5 12l7.5 7.5"/></svg>
</button>
<button type="button" class="pd-slides__arrow pd-slides__arrow--next" aria-label="Image suivante"><svg class="pd-icon pd-icon--chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 4.5l7.5 7.5L9 19.5"/></svg>
</button>
<div class="pd-slides__dots"><button
type="button"
class="pd-slides__dot is-active"
data-index="0"
aria-label="Afficher l'image 1"
aria-current="true"
></button><button
type="button"
class="pd-slides__dot"
data-index="1"
aria-label="Afficher l'image 2"
></button><button
type="button"
class="pd-slides__dot"
data-index="2"
aria-label="Afficher l'image 3"
></button></div></div>
</div>
</div>
</div>
</section><section id="shopify-section-template--32671193334100__pd_home_collection" class="shopify-section pd-home-collection-section"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Lora:ital@0;1&display=swap" rel="stylesheet">
<style>
@font-face {
font-family: 'PD Figtree';
src: url('//cozydrum.com/cdn/shop/t/84/assets/pd-figtree.woff2?v=117303353605767658981794649983') format('woff2');
font-weight: 600 900;
font-style: normal;
font-display: swap;
}
#shopify-section-template--32671193334100__pd_home_collection .pd-home-coll__body { padding: 40px 0 56px; }
@media (max-width: 749px) { #shopify-section-template--32671193334100__pd_home_collection .pd-home-coll__body { padding-top: 24px; } }
#shopify-section-template--32671193334100__pd_home_collection .pd-collection__media::before {
content: 'Livraison'; position: absolute; right: 10px; bottom: 10px; z-index: 2;
display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; padding: 4px 0 8px; border-radius: 50%;
background: #2c4237 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 5h12.5v11H1.5z'/%3E%3Cpath d='M14 9h4.2l3.8 4v3h-8z'/%3E%3Ccircle cx='6' cy='18' r='1.9'/%3E%3Ccircle cx='17.5' cy='18' r='1.9'/%3E%3C/svg%3E") no-repeat 50% 11px / 18px auto;
color: #fff; font-family: 'Lora', Georgia, serif; font-size: 12px; line-height: 1; letter-spacing: 0; text-transform: none;
}
#shopify-section-template--32671193334100__pd_home_collection .pd-collection__media::after {
content: 'offerte'; position: absolute; right: 10px; bottom: 21px; z-index: 3; width: 66px;
color: #fff; font-family: var(--pd-font-body, sans-serif); font-size: 7px; font-weight: 600; line-height: 1; letter-spacing: 0.08em; text-align: center; text-transform: uppercase;
}
@media (max-width: 749px) {
#shopify-section-template--32671193334100__pd_home_collection .pd-collection .pd-collection__media::before { right: 4px; bottom: -26px; width: 56px; height: 56px; padding-bottom: 6px; background-position: 50% 9px; background-size: 15px auto; font-size: 10px; }
#shopify-section-template--32671193334100__pd_home_collection .pd-collection .pd-collection__media::after { right: 4px; bottom: -16px; width: 56px; font-size: 6px; }
}
</style>
<div class="pd-chero" style="--pd-chero-love: #2c4237; --pd-chero-press: #161F35; --pd-chero-speed: 40s;"><div class="pd-chero__press" aria-label="+70 000 musiciens conquisNoté 4,6/5 sur Trustpilot">
<div class="pd-chero__press-track" aria-hidden="true"><ul class="pd-chero__press-list" role="list"><li>+70 000 musiciens conquis</li><li>
Noté 4,6/5 sur Trustpilot</li></ul><ul class="pd-chero__press-list" role="list"><li>+70 000 musiciens conquis</li><li>
Noté 4,6/5 sur Trustpilot</li></ul><ul class="pd-chero__press-list" role="list"><li>+70 000 musiciens conquis</li><li>
Noté 4,6/5 sur Trustpilot</li></ul><ul class="pd-chero__press-list" role="list"><li>+70 000 musiciens conquis</li><li>
Noté 4,6/5 sur Trustpilot</li></ul></div>
</div><div class="pd-chero__offer" id="pd-tambours"><h2 class="pd-chero__love">Des Cozy Drums que vous allez adorer</h2><p class="pd-chero__off">jusqu'à −44 %</p></div>
</div>
<div class="pd-collection">
<div class="pd-section pd-bg--white pd-collection__body pd-home-coll__body">
<div class="pd-wrap">
<ul class="pd-collection__grid" role="list"><li class="pd-collection__item">
<article class="pd-collection__card"><span class="pd-collection__bar" aria-hidden="true">Top qualité-prix</span><a class="pd-collection__media" href="/products/tongue-drum-pro" tabindex="-1" aria-hidden="true"><span class="pd-collection__badge">Top qualité-prix</span><span class="pd-collection__save">−158 €</span><img src="//cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=720" alt="Cozy Drum Maxi bleu marine en gros plan : tongue drum en acier, 15 notes numérotées, avec sa mailloche" srcset="//cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=200 200w, //cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=300 300w, //cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=400 400w, //cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=480 480w, //cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=600 600w, //cozydrum.com/cdn/shop/files/tongue-drum-pro-bleu-marine-gros-plan.webp?v=1793448945&width=720 720w" width="720" height="720" loading="lazy" sizes="(min-width: 750px) 240px, calc(50vw - 22px)" class="pd-img pd-img--contain pd-collection__img">
</a>
<h3 class="pd-collection__name">
<a href="/products/tongue-drum-pro">Cozy Drum • Maxi</a>
</h3><ul class="pd-collection__points" role="list"><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Son riche • 15 notes</span>
</li><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Large palette musicale</span>
</li><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Résonance profonde</span>
</li></ul><ul class="pd-collection__assure" role="list">
<li><svg class="pd-icon pd-icon--music" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18V5.8l11-2.3v12.7"/><circle cx="6.5" cy="18" r="2.5"/><circle cx="17.5" cy="16.2" r="2.5"/></svg>
<span>Très facile à jouer</span></li>
</ul>
<div class="pd-collection__foot">
<p class="pd-collection__price"><span class="pd-collection__sr">Prix habituel</span>
<s class="pd-collection__was">357,90 €</s>
<span class="pd-collection__sr">Prix promotionnel</span><span class="pd-collection__now">199,90 €
</span><span class="pd-collection__klarna">
<span class="pd-collection__klarna-x">3×</span>
<strong>66,63 €</strong>
<span class="pd-collection__klarna-note">sans frais avec <b>Klarna.</b></span>
</span></p>
<a class="pd-btn pd-btn--block pd-collection__btn" href="/products/tongue-drum-pro">
<span>VOIR PLUS</span>
<span class="pd-collection__sr">Cozy Drum • Maxi</span>
<svg class="pd-icon pd-icon--arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 12h16.5M14.5 6.5L20 12l-5.5 5.5"/></svg>
</a>
</div>
</article>
</li><li class="pd-collection__item">
<article class="pd-collection__card"><span class="pd-collection__bar" aria-hidden="true">Le plus populaire</span><a class="pd-collection__media" href="/products/tongue-drum-plus" tabindex="-1" aria-hidden="true"><span class="pd-collection__badge">Le plus populaire</span><span class="pd-collection__save">−110 €</span><img src="//cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=720" alt="Cozy Drum Medium bleu marine en gros plan : tongue drum en acier, 11 notes numérotées, avec sa mailloche" srcset="//cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=200 200w, //cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=300 300w, //cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=400 400w, //cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=480 480w, //cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=600 600w, //cozydrum.com/cdn/shop/files/tongue-drum-plus-bleu-marine-gros-plan.webp?v=1793442150&width=720 720w" width="720" height="720" loading="lazy" sizes="(min-width: 750px) 240px, calc(50vw - 22px)" class="pd-img pd-img--contain pd-collection__img">
</a>
<h3 class="pd-collection__name">
<a href="/products/tongue-drum-plus">Cozy Drum • Medium</a>
</h3><ul class="pd-collection__points" role="list"><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Le plus polyvalent • 11 notes</span>
</li><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Idéal pour tous</span>
</li><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Sons apaisants</span>
</li></ul><ul class="pd-collection__assure" role="list">
<li><svg class="pd-icon pd-icon--music" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18V5.8l11-2.3v12.7"/><circle cx="6.5" cy="18" r="2.5"/><circle cx="17.5" cy="16.2" r="2.5"/></svg>
<span>Très facile à jouer</span></li>
</ul>
<div class="pd-collection__foot">
<p class="pd-collection__price"><span class="pd-collection__sr">Prix habituel</span>
<s class="pd-collection__was">249,90 €</s>
<span class="pd-collection__sr">Prix promotionnel</span><span class="pd-collection__now">139,90 €
</span><span class="pd-collection__klarna">
<span class="pd-collection__klarna-x">3×</span>
<strong>46,63 €</strong>
<span class="pd-collection__klarna-note">sans frais avec <b>Klarna.</b></span>
</span></p>
<a class="pd-btn pd-btn--block pd-collection__btn" href="/products/tongue-drum-plus">
<span>VOIR PLUS</span>
<span class="pd-collection__sr">Cozy Drum • Medium</span>
<svg class="pd-icon pd-icon--arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 12h16.5M14.5 6.5L20 12l-5.5 5.5"/></svg>
</a>
</div>
</article>
</li><li class="pd-collection__item">
<article class="pd-collection__card"><span class="pd-collection__bar" aria-hidden="true">Le moins cher</span><a class="pd-collection__media" href="/products/tongue-drum-mini" tabindex="-1" aria-hidden="true"><span class="pd-collection__badge">Le moins cher</span><span class="pd-collection__save">−59 €</span><img src="//cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=720" alt="Cozy Drum Mini bleu marine en gros plan : tongue drum en acier, 8 notes numérotées, avec sa mailloche" srcset="//cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=200 200w, //cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=300 300w, //cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=400 400w, //cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=480 480w, //cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=600 600w, //cozydrum.com/cdn/shop/files/tongue-drum-mini-bleu-marine-gros-plan.webp?v=1793442149&width=720 720w" width="720" height="720" loading="lazy" sizes="(min-width: 750px) 240px, calc(50vw - 22px)" class="pd-img pd-img--contain pd-collection__img">
</a>
<h3 class="pd-collection__name">
<a href="/products/tongue-drum-mini">Cozy Drum • Mini</a>
</h3><ul class="pd-collection__points" role="list"><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Idéal pour les enfants • 8 notes</span>
</li><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Parfait pour débuter</span>
</li><li>
<span class="pd-tick" aria-hidden="true"><svg viewBox="0 0 16 16" focusable="false"><path d="M4.7 8.3l2.3 2.3 4.4-5.1" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span>Sons tout doux</span>
</li></ul><ul class="pd-collection__assure" role="list">
<li><svg class="pd-icon pd-icon--music" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M9 18V5.8l11-2.3v12.7"/><circle cx="6.5" cy="18" r="2.5"/><circle cx="17.5" cy="16.2" r="2.5"/></svg>
<span>Très facile à jouer</span></li>
</ul>
<div class="pd-collection__foot">
<p class="pd-collection__price"><span class="pd-collection__sr">Prix habituel</span>
<s class="pd-collection__was">133,90 €</s>
<span class="pd-collection__sr">Prix promotionnel</span><span class="pd-collection__now">74,90 €
</span><span class="pd-collection__klarna">
<span class="pd-collection__klarna-x">3×</span>
<strong>24,96 €</strong>
<span class="pd-collection__klarna-note">sans frais avec <b>Klarna.</b></span>
</span></p>
<a class="pd-btn pd-btn--block pd-collection__btn" href="/products/tongue-drum-mini">
<span>VOIR PLUS</span>
<span class="pd-collection__sr">Cozy Drum • Mini</span>
<svg class="pd-icon pd-icon--arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.5 12h16.5M14.5 6.5L20 12l-5.5 5.5"/></svg>
</a>
</div>
</article>
</li></ul>
</div>
</div>
</div>
</section><section id="shopify-section-template--32671193334100__pd_features" class="shopify-section"><div
class="pd-section pd-features pd-bg--mint-peach"
style="--pd-pt: 48px; --pd-pb: 48px; --pd-pt-mobile: 29px; --pd-pb-mobile: 36px;"
>
<div class="pd-wrap"><h2 class="pd-title pd-features__title">Libérez le musicien qui est en vous !</h2><ul class="pd-features__grid" role="list"><li class="pd-features__item" >
<div class="pd-features__blob pd-features__blob--mint" aria-hidden="true">
<svg class="pd-features__shape" viewBox="0 0 128 128" focusable="false"><path d="M125.3 64C125.5 71.4 121.9 79.8 118.4 86.5C114.9 93.3 109.7 99.2 104.3 104.3C98.9 109.4 92.7 114.4 85.9 117C79.2 119.5 71.2 120.1 64 119.8C56.8 119.5 49.5 117.7 42.8 115.1C36.1 112.5 28.9 109.1 23.9 104.1C18.9 99.1 15.4 91.9 12.8 85.2C10.2 78.5 9.1 71.4 8.4 64C7.6 56.6 6.3 48.2 8.4 41C10.4 33.7 15 25.7 20.6 20.6C26.2 15.6 34.7 12.7 41.9 10.8C49.2 8.8 56.9 8.1 64 8.7C71.1 9.3 78.3 11.5 84.5 14.5C90.7 17.5 96 21.9 101.5 26.5C106.9 31.1 113.2 35.7 117.2 42C121.2 48.2 125.1 56.6 125.3 64Z"/></svg>
<span class="pd-features__icon"><svg class="pd-icon pd-icon--rainbow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4.5 15.5a7.5 7.5 0 0115 0"/><path d="M7.5 15.5a4.5 4.5 0 019 0"/><path d="M10.3 15.5a1.7 1.7 0 013.4 0"/><path d="M2.5 19h5a1.7 1.7 0 00.2-3.4 2.4 2.4 0 00-4.5.4A1.5 1.5 0 002.5 19zM16.3 19h5.2a1.5 1.5 0 00-.7-3 2.4 2.4 0 00-4.5-.4 1.7 1.7 0 000 3.4z"/></svg>
</span>
</div>
<div class="pd-features__body"><h3 class="pd-features__name">La musique au bout des doigts</h3><p class="pd-features__text">Plongez dans un univers de mélodies.</p></div>
</li><li class="pd-features__item" >
<div class="pd-features__blob pd-features__blob--peach" aria-hidden="true">
<svg class="pd-features__shape" viewBox="0 0 128 128" focusable="false"><path d="M47.7 13.7A17.5 17.5 0 0 1 80.3 13.7A17.5 17.5 0 0 1 106.8 32.9A17.5 17.5 0 0 1 116.9 64A17.5 17.5 0 0 1 106.8 95.1A17.5 17.5 0 0 1 80.3 114.3A17.5 17.5 0 0 1 47.7 114.3A17.5 17.5 0 0 1 21.2 95.1A17.5 17.5 0 0 1 11.1 64A17.5 17.5 0 0 1 21.2 32.9A17.5 17.5 0 0 1 47.7 13.7Z"/></svg>
<span class="pd-features__icon"><svg class="pd-icon pd-icon--flower" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="2.6"/><path d="M12 9.4c-1.6-2.6-1.6-4.9 0-6.4 1.6 1.5 1.6 3.8 0 6.4zM12 14.6c1.6 2.6 1.6 4.9 0 6.4-1.6-1.5-1.6-3.8 0-6.4zM9.4 12c-2.6 1.6-4.9 1.6-6.4 0 1.5-1.6 3.8-1.6 6.4 0zM14.6 12c2.6-1.6 4.9-1.6 6.4 0-1.5 1.6-3.8 1.6-6.4 0zM10.2 10.2c-2.9-.7-4.6-2.3-4.7-4.4 2.1.1 3.7 1.8 4.7 4.4zM13.8 13.8c2.9.7 4.6 2.3 4.7 4.4-2.1-.1-3.7-1.8-4.7-4.4zM13.8 10.2c.7-2.9 2.3-4.6 4.4-4.7-.1 2.1-1.8 3.7-4.4 4.7zM10.2 13.8c-.7 2.9-2.3 4.6-4.4 4.7.1-2.1 1.8-3.7 4.4-4.7z"/></svg>
</span>
</div>
<div class="pd-features__body"><h3 class="pd-features__name">Un son unique</h3><p class="pd-features__text">Laissez-vous bercer par des vagues sonores apaisantes qui calment l’esprit.</p></div>
</li><li class="pd-features__item" >
<div class="pd-features__blob pd-features__blob--light_peach" aria-hidden="true">
<svg class="pd-features__shape" viewBox="0 0 128 128" focusable="false"><path d="M108.4 29.3C113.6 35.7 118.1 43.8 120.7 51.5C123.2 59.2 124.3 68 123.7 75.7C123.1 83.4 120.6 91.2 117 97.4C113.4 103.7 108 109.2 102.2 112.9C96.5 116.7 89.3 119.1 82.5 120C75.6 120.8 68 120.1 61.2 118.2C54.5 116.3 47.6 112.8 41.8 108.7C36 104.5 30.6 99.1 26.4 93.4C22.2 87.7 18.8 81 16.7 74.5C14.5 67.9 13.4 60.7 13.5 54.1C13.6 47.5 14.9 40.5 17.4 34.6C19.9 28.6 23.7 22.8 28.4 18.4C33.1 14 39.1 10.2 45.6 8.1C52 6 59.7 5.2 67 6C74.2 6.9 82.3 9.4 89.2 13.3C96.1 17.2 103.1 23 108.4 29.3Z"/></svg>
<span class="pd-features__icon"><svg class="pd-icon pd-icon--waves" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M2.5 9c1.6-1.6 3.2-1.6 4.8 0s3.2 1.6 4.8 0 3.2-1.6 4.8 0 3.2 1.6 4.8 0M2.5 14c1.6-1.6 3.2-1.6 4.8 0s3.2 1.6 4.8 0 3.2-1.6 4.8 0 3.2 1.6 4.8 0"/></svg>
</span>
</div>
<div class="pd-features__body"><h3 class="pd-features__name">Une résonance harmonique</h3><p class="pd-features__text">Chaque note résonne longuement et vous invite en douceur à la détente.</p></div>
</li></ul><div class="pd-features__cta">
<a class="pd-btn pd-btn--outline pd-features__btn" href="/collections/tongue-drums">Explorez un monde de détente</a>
</div></div>
</div>
</section><section id="shopify-section-template--32671193334100__pd_fb_reviews" class="shopify-section pd-fbr-section"><div
class="pd-section pd-fbr pd-bg--peach"
style="--pd-pt: 56px; --pd-pb: 56px; --pd-pt-mobile: 56px; --pd-pb-mobile: 56px;"
>
<div class="pd-wrap"><div class="pd-fbr__header"><h2 class="pd-title pd-fbr__title">Ce que disent nos clients</h2></div><ul class="pd-fbr__list" role="list"><li class="pd-fbr__card" >
<article class="pd-fbr__post" aria-label="Avis de Camille D.">
<header class="pd-fbr__head">
<div class="pd-fbr__avatar" aria-hidden="true"><svg viewBox="0 0 40 40" width="44" height="44" focusable="false"><rect width="40" height="40" fill="#d8dadf"/><circle cx="20" cy="15.5" r="7" fill="#fff"/><path d="M6 38c1.6-7.6 7.3-12 14-12s12.4 4.4 14 12" fill="#fff"/></svg></div>
<div class="pd-fbr__who">
<p class="pd-fbr__name"><strong>Camille D.</strong></p>
</div>
<span class="pd-fbr__more" aria-hidden="true">
<svg viewBox="0 0 20 20" width="20" height="20" focusable="false"><circle cx="4" cy="10" r="1.8" fill="currentColor"/><circle cx="10" cy="10" r="1.8" fill="currentColor"/><circle cx="16" cy="10" r="1.8" fill="currentColor"/></svg>
</span>
</header>
<p class="pd-fbr__text">J’adore littéralement cet objet ! Tout le monde peut en jouer, pas besoin de connaître un vrai morceau. Chaque fois que j’en joue, je sens le stress quitter mon corps. Indispensable pour les esprits surmenés !</p>
<div class="pd-fbr__stats">
<span class="pd-fbr__reactions" aria-hidden="true">
<svg class="pd-fbr__reaction" viewBox="0 0 18 18" width="18" height="18" focusable="false"><circle cx="9" cy="9" r="9" fill="#1877f2"/><path d="M5.2 8.3h1.9v4.9H5.2zM8 13.2h3.6c.6 0 1-.4 1.1-.9l.6-2.9c.1-.6-.3-1.1-.9-1.1h-2.2l.3-1.6c.1-.6-.3-1.2-.9-1.2L8 8.1z" fill="#fff"/></svg>
<svg class="pd-fbr__reaction" viewBox="0 0 18 18" width="18" height="18" focusable="false"><circle cx="9" cy="9" r="9" fill="#f33e58"/><path d="M9 13.3S4.9 11 4.9 8.2a2.1 2.1 0 0 1 4.1-.9 2.1 2.1 0 0 1 4.1.9c0 2.8-4.1 5.1-4.1 5.1Z" fill="#fff"/></svg>
</span><span class="pd-fbr__count">5<span class="pd-fbr__sr"> J'aime</span></span></div>
</article>
</li>
<li class="pd-fbr__card" >
<article class="pd-fbr__post" aria-label="Avis de Yasmine B.">
<header class="pd-fbr__head">
<div class="pd-fbr__avatar" aria-hidden="true"><svg viewBox="0 0 40 40" width="44" height="44" focusable="false"><rect width="40" height="40" fill="#d8dadf"/><circle cx="20" cy="15.5" r="7" fill="#fff"/><path d="M6 38c1.6-7.6 7.3-12 14-12s12.4 4.4 14 12" fill="#fff"/></svg></div>
<div class="pd-fbr__who">
<p class="pd-fbr__name"><strong>Yasmine B.</strong></p>
</div>
<span class="pd-fbr__more" aria-hidden="true">
<svg viewBox="0 0 20 20" width="20" height="20" focusable="false"><circle cx="4" cy="10" r="1.8" fill="currentColor"/><circle cx="10" cy="10" r="1.8" fill="currentColor"/><circle cx="16" cy="10" r="1.8" fill="currentColor"/></svg>
</span>
</header>
<p class="pd-fbr__text">On cherche toujours des cadeaux de qualité qui encouragent la pratique artistique sans rendre tout le monde fou. Ce tambour illumine la pièce et met tout le monde de bonne humeur.</p>
<div class="pd-fbr__stats">
<span class="pd-fbr__reactions" aria-hidden="true">
<svg class="pd-fbr__reaction" viewBox="0 0 18 18" width="18" height="18" focusable="false"><circle cx="9" cy="9" r="9" fill="#1877f2"/><path d="M5.2 8.3h1.9v4.9H5.2zM8 13.2h3.6c.6 0 1-.4 1.1-.9l.6-2.9c.1-.6-.3-1.1-.9-1.1h-2.2l.3-1.6c.1-.6-.3-1.2-.9-1.2L8 8.1z" fill="#fff"/></svg>
<svg class="pd-fbr__reaction" viewBox="0 0 18 18" width="18" height="18" focusable="false"><circle cx="9" cy="9" r="9" fill="#f33e58"/><path d="M9 13.3S4.9 11 4.9 8.2a2.1 2.1 0 0 1 4.1-.9 2.1 2.1 0 0 1 4.1.9c0 2.8-4.1 5.1-4.1 5.1Z" fill="#fff"/></svg>
</span><span class="pd-fbr__count">23<span class="pd-fbr__sr"> J'aime</span></span></div>
</article>
</li>
<li class="pd-fbr__card" >
<article class="pd-fbr__post" aria-label="Avis de Oliver H.">
<header class="pd-fbr__head">
<div class="pd-fbr__avatar" aria-hidden="true"><svg viewBox="0 0 40 40" width="44" height="44" focusable="false"><rect width="40" height="40" fill="#d8dadf"/><circle cx="20" cy="15.5" r="7" fill="#fff"/><path d="M6 38c1.6-7.6 7.3-12 14-12s12.4 4.4 14 12" fill="#fff"/></svg></div>
<div class="pd-fbr__who">
<p class="pd-fbr__name"><strong>Oliver H.</strong></p>
</div>
<span class="pd-fbr__more" aria-hidden="true">
<svg viewBox="0 0 20 20" width="20" height="20" focusable="false"><circle cx="4" cy="10" r="1.8" fill="currentColor"/><circle cx="10" cy="10" r="1.8" fill="currentColor"/><circle cx="16" cy="10" r="1.8" fill="currentColor"/></svg>
</span>
</header>
<p class="pd-fbr__text">J’adore les sons apaisants qu’il produit. La vibration dure TRÈS longtemps, parfaite pour une ambiance de méditation. Chaque fois que je passe devant, il FAUT que j’en joue !</p>
<div class="pd-fbr__stats">
<span class="pd-fbr__reactions" aria-hidden="true">
<svg class="pd-fbr__reaction" viewBox="0 0 18 18" width="18" height="18" focusable="false"><circle cx="9" cy="9" r="9" fill="#1877f2"/><path d="M5.2 8.3h1.9v4.9H5.2zM8 13.2h3.6c.6 0 1-.4 1.1-.9l.6-2.9c.1-.6-.3-1.1-.9-1.1h-2.2l.3-1.6c.1-.6-.3-1.2-.9-1.2L8 8.1z" fill="#fff"/></svg>
<svg class="pd-fbr__reaction" viewBox="0 0 18 18" width="18" height="18" focusable="false"><circle cx="9" cy="9" r="9" fill="#f33e58"/><path d="M9 13.3S4.9 11 4.9 8.2a2.1 2.1 0 0 1 4.1-.9 2.1 2.1 0 0 1 4.1.9c0 2.8-4.1 5.1-4.1 5.1Z" fill="#fff"/></svg>
</span><span class="pd-fbr__count">9<span class="pd-fbr__sr"> J'aime</span></span></div>
</article>
</li>
</ul>
</div>
</div>
</section><section id="shopify-section-template--32671193334100__pd_stats" class="shopify-section"><div
class="pd-section pd-stats pd-bg--white-mint"
style="--pd-pt: 40px; --pd-pb: 52px; --pd-pt-mobile: 36px; --pd-pb-mobile: 42px;"
>
<div class="pd-wrap"><h2 class="pd-title pd-stats__title">Des tambours qui ont du sens, des sons qui apaisent</h2><ul class="pd-stats__numbers" role="list"><li class="pd-stats__number" >
<span class="pd-stats__value">8–15</span><span class="pd-stats__label">notes accordées entre elles : jamais de fausse note</span></li><li class="pd-stats__number" >
<span class="pd-stats__value">0</span><span class="pd-stats__label">cours de musique nécessaire : jouez dès la première minute</span></li><li class="pd-stats__number" >
<span class="pd-stats__value">30 jours</span><span class="pd-stats__label">pour changer d’avis, en toute sérénité</span></li></ul><ul class="pd-stats__icons" role="list"><li class="pd-stats__icon" >
<span class="pd-stats__art" aria-hidden="true"><svg class="pd-icon pd-icon--waves" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M2.5 9c1.6-1.6 3.2-1.6 4.8 0s3.2 1.6 4.8 0 3.2-1.6 4.8 0 3.2 1.6 4.8 0M2.5 14c1.6-1.6 3.2-1.6 4.8 0s3.2 1.6 4.8 0 3.2-1.6 4.8 0 3.2 1.6 4.8 0"/></svg>
</span>
<span class="pd-stats__icon-label">Sons apaisants</span>
</li><li class="pd-stats__icon" >
<span class="pd-stats__art" aria-hidden="true"><svg class="pd-icon pd-icon--kids" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="7.5" cy="13" r="4.8"/><circle cx="16.5" cy="13" r="4.8"/><path d="M6 12.3v.3M9 12.3v.3M15 12.3v.3M18 12.3v.3"/><path d="M6.2 14.9c.8.6 1.8.6 2.6 0M15.2 14.9c.8.6 1.8.6 2.6 0"/><path d="M5 9c.6-1.4 2-2.2 3.5-1.9M14.5 8.6c1-1 2.6-1.3 4-.6"/></svg>
</span>
<span class="pd-stats__icon-label">Les enfants adorent</span>
</li><li class="pd-stats__icon" >
<span class="pd-stats__art" aria-hidden="true"><svg class="pd-icon pd-icon--lotus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 18.5c-3-1.8-4.5-4.6-4.5-8 2 .9 3.6 2.4 4.5 4.3.9-1.9 2.5-3.4 4.5-4.3 0 3.4-1.5 6.2-4.5 8z"/><path d="M12 14.8c-.8-2.7-.5-5.7 0-9.3.5 3.6.8 6.6 0 9.3"/><path d="M7.5 12c-2.2-.3-3.6.2-4.5 1.2 1.6 2.6 5 4.5 9 5.3M16.5 12c2.2-.3 3.6.2 4.5 1.2-1.6 2.6-5 4.5-9 5.3"/></svg>
</span>
<span class="pd-stats__icon-label">Bien-être</span>
</li><li class="pd-stats__icon" >
<span class="pd-stats__art" aria-hidden="true"><svg class="pd-icon pd-icon--meditation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="5" r="2"/><path d="M12 7.5V13"/><path d="M7 11.5c1.6 1 3.2 1.5 5 1.5s3.4-.5 5-1.5"/><path d="M5 18.5c2.2-1.6 4.5-2.5 7-2.5s4.8.9 7 2.5"/><path d="M8 15.5l-1.5 3M16 15.5l1.5 3"/></svg>
</span>
<span class="pd-stats__icon-label">Moment pour soi</span>
</li><li class="pd-stats__icon" >
<span class="pd-stats__art" aria-hidden="true"><svg class="pd-icon pd-icon--sound" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 9.5h3.5L12 5.5v13l-4.5-4H4z"/><path d="M15.5 9a4.5 4.5 0 010 6M18 6.5a8 8 0 010 11"/></svg>
</span>
<span class="pd-stats__icon-label">Résonance profonde</span>
</li><li class="pd-stats__icon" >
<span class="pd-stats__art" aria-hidden="true"><svg class="pd-icon pd-icon--gift" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3.5" y="8.5" width="17" height="4" rx="1"/><path d="M5 12.5V20h14v-7.5M12 8.5V20"/><path d="M12 8.5C10.8 5.2 6.5 4.6 6.5 7c0 1.3 2.4 1.5 5.5 1.5zM12 8.5c1.2-3.3 5.5-3.9 5.5-1.5 0 1.3-2.4 1.5-5.5 1.5z"/></svg>
</span>
<span class="pd-stats__icon-label">Cadeau idéal</span>
</li></ul></div>
</div>
</section><section id="shopify-section-template--32671193334100__pd_compare" class="shopify-section"><div
class="pd-section pd-compare pd-compare--fade"
style="--pd-pt: 48px; --pd-pb: 64px; --pd-pt-mobile: 38px; --pd-pb-mobile: 48px;"
>
<div class="pd-wrap"><h2 class="pd-title pd-compare__title">Un instrument pas comme les autres</h2><table class="pd-compare__table">
<colgroup>
<col class="pd-compare__col-crit">
<col class="pd-compare__col-ours">
<col class="pd-compare__col-theirs">
</colgroup>
<thead>
<tr>
<td class="pd-compare__crit pd-compare__corner"></td>
<th scope="col" class="pd-compare__ours pd-compare__head">
<span class="pd-compare__thumb"><span class="pd-compare__drum" aria-hidden="true"><svg class="pd-icon pd-icon--drum" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="24" cy="24" r="21"/><circle cx="24" cy="24" r="3"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(0 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(45 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(90 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(135 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(180 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(225 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(270 24 24)"/><path d="M21.6 5.8v9a2.4 2.4 0 004.8 0v-9" transform="rotate(315 24 24)"/></svg>
</span></span>
<span class="pd-compare__head-label">Notre tambour</span>
</th>
<th scope="col" class="pd-compare__theirs pd-compare__head">Autres instruments</th>
</tr>
</thead>
<tbody><tr >
<th scope="row" class="pd-compare__crit">Tout le monde peut en jouer.</th>
<td class="pd-compare__ours"><span class="pd-compare__yes"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
<span class="pd-compare__sr">Oui</span></span></td>
<td class="pd-compare__theirs">Des instruments complexes, longs à apprendre.
</td>
</tr><tr >
<th scope="row" class="pd-compare__crit">Pour tous.</th>
<td class="pd-compare__ours">Conçu pour tous les âges et tous les niveaux.
</td>
<td class="pd-compare__theirs">Tous les instruments ne conviennent pas à tout le monde.
</td>
</tr><tr >
<th scope="row" class="pd-compare__crit">Compact et transportable.</th>
<td class="pd-compare__ours"><span class="pd-compare__yes"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
<span class="pd-compare__sr">Oui</span></span></td>
<td class="pd-compare__theirs"><span class="pd-compare__no"><svg class="pd-icon pd-icon--cross" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6.5 6.5l11 11M17.5 6.5l-11 11"/></svg>
<span class="pd-compare__sr">Non</span></span></td>
</tr><tr >
<th scope="row" class="pd-compare__crit">Robuste, tout en acier.</th>
<td class="pd-compare__ours"><span class="pd-compare__yes"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
<span class="pd-compare__sr">Oui</span></span></td>
<td class="pd-compare__theirs"><span class="pd-compare__no"><svg class="pd-icon pd-icon--cross" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6.5 6.5l11 11M17.5 6.5l-11 11"/></svg>
<span class="pd-compare__sr">Non</span></span></td>
</tr></tbody>
</table><div class="pd-compare__cta">
<a class="pd-btn pd-compare__btn" href="/collections/tongue-drums">Choisir mon tambour</a>
</div></div>
</div>
</section><section id="shopify-section-template--32671193334100__pd_faq" class="shopify-section"><div
class="pd-section pd-faq pd-bg--cream"
style="--pd-pt: 72px; --pd-pb: 72px; --pd-pt-mobile: 40px; --pd-pb-mobile: 40px;"
>
<div class="pd-wrap pd-wrap--sm"><h2 class="pd-title pd-faq__title">Tout ce qu’il faut savoir</h2><div class="pd-intro pd-rte pd-faq__intro"><p>Une question ? Écrivez-nous depuis notre <a href="/pages/contact" title="Contact">page Contact</a> et notre équipe vous répondra rapidement, avec plaisir.</p></div><div class="pd-faq__list"><details class="pd-faq-item pd-faq__item" >
<summary>Quel est le délai de livraison ?</summary><div class="pd-faq-item__answer pd-rte"><p>Votre commande est livrée en 7 à 14 jours ouvrés. La livraison est offerte. Tous les détails sont sur notre <a href="/pages/shipping" title="Livraison">page Livraison</a>.</p></div></details><details class="pd-faq-item pd-faq__item" >
<summary>Je n’ai aucune expérience musicale. Puis-je en jouer ?</summary><div class="pd-faq-item__answer pd-rte"><p>Oui ! Aucun cours de musique nécessaire : chaque note porte un numéro, il suffit de les suivre. Toutes les notes s’accordent entre elles, donc impossible de faire une fausse note. Vous pouvez commencer à jouer dès la première minute.</p></div></details><details class="pd-faq-item pd-faq__item" >
<summary>Quelle est la différence entre les modèles ?</summary><div class="pd-faq-item__answer pd-rte"><p>Le Mini (15 cm, 8 notes) est idéal pour les enfants et les débutants. Le Medium (28 cm, 11 notes) est le plus polyvalent, parfait pour tous. Le Maxi (38 cm, 15 notes) offre le son le plus riche et la plus large palette de notes.</p></div></details><details class="pd-faq-item pd-faq__item" >
<summary>Comment suivre ma commande ?</summary><div class="pd-faq-item__answer pd-rte"><p>Dès que votre commande est expédiée, vous recevez un e-mail avec votre lien de suivi. Une question sur votre commande ? Écrivez-nous depuis notre <a href="/pages/contact" title="Contact">page Contact</a>.</p></div></details><details class="pd-faq-item pd-faq__item" >
<summary>Que contient la boîte ?</summary><div class="pd-faq-item__answer pd-rte"><p>Le tongue drum, 2 mailloches, un support pour les mailloches, une partition et des autocollants de notes. Le Mini arrive dans une pochette de rangement. Le Medium et le Maxi arrivent dans un sac de transport, avec un chiffon et 4 onglets pour les doigts. Pour Noël, le carnet de 10 chants de Noël en PDF est offert avec chaque tambour.</p></div></details><details class="pd-faq-item pd-faq__item" >
<summary>Quelle est votre politique de retour ?</summary><div class="pd-faq-item__answer pd-rte"><p>Vous avez 30 jours pour changer d’avis. Tous les détails sont sur notre <a href="/pages/returns" title="Retours et remboursements">page Retours et remboursements</a>.</p></div></details></div></div>
</div>
</section>
</main>
<footer>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--32671185928532__pd_footer" class="shopify-section shopify-section-group-footer-group pd-footer-section"><div
id="pd-footer-sections--32671185928532__pd_footer"
class="pd-footer"
style="--pd-footer-bg: #1f2b47; --pd-footer-text: #ffffff; --pd-footer-pt: 48px; --pd-footer-pb: 32px;"
>
<div class="pd-footer__inner">
<div class="pd-footer__grid">
<div class="pd-footer__col pd-footer__brand">
<p class="pd-footer__brand-name">Cozy Drum</p><p class="pd-footer__tagline">Le tongue drum qui apporte le calme à toute la famille.</p></div><div class="pd-footer__col">
<details class="pd-footer__menu" data-pd-footer-menu open>
<summary class="pd-footer__summary">
<h2 class="pd-footer__heading">AIDE</h2>
<svg class="pd-icon pd-icon--chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 9l7 7 7-7"/></svg>
</summary>
<ul class="pd-footer__links" role="list"><li>
<a href="/pages/contact">Contact</a>
</li><li>
<a href="/pages/faq">FAQ</a>
</li><li>
<a href="/pages/shipping">Livraison</a>
</li><li>
<a href="/pages/returns">Retours et remboursements</a>
</li><li>
<a href="/pages/track-order">Suivre ma commande</a>
</li></ul>
</details>
</div><div class="pd-footer__col"><details class="pd-footer__menu" data-pd-footer-menu open>
<summary class="pd-footer__summary">
<h2 class="pd-footer__heading">INFOS</h2>
<svg class="pd-icon pd-icon--chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 9l7 7 7-7"/></svg>
</summary>
<ul class="pd-footer__links" role="list"><li>
<a href="/pages/about-us">À propos</a>
</li><li>
<a href="/blogs/news">Blog</a>
</li><li>
<a href="/policies/privacy-policy">Politique de confidentialité</a>
</li><li>
<a href="/pages/returns">Politique de remboursement</a>
</li><li>
<a href="/pages/shipping">Politique d’expédition</a>
</li></ul>
</details><ul class="pd-footer__social pd-footer__social--col" role="list"><li><a href="/pages/contact" class="pd-footer__social-link pd-footer__social-link--mail" aria-label="Nous contacter"><svg class="pd-icon pd-icon--mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="5.5" width="18" height="13" rx="2"/><path d="M3.8 7.2L12 13l8.2-5.8"/></svg>
</a></li></ul></div><div class="pd-footer__col pd-footer__newsletter"><h2 class="pd-footer__heading">INSCRIVEZ-VOUS ET PROFITEZ DE -10 %</h2><p class="pd-footer__text">Saisissez votre e-mail : -10 % sur votre première commande, appliqués tout de suite à votre panier.</p><form method="post" action="/contact#pd-footer-newsletter-sections--32671185928532__pd_footer" id="pd-footer-newsletter-sections--32671185928532__pd_footer" accept-charset="UTF-8" class="pd-footer__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><label class="pd-footer__sr" for="pd-footer-newsletter-sections--32671185928532__pd_footer-email">Adresse e-mail</label>
<input
id="pd-footer-newsletter-sections--32671185928532__pd_footer-email"
class="pd-footer__input"
type="email"
name="contact[email]"
value=""
placeholder="Votre adresse e-mail..."
autocomplete="email"
autocapitalize="off"
spellcheck="false"
required
>
<button type="submit" class="pd-btn pd-footer__submit">JE M’INSCRIS</button></form></div></div><ul class="pd-footer__social pd-footer__social--mobile" role="list"><li><a href="/pages/contact" class="pd-footer__social-link pd-footer__social-link--mail" aria-label="Nous contacter"><svg class="pd-icon pd-icon--mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="5.5" width="18" height="13" rx="2"/><path d="M3.8 7.2L12 13l8.2-5.8"/></svg>
</a></li></ul><div class="pd-footer__bottom">
<div class="pd-footer__legal">
<p class="pd-footer__copy">© 2026 Cozy Drum. Tous droits réservés.</p></div><ul class="pd-footer__payments" role="list" aria-label="Moyens de paiement acceptés"><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li><li><svg class="pd-footer__pay" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg></li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-blik"><title id="pi-blik">BLIK</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="url(#pi-blik-paint0_linear)"/><path d="M30.343 17.155l-2.785-3.639 2.563-3.236h-2.185l-2.456 3.138V6.78h-1.848v10.375h1.848v-3.532l2.456 3.532h2.407zM18.613 6.78h-1.848v10.366h1.848V6.78zm3.433 3.508h-1.848v6.867h1.848v-6.867z" fill="#fff"/><path d="M13.849 9.573a1.651 1.651 0 100-3.302 1.651 1.651 0 000 3.302z" fill="url(#pi-blik-paint1_radial)"/><path d="M12.041 10.206c-.574 0-1.138.144-1.642.419V6.82H8.534v6.9a3.516 3.516 0 103.507-3.515zm0 5.175a1.643 1.643 0 110-3.286 1.643 1.643 0 010 3.286z" fill="#fff"/><defs><radialGradient id="pi-blik-paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.51 6.18) scale(5.41297)"><stop stop-color="red"/><stop offset=".49" stop-color="#E83E49"/><stop offset="1" stop-color="#F0F"/></radialGradient><linearGradient id="pi-blik-paint0_linear" x1="19" y1="4.977" x2="19" y2="55.605" gradientUnits="userSpaceOnUse"><stop/><stop offset=".732" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></svg></li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="url(#pi-cartes_bancaires-bg)" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M359.76,172.39L377.69,176.41C391.283,180.103 404.573,185.387 417.56,192.26L436.24,204.32C444.133,210.28 451.377,216.933 457.97,224.28C468.75,236.533 477.46,250.08 484.1,264.92C491.547,282.307 496.263,300.463 498.25,319.39L498.88,325.76C498.884,325.797 498.885,325.833 498.885,325.87C498.885,326.477 498.387,326.978 497.78,326.98L488.04,327.03L463.22,327.01L364.28,327.01L314.43,327.03C314.189,327.03 313.99,327.229 313.99,327.47L313.97,358.76C313.97,359.149 314.291,359.47 314.68,359.47L347.03,359.44L392.51,359.36L455.5,359.39L476.03,359.37L497.93,359.27C497.934,359.27 497.938,359.27 497.942,359.27C498.436,359.27 498.842,359.676 498.842,360.17C498.842,360.19 498.841,360.21 498.84,360.23C497.793,375.25 495.07,389.85 490.67,404.03C481.463,433.73 465.017,458.42 441.33,478.1C434.7,482.97 427.99,488.11 421.1,492.01C414.607,495.677 407.88,499.007 400.92,502C390.773,505.96 380.283,509.25 369.45,511.87C358.57,514.083 347.61,515.697 336.57,516.71C323.27,517.67 310.147,517.68 297.2,516.74C284.933,515.8 273.123,514.087 261.77,511.6L238.33,504.64L222.81,498.06C213.743,493.66 205.42,488.693 197.84,483.16C194.92,481.02 191.367,478.213 187.18,474.74C179.267,467.567 172.037,459.82 165.49,451.5C149.837,429.727 139.937,405.473 135.79,378.74C134.997,373.607 134.313,368.713 133.74,364.06C133.493,359.447 133.287,355.093 133.12,351C130.62,288.62 154.03,229.02 209.21,195.62C221.257,188.393 234.053,182.7 247.6,178.54C266.753,172.68 286.397,169.49 306.53,168.97C310.04,168.99 313.69,168.59 316.97,168.67C332.75,169.1 344.72,169.82 359.76,172.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M543.53,178.39L564.53,178.48L615.29,178.46L626.64,178.39L658.03,178.43L695.21,178.41L715.29,178.46L742.47,178.47C754.77,178.27 765.197,178.96 773.75,180.54C775.25,180.813 778.343,181.547 783.03,182.74C791.683,185.62 799.43,190.06 806.27,196.06C821.137,209.253 829.46,225.9 831.24,246C831.54,249.353 831.53,254.247 831.21,260.68C830.883,262.76 830.52,264.863 830.12,266.99C826.12,288.283 815.17,304.643 797.27,316.07C791.15,319.983 784.14,322.75 776.24,324.37C766.087,326.103 757.34,326.973 750,326.98C729.9,327.007 709.807,327.017 689.72,327.01L640.23,327.03L610.96,327.03L552.22,327.08L529.14,326.99C528.66,326.99 528.42,326.75 528.42,326.27L528.39,210.79L528.46,182.34L528.39,178.97C528.39,178.966 528.39,178.963 528.39,178.959C528.385,178.641 528.647,178.375 528.971,178.37C528.974,178.37 528.977,178.37 528.98,178.37L543.53,178.39Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><path d="M544.02,359.28L600.29,359.41L629.53,359.47L686.76,359.42C710.667,359.473 734.58,359.523 758.5,359.57C761.013,359.57 764.993,359.987 770.44,360.82C794.68,363.74 814.59,379.34 824.72,401.32C830.253,413.787 832.43,426.597 831.25,439.75C828.89,466.217 816.147,486.057 793.02,499.27C777.79,506.54 761.85,507.5 745.02,507.51C735.833,507.517 726.643,507.513 717.45,507.5L680.94,507.51L653.28,507.52L592.8,507.63L585.32,507.53L539.82,507.52L529.54,507.64C528.88,507.58 528.55,507.367 528.55,507C528.557,475.087 528.537,443.147 528.49,411.18L528.47,360.61C528.47,359.71 528.917,359.263 529.81,359.27L544.02,359.28Z" fill="#fff" transform="matrix(.0373 0 0 .0321 1 1)"/><defs><linearGradient id="pi-cartes_bancaires-bg" x1="1" y1="23" x2="37" y2="1" gradientUnits="userSpaceOnUse"><stop stop-color="#003087"/><stop offset=".32" stop-color="#005AA8"/><stop offset=".5" stop-color="#E7DFDC"/><stop offset=".74" stop-color="#C8102E"/><stop offset="1" stop-color="#B00020"/></linearGradient></defs></svg>
</li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-eps"> <title id="pi-eps">EPS</title> <path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" opacity=".07"/> <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#fff"/> <path fill="#71706f" d="M27.745 12.32h-2.322a.465.465 0 01-.468-.464c0-.258.21-.484.468-.484h3.535V9.628h-3.535c-1.233 0-2.237 1.006-2.237 2.236s1.004 2.237 2.237 2.237h2.29c.259 0 .469.205.469.462 0 .258-.21.448-.468.448h-4.912c-.417.796-.822 1.478-1.645 1.82h6.588c1.213-.018 2.205-1.045 2.205-2.265 0-1.22-.992-2.23-2.205-2.247z"/> <path fill="#71706f" d="M18.845 9.628c-1.968 0-3.571 1.612-3.571 3.594V20.697h1.782V16.83h1.785c1.968 0 3.565-1.634 3.565-3.615 0-1.98-1.593-3.587-3.561-3.587zm0 5.383h-1.79v-1.796c0-1.003.8-1.82 1.79-1.82s1.796.817 1.796 1.82a1.79 1.79 0 01-1.796 1.796z"/> <path fill="#c8036f" d="M9.634 16.83c-1.685 0-3.101-1.2-3.484-2.768 0 0-.111-.519-.111-.86 0-.342.105-.865.105-.865a3.594 3.594 0 013.482-2.73c1.978 0 3.6 1.608 3.6 3.586v.87H7.973c.31.607.938.948 1.662.948h4.724l.006-5.13c0-.764-.625-1.39-1.39-1.39H6.278c-.764 0-1.39.607-1.39 1.371v6.696c0 .765.626 1.41 1.39 1.41h6.696c.686 0 1.259-.493 1.37-1.138h-4.71z"/> <path fill="#c8036f" d="M9.626 11.31c-.72 0-1.348.44-1.66 1.01h3.32c-.312-.57-.939-1.01-1.66-1.01zM12.659 6.314c0-1.635-1.359-2.96-3.034-2.96-1.647 0-2.987 1.282-3.031 2.879v.91c0 .106.086.21.195.21h1.116c.11 0 .205-.104.205-.21v-.83c0-.815.68-1.48 1.516-1.48.837 0 1.516.665 1.516 1.48v.83c0 .106.089.21.198.21h1.116c.109 0 .202-.104.202-.21v-.83z"/> <g> <path fill="#71706f" d="M20.843 19.142l-.16.914c-.082.462-.384.673-.794.673-.347 0-.616-.226-.538-.672l.161-.914h.249l-.161.913c-.05.285.078.447.32.447.249 0 .462-.148.513-.446l.161-.915h.25zm-.977-.285c0 .076.059.112.121.112.079 0 .164-.057.164-.162 0-.074-.05-.112-.114-.112-.08 0-.17.052-.17.162zm.538-.003c0 .079.06.114.126.114.07 0 .161-.056.161-.159 0-.074-.054-.114-.114-.114-.08 0-.173.052-.173.16zM21.445 19.142l-.112.632a.57.57 0 01.423-.199c.278 0 .47.163.47.465 0 .428-.297.686-.678.686-.148 0-.274-.055-.35-.194l-.042.165h-.218l.276-1.554h.23zm-.175 1.066c-.01.183.11.302.282.302a.444.444 0 00.441-.423c.01-.186-.111-.296-.28-.296a.45.45 0 00-.443.417zM22.68 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM24.193 19.597l-.012.146a.414.414 0 01.357-.17c.107 0 .204.039.255.095l-.139.201a.244.244 0 00-.183-.067.346.346 0 00-.352.3l-.106.595h-.23l.195-1.1h.215zM25.905 19.597l.116.87.422-.87h.257l-.578 1.1h-.27l-.11-.725-.178.36-.192.365h-.27l-.194-1.1h.26l.114.87.424-.87h.199zM26.997 20.242c-.01.151.11.275.311.275.112 0 .26-.044.34-.12l.126.145a.782.782 0 01-.508.188c-.319 0-.505-.19-.505-.482 0-.388.305-.677.695-.677.356 0 .558.216.437.67h-.896zm.708-.19c.018-.19-.094-.267-.28-.267-.168 0-.323.078-.39.267h.67zM28.525 19.597l-.194 1.1H28.1l.195-1.1h.23zm-.204-.3c0 .08.059.12.121.12.09 0 .173-.059.173-.168a.113.113 0 00-.117-.117c-.082 0-.177.054-.177.166zM29.55 19.87c-.072-.081-.164-.104-.274-.104-.152 0-.26.052-.26.148 0 .08.088.114.218.126.201.017.459.085.405.37-.038.205-.244.326-.53.326-.18 0-.353-.04-.47-.204l.151-.163c.083.114.229.161.358.164.11 0 .24-.04.26-.144.02-.098-.067-.136-.228-.152-.188-.018-.394-.087-.394-.296 0-.276.298-.372.522-.372.17 0 .295.038.399.148l-.157.152zM30.278 19.597l-.105.592c-.034.189.051.319.244.319.181 0 .336-.15.367-.334l.101-.576h.231l-.195 1.099h-.208l.015-.16a.573.573 0 01-.412.182c-.271 0-.432-.194-.374-.528l.105-.593h.231zM32.13 20.697l.105-.589c.033-.19-.032-.317-.242-.317-.184 0-.339.148-.37.33l-.1.576h-.232l.195-1.1h.21l-.015.16a.583.583 0 01.403-.176c.27 0 .444.187.384.525l-.106.59h-.233zM32.912 20.848c-.016.152.1.213.296.213.17 0 .354-.095.396-.337l.034-.189c-.1.142-.285.197-.421.197-.283 0-.48-.168-.48-.473 0-.434.323-.685.688-.685.155 0 .294.073.343.199l.038-.176h.224l-.193 1.132c-.071.42-.383.55-.668.55-.34 0-.528-.165-.481-.43h.224zm.065-.633c0 .188.123.302.3.302.477 0 .605-.733.128-.733a.42.42 0 00-.428.43z"/></g></svg></li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.5717 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg></li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewBox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg></li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
</li><li><svg class="pd-footer__pay" viewBox="0 0 38 24" role="img" width="38" height="24" aria-labelledby="pi-mbway" xmlns="http://www.w3.org/2000/svg"><title id="pi-mbway">MB WAY</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M2.652 18.267l-.059.459a.38.38 0 00.381.424H17.88c.232 0 .41-.198.383-.424l-.061-.459a.658.658 0 01.579-.72.646.646 0 01.712.579l.057.445c.116.998-.448 1.872-1.456 1.872H2.761c-1.008 0-1.573-.874-1.457-1.872l.058-.445a.646.646 0 01.711-.579.657.657 0 01.579.72" fill="#d81e25"/><path d="M18.225 10.154c0 .608-.215.952-.571 1.374l-.036.043.05.029c.705.43 1.197 1.079 1.234 1.991.055 1.359-1.097 2.482-2.463 2.479h-3.602a.642.642 0 01-.634-.65V8.435c0-.361.283-.652.632-.652l2.974.009c1.297.002 2.416.955 2.416 2.362m-1.793 4.659c.726 0 1.303-.528 1.288-1.223-.016-.712-.663-1.172-1.385-1.174h-1.46a.595.595 0 01-.588-.605c0-.337.264-.606.588-.606h.974c.658-.026 1.165-.424 1.196-1.046.032-.666-.539-1.165-1.238-1.165H13.44l-.008 5.819h3" fill="#100f0d"/><path d="M6.616 13.676l.016.049.018-.049c.168-.46.369-.969.583-1.525.22-.584.439-1.143.658-1.675.221-.541.431-1.024.631-1.444.2-.429.366-.724.493-.886a.97.97 0 01.781-.354h.149c.199 0 .354.053.47.15.107.093.171.2.188.323l.931 7.219a.593.593 0 01-.159.437c-.105.1-.256.149-.453.149-.198 0-.353-.047-.469-.138a.506.506 0 01-.218-.361c-.03-.24-.06-.507-.089-.8-.04-.292-.186-1.552-.226-1.868-.038-.327-.301-2.368-.389-3.109l-.008-.062-.299.625c-.101.215-.21.474-.331.776-.119.3-.241.618-.36.954-.13.325-.707 1.972-.707 1.972-.052.15-.154.451-.245.727a12.48 12.48 0 01-.202.572.82.82 0 01-.744.455.813.813 0 01-.746-.455 10.32 10.32 0 01-.202-.572c-.093-.276-.193-.577-.248-.727 0 0-.577-1.647-.704-1.972a29.247 29.247 0 00-.363-.954c-.12-.302-.229-.561-.328-.776l-.3-.625-.007.062c-.09.741-.35 2.782-.39 3.109-.041.316-.186 1.576-.226 1.868-.03.293-.06.56-.093.8a.502.502 0 01-.215.361c-.116.091-.273.138-.47.138-.197 0-.345-.049-.451-.149-.106-.106-.159-.252-.16-.437l.931-7.219a.529.529 0 01.189-.323.703.703 0 01.467-.15h.151c.325 0 .585.119.781.354.128.162.292.457.492.886.202.42.41.903.632 1.444.219.532.439 1.091.659 1.675.214.556.415 1.065.582 1.525" fill="#100f0d"/><path d="M4.79 3.419h11.322c1.066 0 1.597.8 1.722 1.856l.047.339a.662.662 0 01-.583.725.652.652 0 01-.715-.587l-.046-.323c-.047-.401-.217-.711-.625-.711H4.989c-.407 0-.577.31-.625.711l-.043.323a.653.653 0 11-1.301-.138l.047-.339c.126-1.056.656-1.856 1.723-1.856" fill="#d81e25"/><path d="M25.154 11.027c-.079.302-.159.625-.244.969-.085.343-.17.67-.253.984-.082.313-.161.588-.236.825a3.002 3.002 0 01-.185.486c-.089.154-.243.232-.464.232-.061 0-.141-.013-.241-.039-.098-.025-.18-.096-.248-.21a3.005 3.005 0 01-.185-.511 24.53 24.53 0 01-.235-.873c-.084-.33-.165-.679-.249-1.047a79.928 79.928 0 01-.223-1.026c-.066-.316-.121-.587-.166-.808a13.422 13.422 0 01-.074-.4c-.004-.028-.007-.047-.007-.058v-.033c0-.093.033-.169.106-.228a.42.42 0 01.264-.086c.1 0 .179.022.241.064.06.039.105.113.132.218 0 .01.016.091.045.239.032.148.07.338.116.568.048.232.101.49.158.776.058.285.117.576.182.869.063.293.128.576.191.853.063.275.12.512.176.708a36.527 36.527 0 00.381-1.38c.066-.256.13-.51.19-.767l.17-.712c.053-.221.098-.415.136-.586.039-.171.069-.297.091-.379a.46.46 0 01.157-.248c.079-.06.17-.09.281-.09a.46.46 0 01.299.095.437.437 0 01.148.243c.062.268.127.57.199.903a59.514 59.514 0 00.463 2.011c.084.327.163.617.24.869.055-.197.115-.434.178-.708l.194-.85c.067-.289.129-.578.19-.865l.167-.771a106.486 106.486 0 00.164-.778c.027-.105.072-.179.132-.218a.418.418 0 01.24-.064c.104 0 .193.03.264.086a.28.28 0 01.109.228v.033a6.253 6.253 0 01-.088.458 108.095 108.095 0 01-.392 1.829 49.61 49.61 0 01-.244 1.042c-.08.33-.156.621-.232.872a2.898 2.898 0 01-.185.506.439.439 0 01-.252.218.92.92 0 01-.245.047.663.663 0 01-.099-.01.748.748 0 01-.141-.033.516.516 0 01-.148-.078.362.362 0 01-.117-.144 3.826 3.826 0 01-.178-.52 37.54 37.54 0 01-.458-1.776c-.077-.332-.15-.645-.215-.935" fill="#100f0d"/><path d="M31.315 12.279a40 40 0 00-.33-.984 17.49 17.49 0 00-.411-1.065l-.052-.142a.692.692 0 00-.053.136 16.567 16.567 0 00-.408 1.071c-.1.299-.209.627-.325.984zm-1.835.718a24.52 24.52 0 00-.22.732 5.932 5.932 0 01-.178.553c-.06.16-.181.241-.363.241-.127 0-.219-.032-.278-.096a.347.347 0 01-.086-.243.36.36 0 01.016-.109c.011-.031.045-.144.105-.337.057-.191.132-.431.226-.717.093-.286.197-.599.31-.939a34.26 34.26 0 01.707-1.941c.115-.289.224-.522.322-.696a.382.382 0 01.178-.192.785.785 0 01.303-.049c.123 0 .225.021.309.059a.324.324 0 01.178.198c.078.164.171.386.279.662.106.278.22.578.338.899.118.322.235.651.352.985.115.336.223.648.318.937l.248.738c.068.203.113.335.128.393.01.035.017.071.017.109a.32.32 0 01-.099.243c-.067.064-.163.096-.289.096-.096 0-.164-.022-.213-.064a.404.404 0 01-.11-.177 11.55 11.55 0 01-.196-.553c-.073-.225-.153-.468-.235-.732H29.48" fill="#100f0d"/><path d="M34.12 12.443a.654.654 0 01-.079-.091 5.456 5.456 0 01-.33-.514 9.736 9.736 0 01-.275-.497c-.09-.177-.177-.356-.262-.534a12.458 12.458 0 01-.231-.496c-.071-.155-.13-.289-.178-.4a1.671 1.671 0 01-.112-.298.428.428 0 01-.005-.062c0-.099.034-.182.103-.246a.395.395 0 01.286-.101c.11 0 .187.028.235.083.047.056.082.11.103.165.01.029.038.088.079.181l.152.346c.061.138.13.289.207.453.079.166.156.328.237.488.079.159.158.311.232.458.073.144.145.264.21.359a6.14 6.14 0 00.34-.603c.12-.242.236-.48.347-.716.11-.238.204-.447.286-.627.079-.182.127-.295.144-.339a.666.666 0 01.103-.165c.046-.055.126-.083.235-.083.122 0 .216.034.287.101a.327.327 0 01.101.246c0 .026 0 .048-.002.062-.003.014-.011.035-.02.062l-.096.239a24.658 24.658 0 01-.405.903c-.087.178-.174.355-.265.531-.091.175-.182.344-.274.503-.09.158-.175.295-.252.404a1.237 1.237 0 01-.156.188v1.707c0 .11-.035.199-.105.27a.37.37 0 01-.268.103.37.37 0 01-.268-.103.366.366 0 01-.104-.27v-1.707" fill="#100f0d"/></svg>
</li><li><svg class="pd-footer__pay" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg></li><li><svg class="pd-footer__pay" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li><svg class="pd-footer__pay" width="38" height="24" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" aria-labelledby="pi-satispay"><title id="pi-satispay">Satispay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" style="fill-opacity:.07;fill-rule:nonzero"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" style="fill:#ef4323;fill-rule:nonzero"/><path d="M673.066 283.461h640.814l1012.66 924.379c50.64 46.22 79.68 112.06 79.68 180.62 0 68.57-29.04 134.4-79.68 180.63l-1012.66 924.37H673.066c-24.632 0-39.66-16.09-45.492-31.15-5.847-15.06-5.605-37.06 12.582-53.68L1724.9 1418.47a40.74 40.74 0 0 0 13.24-30.01c0-11.39-4.83-22.32-13.24-30L640.156 368.289c-18.187-16.609-18.429-38.617-12.582-53.668 5.832-15.062 20.86-31.16 45.492-31.16" style="fill:#fffcf0;fill-rule:nonzero" transform="matrix(.00765 0 0 -.00765 8.716 22.617)"/><path d="m868.125 2030.03-504.973-460.94c-50.636-46.23-79.683-112.06-79.683-180.63 0-68.56 29.047-134.4 79.683-180.62l504.973-460.949L1251.45 1096.8l-286.657 261.66a40.723 40.723 0 0 0-13.242 30 40.723 40.723 0 0 0 13.242 30.01l286.657 261.66-383.325 349.9Zm1148.515 463.43h-515.95l320.89-292.91 227.95 208.08c18.19 16.62 18.44 38.62 12.6 53.68-5.85 15.06-20.86 31.15-45.49 31.15M1821.58 576.379l-320.89-292.918h515.95c24.63 0 39.64 16.098 45.49 31.16 5.84 15.051 5.59 37.059-12.6 53.668l-227.95 208.09Z" style="fill:#fffcf0;fill-rule:nonzero" transform="matrix(.00765 0 0 -.00765 8.716 22.617)"/></svg></li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
</li><li><svg class="pd-footer__pay" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li></ul></div>
</div>
</div>
<script>
(function () {
var root = document.getElementById('pd-footer-sections--32671185928532__pd_footer');
if (!root || !window.matchMedia) return;
var desktop = window.matchMedia('(min-width: 750px)');
var menus = root.querySelectorAll('details[data-pd-footer-menu]');
function sync() {
for (var i = 0; i < menus.length; i++) {
menus[i].open = desktop.matches;
menus[i].querySelector('summary').tabIndex = desktop.matches ? -1 : 0;
}
}
for (var j = 0; j < menus.length; j++) {
menus[j].querySelector('summary').addEventListener('click', function (event) {
if (desktop.matches) event.preventDefault();
});
}
sync();
if (desktop.addEventListener) {
desktop.addEventListener('change', sync);
} else if (desktop.addListener) {
desktop.addListener(sync);
}
})();
</script>
</div><div id="shopify-section-sections--32671185928532__pd_popup" class="shopify-section shopify-section-group-footer-group pd-popup-section"><style>
@font-face {
font-family: 'PD Fraunces Bold';
src: url('//cozydrum.com/cdn/shop/t/84/assets/pd-fraunces-700.woff2?v=50960688861851982371794649983') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
</style>
<div
class="pd-popup-root"
data-pd-popup
data-section-id="sections--32671185928532__pd_popup"
data-form-id="PdPopupForm-sections--32671185928532__pd_popup"
data-delay="10"
data-scroll="40"
data-enabled="true"
>
<dialog
class="pd-popup pd-popup--offer"
id="PdPopup-sections--32671185928532__pd_popup"
aria-modal="true"
aria-labelledby="PdPopupTitle-sections--32671185928532__pd_popup"
>
<div class="pd-popup__card">
<button type="button" class="pd-popup__close" data-pd-popup-close aria-label="Fermer"><svg class="pd-icon pd-icon--cross" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M6.5 6.5l11 11M17.5 6.5l-11 11"/></svg>
</button>
<div class="pd-popup__media pd-popup__media--fill"><img
class="pd-popup__img"
src="//cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=800"
srcset="//cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=300 300w, //cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=500 500w, //cozydrum.com/cdn/shop/files/pro-5.webp?v=1792139607&width=800 800w"
sizes="(min-width: 750px) 440px, 92vw"
width="800"
height="800"
alt="Tongue drum Cozy Drum Maxi bleu paon pailleté au bord tressé gris, joué avec deux mailloches sur une table en bois"
loading="lazy"
fetchpriority="low"
data-pd-popup-img
></div>
<div class="pd-popup__body">
<div class="pd-popup__content" tabindex="-1"><p class="pd-popup__brand">Rejoignez la famille Cozy Drum</p><form method="post" action="/contact#PdPopupForm-sections--32671185928532__pd_popup" id="PdPopupForm-sections--32671185928532__pd_popup" accept-charset="UTF-8" class="pd-popup__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><div
class="pd-popup__fields"
data-pd-state="form"
>
<div class="pd-popup__intro" id="PdPopupTitle-sections--32671185928532__pd_popup"><p class="pd-popup__soft">Profitez de</p><h2 class="pd-popup__offer">-10 %</h2><p class="pd-popup__soft">sur votre première commande</p></div>
<input type="hidden" name="contact[tags]" value="newsletter,popup">
<label class="pd-popup__sr" for="PdPopupEmail-sections--32671185928532__pd_popup">Adresse e-mail</label>
<input
class="pd-popup__input"
id="PdPopupEmail-sections--32671185928532__pd_popup"
type="email"
name="contact[email]"
placeholder="Adresse e-mail"
autocomplete="email"
autocapitalize="off"
autocorrect="off"
spellcheck="false"
required
><button type="submit" class="pd-popup__submit">JE DÉBLOQUE MA RÉDUCTION</button><button type="button" class="pd-popup__decline" data-pd-popup-close>Non merci, je préfère payer le prix fort.</button></div></form></div>
</div>
</div>
</dialog>
</div>
<script>
(function () {
if (!window.PdPopup) {
var KEY_SEEN = 'pd-popup-seen';
var KEY_SENT = 'pd-popup-sent';
var MIN_DELAY = 3; // seconds: never open on page load
var RETRY = 3000; // ms: try again later while another dialog (cart drawer...) is open
var SCROLL_GRACE = 2000; // ms before scroll is watched (ignores scroll restoration on reload)
var MIN_SCROLL_PX = 150; // the visitor must really scroll, not just land mid-page
var FOCUSABLE =
'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
var html = document.documentElement;
var read = function (area, key) {
try {
return window[area].getItem(key);
} catch (e) {
return null;
}
};
var write = function (area, key, value) {
try {
if (value === null) window[area].removeItem(key);
else window[area].setItem(key, value);
} catch (e) {}
};
var seen = function () {
return read('localStorage', KEY_SEEN) === '1' || read('sessionStorage', KEY_SEEN) === '1';
};
var markSeen = function () {
write('localStorage', KEY_SEEN, '1');
write('sessionStorage', KEY_SEEN, '1');
};
var isEditor = function () {
return !!(window.Shopify && window.Shopify.designMode);
};
// Cart drawer, search, quick add, menu... : any other open dialog or modal blocks the popup.
var otherDialogOpen = function (root) {
var open = document.querySelectorAll('dialog[open], cart-drawer-component[open], details.cart-drawer[open]');
for (var i = 0; i < open.length; i++) {
if (!root.contains(open[i])) return true;
}
try {
var modal = document.querySelector(':modal');
if (modal && !root.contains(modal)) return true;
} catch (e) {}
return false;
};
var find = function (id) {
if (!id) return null;
return document.querySelector('[data-pd-popup][data-section-id="' + id + '"]');
};
var focusEl = function (el) {
if (!el) return;
try {
el.focus({ preventScroll: true });
} catch (e) {
el.focus();
}
};
var unlockIfNone = function () {
if (!document.querySelector('.pd-popup[open]')) html.classList.remove('pd-popup-open');
};
// Runs right after closing (and again on the native close event): unlock the page, give focus back.
var afterClose = function (root) {
unlockIfNone();
var last = root._pdLastFocus;
root._pdLastFocus = null;
if (last && last !== document.body && html.contains(last)) focusEl(last);
};
var shut = function (root) {
var dialog = root.querySelector('.pd-popup');
if (dialog && dialog.open) dialog.close();
afterClose(root);
};
// Horizon scrolls inside .page-wrapper on desktop (html/body are overflow: hidden), the window on phones.
var scrollState = function () {
var pw = document.querySelector('.page-wrapper');
if (pw && pw.scrollHeight - pw.clientHeight > 1) {
var oy = window.getComputedStyle(pw).overflowY;
if (oy === 'auto' || oy === 'scroll') return { y: pw.scrollTop, max: pw.scrollHeight - pw.clientHeight };
}
var body = document.body;
return {
y: window.pageYOffset || html.scrollTop || 0,
max: Math.max(html.scrollHeight, body ? body.scrollHeight : 0) - window.innerHeight
};
};
// The photo is lazy (the popup is hidden): load it only for visitors who will see the popup.
var preload = function (root) {
var imgs = root.querySelectorAll('[data-pd-popup-img]');
for (var i = 0; i < imgs.length; i++) imgs[i].loading = 'eager';
};
var api = {
open: function (root, focusTarget) {
var dialog = root.querySelector('.pd-popup');
if (!dialog || dialog.open || typeof dialog.showModal !== 'function') return;
preload(root);
root._pdLastFocus = document.activeElement;
try {
dialog.showModal();
} catch (e) {
return;
}
html.classList.add('pd-popup-open');
dialog.scrollTop = 0;
focusEl(focusTarget || dialog.querySelector('.pd-popup__content'));
},
close: function (root) {
shut(root);
},
stop: function (root) {
if (root && root._pdStop) root._pdStop();
},
init: function (root) {
if (!root || root.hasAttribute('data-pd-ready')) return;
root.setAttribute('data-pd-ready', '');
var dialog = root.querySelector('.pd-popup');
if (!dialog || typeof dialog.showModal !== 'function') return;
var pressedOnBackdrop = false;
dialog.addEventListener('pointerdown', function (e) {
pressedOnBackdrop = e.target === dialog;
});
dialog.addEventListener('click', function (e) {
if (e.target === dialog) {
if (pressedOnBackdrop) shut(root);
return;
}
var copy = e.target.closest('[data-pd-copy]');
if (copy) {
var value = copy.getAttribute('data-pd-copy');
var done = function () {
copy.textContent = copy.getAttribute('data-done-label') || copy.textContent;
copy.classList.add('is-done');
};
var fallback = function () {
var codeEl = dialog.querySelector('[data-pd-code]');
if (!codeEl || !window.getSelection) return;
var range = document.createRange();
range.selectNodeContents(codeEl);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
try {
if (document.execCommand('copy')) done();
} catch (err) {}
};
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(value).then(done, fallback);
} else {
fallback();
}
return;
}
if (e.target.closest('[data-pd-popup-close]')) shut(root);
});
dialog.addEventListener('keydown', function (e) {
if (e.key === 'Escape') {
e.preventDefault();
shut(root);
return;
}
if (e.key !== 'Tab') return;
var items = Array.prototype.filter.call(dialog.querySelectorAll(FOCUSABLE), function (el) {
return el.getClientRects().length > 0;
});
if (!items.length) {
e.preventDefault();
return;
}
var index = items.indexOf(document.activeElement);
if (e.shiftKey && index <= 0) {
e.preventDefault();
focusEl(items[items.length - 1]);
} else if (!e.shiftKey && (index === -1 || index === items.length - 1)) {
e.preventDefault();
focusEl(items[0]);
}
});
dialog.addEventListener('close', function () {
afterClose(root);
});
var form = dialog.querySelector('form');
if (form) {
form.addEventListener('submit', function () {
write('sessionStorage', KEY_SENT, '1');
markSeen();
});
}
if (isEditor()) return;
// Back from this popup's own sign-up: show the result (only after the visitor submitted it).
var stateEl = dialog.querySelector('[data-pd-state]');
var state = stateEl ? stateEl.getAttribute('data-pd-state') : 'form';
var formId = root.getAttribute('data-form-id');
var mine = read('sessionStorage', KEY_SENT) === '1' || window.location.hash === '#' + formId;
if (state === 'success') {
markSeen();
if (mine) {
write('sessionStorage', KEY_SENT, null);
api.open(root);
}
return;
}
if (state === 'error' && mine) {
write('sessionStorage', KEY_SENT, null);
api.open(root, dialog.querySelector('.pd-popup__input'));
return;
}
if (root.getAttribute('data-enabled') !== 'true' || seen()) return;
preload(root);
// Trigger: delay OR scroll depth, whichever comes first. Once per visitor.
var delay = parseInt(root.getAttribute('data-delay'), 10);
if (isNaN(delay)) delay = 6;
if (delay < MIN_DELAY) delay = MIN_DELAY;
var pct = parseInt(root.getAttribute('data-scroll'), 10);
if (isNaN(pct)) pct = 40;
var finished = false;
var armTimer = null;
var startY = 0;
var ticking = false;
var onScroll = null;
var stop = function () {
finished = true;
clearTimeout(root._pdTimer);
clearTimeout(armTimer);
if (onScroll) document.removeEventListener('scroll', onScroll, true);
};
var attempt = function () {
if (finished) return;
if (!html.contains(root) || seen()) {
stop();
return;
}
if (otherDialogOpen(root)) {
clearTimeout(root._pdTimer);
root._pdTimer = setTimeout(attempt, RETRY);
return;
}
stop();
markSeen();
api.open(root);
};
root._pdStop = stop;
root._pdTimer = setTimeout(attempt, delay * 1000);
if (pct > 0) {
var check = function () {
ticking = false;
if (finished) return;
var s = scrollState();
if (s.max < 1 || Math.abs(s.y - startY) < MIN_SCROLL_PX) return;
if (s.y / s.max >= pct / 100) attempt();
};
onScroll = function () {
if (ticking) return;
ticking = true;
setTimeout(check, 120);
};
armTimer = setTimeout(function () {
if (finished) return;
startY = scrollState().y;
// Capture: also hears scrolls of inner containers such as .page-wrapper.
document.addEventListener('scroll', onScroll, { passive: true, capture: true });
}, SCROLL_GRACE);
}
}
};
window.PdPopup = api;
var fromEvent = function (e) {
return find(e && e.detail && e.detail.sectionId);
};
document.addEventListener('shopify:section:select', function (e) {
var root = fromEvent(e);
if (!root) return;
api.init(root);
api.open(root);
});
document.addEventListener('shopify:section:load', function (e) {
var root = fromEvent(e);
if (!root) return;
api.init(root);
api.open(root);
});
document.addEventListener('shopify:section:deselect', function (e) {
var root = fromEvent(e);
if (root) api.close(root);
});
document.addEventListener('shopify:section:unload', function (e) {
var root = fromEvent(e);
if (!root) return;
api.stop(root);
clearTimeout(root._pdTimer);
api.close(root);
setTimeout(unlockIfNone, 0);
});
}
var roots = document.querySelectorAll('[data-pd-popup]:not([data-pd-ready])');
for (var i = 0; i < roots.length; i++) window.PdPopup.init(roots[i]);
})();
</script>
</div><div id="shopify-section-sections--32671185928532__pd_apply_code" class="shopify-section shopify-section-group-footer-group"><style>
body .pd-popup .pd-popup__title--success {
margin-top: 22px;
}
</style><script>
(function () {
var code = "WELCOME10";
function apply() {
if (!document.querySelector('.pd-popup [data-pd-state="success"], .pd-footer__msg--success')) return;
fetch('/discount/' + encodeURIComponent(code), { credentials: 'same-origin' }).catch(function () {});
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', apply);
else apply();
})();
</script>
</div>
<!-- END sections: footer-group -->
</footer>
</div>
<div
id="shopify-section-cart-drawer-section"
class="shopify-section"
>
<script
type="module"
src="//cozydrum.com/cdn/shop/t/84/assets/cart-drawer.js?v=155277300925515317381794649983"
fetchpriority="low"
></script>
<script>
(function () {
if (window.pdCartBackdropReady) return;
window.pdCartBackdropReady = true;
// On wide screens the cart drawer is a non-modal dialog; its dimmed page layer is the
// ::before of <theme-drawer id="cart-drawer"> (assets/pd-cart.css), so a click on it targets the drawer itself.
document.addEventListener('click', function (event) {
var drawer = document.getElementById('cart-drawer');
if (!drawer || event.target !== drawer || !drawer.hasAttribute('open')) return;
event.preventDefault();
if (typeof drawer.close === 'function') drawer.close();
});
})();
</script>
<script
type="module"
src="//cozydrum.com/cdn/shop/t/84/assets/pd-cart-upsell.js?v=55126594803515272271794649983"
fetchpriority="low"
></script>
<script
type="module"
src="//cozydrum.com/cdn/shop/t/84/assets/pd-carnet-popup.js?v=3005258103266989611794649983"
fetchpriority="low"
></script><template
id="pd-carnet-popup-1"
data-pd-carnet-popup
data-drum-ids="15881140961620,"
data-variant-id="58057480307028"
data-code=""
data-seconds="600"
>
<dialog
class="pd-carnet-popup"
aria-labelledby="pd-carnet-popup-title-1"
>
<div class="pd-carnet-popup__head">
<p
class="pd-carnet-popup__title"
id="pd-carnet-popup-title-1"
>
Attendez ! Une offre réservée à votre commande
</p>
<button
type="button"
class="pd-carnet-popup__close"
data-pd-popup-skip
aria-label="Fermer"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.8"
stroke-linecap="round"
aria-hidden="true"
focusable="false"
>
<path d="M5 5l14 14M19 5L5 19"/>
</svg>
</button>
</div>
<p class="pd-carnet-popup__band">
<span data-pd-popup-label>L'offre vous est réservée encore :</span>
<strong
class="pd-carnet-popup__clock"
data-pd-popup-clock
>10:00
</strong>
</p>
<div class="pd-carnet-popup__body"><img src="//cozydrum.com/cdn/shop/files/comptines-couverture.jpg?v=1793397761&width=640" alt="Comptines – 25 airs (PDF)" srcset="//cozydrum.com/cdn/shop/files/comptines-couverture.jpg?v=1793397761&width=352 352w, //cozydrum.com/cdn/shop/files/comptines-couverture.jpg?v=1793397761&width=640 640w" width="640" height="640" loading="lazy" class="pd-carnet-popup__img">
<div class="pd-carnet-popup__info">
<p class="pd-carnet-popup__name">Comptines – 25 airs (PDF)</p>
<ul class="pd-carnet-popup__points" role="list"><li>
<span class="pd-carnet-popup__tick" aria-hidden="true"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
</span>
25 comptines que les enfants adorent
</li><li>
<span class="pd-carnet-popup__tick" aria-hidden="true"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
</span>
Il suffit de suivre les chiffres
</li><li>
<span class="pd-carnet-popup__tick" aria-hidden="true"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
</span>
PDF reçu par e-mail juste après l’achat
</li></ul>
<p class="pd-carnet-popup__price"><s>19,90 €</s>
<strong>14,90 €</strong>
</p>
</div>
<div class="pd-carnet-popup__actions">
<button
type="button"
class="pd-carnet-popup__add"
data-pd-popup-add
>
Ajouter à ma commande
</button>
<button
type="button"
class="pd-carnet-popup__skip"
data-pd-popup-skip
data-pd-popup-skip-main
>
Rater cette offre
</button>
</div>
</div>
</dialog>
</template><template
id="pd-carnet-popup-2"
data-pd-carnet-popup
data-drum-ids="15881140896084,15881140863316,"
data-variant-id="58056787722580"
data-code=""
data-seconds="600"
>
<dialog
class="pd-carnet-popup"
aria-labelledby="pd-carnet-popup-title-2"
>
<div class="pd-carnet-popup__head">
<p
class="pd-carnet-popup__title"
id="pd-carnet-popup-title-2"
>
Attendez ! Une offre réservée à votre commande
</p>
<button
type="button"
class="pd-carnet-popup__close"
data-pd-popup-skip
aria-label="Fermer"
>
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.8"
stroke-linecap="round"
aria-hidden="true"
focusable="false"
>
<path d="M5 5l14 14M19 5L5 19"/>
</svg>
</button>
</div>
<p class="pd-carnet-popup__band">
<span data-pd-popup-label>L'offre vous est réservée encore :</span>
<strong
class="pd-carnet-popup__clock"
data-pd-popup-clock
>10:00
</strong>
</p>
<div class="pd-carnet-popup__body"><img src="//cozydrum.com/cdn/shop/files/melodies-zen-couverture-v2.jpg?v=1793394634&width=640" alt="Mélodies zen – 50 airs (PDF)" srcset="//cozydrum.com/cdn/shop/files/melodies-zen-couverture-v2.jpg?v=1793394634&width=352 352w, //cozydrum.com/cdn/shop/files/melodies-zen-couverture-v2.jpg?v=1793394634&width=640 640w" width="640" height="640" loading="lazy" class="pd-carnet-popup__img">
<div class="pd-carnet-popup__info">
<p class="pd-carnet-popup__name">Mélodies zen – 50 airs (PDF)</p>
<ul class="pd-carnet-popup__points" role="list"><li>
<span class="pd-carnet-popup__tick" aria-hidden="true"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
</span>
50 airs calmes pour se détendre
</li><li>
<span class="pd-carnet-popup__tick" aria-hidden="true"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
</span>
Il suffit de suivre les chiffres
</li><li>
<span class="pd-carnet-popup__tick" aria-hidden="true"><svg class="pd-icon pd-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12.5l4.2 4.2L19 7"/></svg>
</span>
PDF reçu par e-mail juste après l’achat
</li></ul>
<p class="pd-carnet-popup__price"><s>29,90 €</s>
<strong>24,90 €</strong>
</p>
</div>
<div class="pd-carnet-popup__actions">
<button
type="button"
class="pd-carnet-popup__add"
data-pd-popup-add
>
Ajouter à ma commande
</button>
<button
type="button"
class="pd-carnet-popup__skip"
data-pd-popup-skip
data-pd-popup-skip-main
>
Rater cette offre
</button>
</div>
</div>
</dialog>
</template>
<theme-drawer
id="cart-drawer"
data-skip-node-update
no-persist
>
<dialog
ref="panel"
class="theme-drawer__dialog color-custom-drawer"
aria-labelledby="cart-drawer-heading"
cart-summary-sticky="true"
>
<cart-drawer-component
auto-open
>
<template id="empty-cart-template">
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//cozydrum.com/cdn/shop/t/84/assets/component-cart-items.js?v=9046789195412539611794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/component-cart-quantity-selector.js?v=168493463479860323171794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/volume-pricing-info.js?v=150538418000149674651794649983"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://cozydrum.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer vos achats
</span>
</a></div>
</div>
</div>
</template>
<div
class="cart-drawer__inner cart-drawer--empty"
data-hydration-key="cart-drawer-inner"
><div class="theme-drawer__header">
<button
on:click="#cart-drawer/close"
class="theme-drawer__close-button cart-drawer__close-button--empty"
type="button"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<cart-items-component
class="cart-items-component"
data-drawer
view-event-trigger="dialog"
data-section-id="cart-drawer-section"
view-event-payload="{"context":null,"cart":null}"
>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//cozydrum.com/cdn/shop/t/84/assets/component-cart-items.js?v=9046789195412539611794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/component-cart-quantity-selector.js?v=168493463479860323171794649983"
type="module"
fetchpriority="low"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/volume-pricing-info.js?v=150538418000149674651794649983"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://cozydrum.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.
</p><a
class="button cart-items__empty-button"
href="/collections/all"
>
<span class="button-text">
Continuer vos achats
</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</cart-drawer-component>
</dialog>
</theme-drawer>
</div>
<script
type="module"
src="//cozydrum.com/cdn/shop/t/84/assets/theme-drawer.js?v=69307657216630184831794649983"
fetchpriority="low"
></script>
<script>
/* Runs synchronously during HTML parsing — opens the correct drawer on first
paint if navigation state was saved, so it renders with the rest of the page. */
(function () {
var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
if (!drawerIds.length) return;
// Only restore on wide viewports (squeeze mode). On narrow viewports the
// drawer is a modal overlay — let it start closed after navigation rather
// than re-opening a fullscreen dialog the user may have left behind.
if (!window.matchMedia('(min-width: 990px)').matches) return;
var dialogs = [];
for (var i = 0; i < drawerIds.length; i++) {
var drawer = document.getElementById(drawerIds[i]);
if (!drawer) continue;
drawer.setAttribute('open', '');
// Set [open] directly so the CSS slide-in applies without triggering
// the browser's dialog focusing steps — on wide viewports the drawer is
// a sidebar, not a modal, so focus should stay where it is.
// The instant class suppresses the slide-in transition for the initial restore.
// Set --drawer-stack-order so z-index layering matches the original order.
drawer.style.setProperty('--drawer-stack-order', String(i + 1));
var dialog = drawer.querySelector('dialog');
if (dialog) {
dialog.setAttribute('open', '');
dialog.classList.add('theme-drawer__dialog-instant');
dialogs.push(dialog);
}
// Let each drawer type handle its own restore (e.g. shopify-chat mode).
// Synchronous dispatch — listeners attached during earlier parsing run immediately.
drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
}
// Apply squeeze immediately, bypassing the margin transition.
// Only squeeze if at least one drawer was actually restored — saved
// drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
var pageWrapper = document.querySelector('.page-wrapper');
if (pageWrapper && dialogs.length > 0) {
pageWrapper.style.transition = 'none';
pageWrapper.classList.add('page-wrapper--drawer-open');
}
// Re-enable transitions after one paint so the instant state is rendered first.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
if (pageWrapper) pageWrapper.style.transition = '';
for (var j = 0; j < dialogs.length; j++) {
dialogs[j].classList.remove('theme-drawer__dialog-instant');
}
});
});
})();
</script>
<script
type="module"
>
const pageWrapper = document.querySelector('.page-wrapper');
const squeezeQuery = window.matchMedia('(min-width: 990px)');
// ── Squeeze coordination ──
// Listens to all drawers. Only squeezes on wide viewports.
document.addEventListener('theme-drawer:open', () => {
if (squeezeQuery.matches) {
pageWrapper?.classList.add('page-wrapper--drawer-open');
}
});
document.addEventListener('theme-drawer:close', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
if (!openDrawer) {
pageWrapper?.classList.remove('page-wrapper--drawer-open');
}
});
squeezeQuery.addEventListener('change', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
});
// ── State persistence ──
// Store open drawer IDs sorted by their visual stack order so
// the restore script can recreate the same z-index layering.
function persistDrawerState() {
const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
if (!openDrawers.length) {
sessionStorage.removeItem('theme-drawer-open');
return;
}
openDrawers.sort((a, b) => {
const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
return orderA - orderB;
});
sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
}
document.addEventListener('theme-drawer:open', persistDrawerState);
document.addEventListener('theme-drawer:close', persistDrawerState);
</script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/dialog.js?v=144816527575655702281794649983"
type="module"
></script>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/predictive-search.js?v=34228036626877155831794649983"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</h2>
<predictive-search-component
class="predictive-search color-custom-popover"
style="--product-corner-radius: 0px; --card-corner-radius: 6px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Rechercher</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Rechercher"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Fermer la boîte de dialogue"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Produits
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":15951698592084,"title":"À jouer à deux – 25 duos (PDF)","handle":"a-jouer-a-deux-pdf","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/a-jouer-a-deux-pdf"
>
<span class="visually-hidden">
À jouer à deux – 25 duos (PDF)
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//cozydrum.com/cdn/shop/files/duo-couverture.jpg?v=1793975434&width=500" alt="Couverture du carnet À jouer à deux, 25 duos pour deux tongue drums" srcset="//cozydrum.com/cdn/shop/files/duo-couverture.jpg?v=1793975434&width=240 240w, //cozydrum.com/cdn/shop/files/duo-couverture.jpg?v=1793975434&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//cozydrum.com/cdn/shop/files/duo-sommaire-1.jpg?v=1793975434&width=500" alt="Sommaire du carnet À jouer à deux, page 1 : comptines à deux" srcset="//cozydrum.com/cdn/shop/files/duo-sommaire-1.jpg?v=1793975434&width=240 240w, //cozydrum.com/cdn/shop/files/duo-sommaire-1.jpg?v=1793975434&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="74882885091668" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">À jouer à deux – 25 duos (PDF)</p>
<div ref="priceContainer">
<span class="price-item__group price-item--regular compare-at-price">
<span class="visually-hidden">Prix régulier </span>
<bdi>19,90 €</bdi>
</span>
<span class="price-item__group price">
<span class="visually-hidden">Prix promotionnel </span>
<bdi>14,90 €</bdi>
</span>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":15928998232404,"title":"Carnet de Noël – 10 chants (PDF)","handle":"carnet-noel-pdf","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/carnet-noel-pdf"
>
<span class="visually-hidden">
Carnet de Noël – 10 chants (PDF)
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//cozydrum.com/cdn/shop/files/carnet-noel-couverture-v2.jpg?v=1793619258&width=500" alt="Carnet de Noël Cozy Drum : 10 chants pour tongue drum" srcset="//cozydrum.com/cdn/shop/files/carnet-noel-couverture-v2.jpg?v=1793619258&width=240 240w, //cozydrum.com/cdn/shop/files/carnet-noel-couverture-v2.jpg?v=1793619258&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//cozydrum.com/cdn/shop/files/carnet-noel-sommaire-v2.jpg?v=1793619224&width=500" alt="Sommaire du carnet de Noël : les 10 chants" srcset="//cozydrum.com/cdn/shop/files/carnet-noel-sommaire-v2.jpg?v=1793619224&width=240 240w, //cozydrum.com/cdn/shop/files/carnet-noel-sommaire-v2.jpg?v=1793619224&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="74734729363796" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Carnet de Noël – 10 chants (PDF)</p>
<div ref="priceContainer">
<span class="price-item__group price-item--regular compare-at-price">
<span class="visually-hidden">Prix régulier </span>
<bdi>14,90 €</bdi>
</span>
<span class="price-item__group price">
<span class="visually-hidden">Prix promotionnel </span>
<bdi>8,90 €</bdi>
</span>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":15953112301908,"title":"Carnet de Noël – offert avec votre tambour (PDF)","handle":"carnet-de-noel-offert-avec-votre-tambour-pdf","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/carnet-de-noel-offert-avec-votre-tambour-pdf"
>
<span class="visually-hidden">
Carnet de Noël – offert avec votre tambour (PDF)
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//cozydrum.com/cdn/shop/files/carnet-noel-couverture-v2_8a2c8cf0-d2d7-42a6-9510-b5b44f5aa6e0.jpg?v=1794054202&width=500" alt="Carnet de Noël offert" srcset="//cozydrum.com/cdn/shop/files/carnet-noel-couverture-v2_8a2c8cf0-d2d7-42a6-9510-b5b44f5aa6e0.jpg?v=1794054202&width=240 240w, //cozydrum.com/cdn/shop/files/carnet-noel-couverture-v2_8a2c8cf0-d2d7-42a6-9510-b5b44f5aa6e0.jpg?v=1794054202&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Carnet de Noël – offert avec votre tambour (PDF)</p>
<div ref="priceContainer">
<span class="price-item__group price-item--regular compare-at-price">
<span class="visually-hidden">Prix régulier </span>
<bdi>14,90 €</bdi>
</span>
<span class="price-item__group price">
<span class="visually-hidden">Prix promotionnel </span>
<bdi>0,00 €</bdi>
</span>
</div>
</div>
</div></product-component>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":15919497281876,"title":"Carnet de partitions","handle":"carnet-partitions","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/carnet-partitions"
>
<span class="visually-hidden">
Carnet de partitions
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//cozydrum.com/cdn/shop/files/carnet-partitions-tongue-drum.webp?v=1793122653&width=500" alt="Carnet de partitions rouge pour tongue drum, couverture avec des lames numérotées et le titre Steel tongue drum Music book" srcset="//cozydrum.com/cdn/shop/files/carnet-partitions-tongue-drum.webp?v=1793122653&width=240 240w, //cozydrum.com/cdn/shop/files/carnet-partitions-tongue-drum.webp?v=1793122653&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Carnet de partitions</p>
<div ref="priceContainer">
<span class="price-item__group price-item--regular compare-at-price">
<span class="visually-hidden">Prix régulier </span>
<bdi>14,90 €</bdi>
</span>
<span class="price-item__group price">
<span class="visually-hidden">Prix promotionnel </span>
<bdi>9,90 €</bdi>
</span>
</div>
</div>
</div></product-component>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<script
src="//cozydrum.com/cdn/shop/t/84/assets/gift-card-recipient-form.js?v=170482155849799299241794649983"
type="module"
fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-custom-popover"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Fermer la boîte de dialogue"
><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</button>
<product-component
id="quick-add-modal-content"
class="quick-add-modal__content"
view-event-trigger="dialog"
></product-component>
</dialog>
</quick-add-dialog>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>