@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--bg:#130d0a;--cream:#fff4dc;--orange:#ff6929;--yellow:#ffbe31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain{pointer-events:none;position:fixed;inset:0;z-index:30;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.nav{height:83px;position:absolute;z-index:40;top:0;left:0;width:100%;padding:0 clamp(22px,5vw,90px);display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:27px;letter-spacing:.01em}.brand span{color:var(--orange)}.nav nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.nav nav a:hover{color:var(--yellow)}.nav-cta{border:1px solid #ffffff55;padding:12px 18px;border-radius:100px}.nav #menu{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:790px;height:100svh;max-height:1050px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px clamp(22px,7vw,120px) 65px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 42%,#5a2412 0%,#25120d 37%,#130d0a 75%)}.ambient{position:absolute;inset:0;background:radial-gradient(circle at 85% 35%,#ff58101f,transparent 42%);z-index:-1}.hero-copy{z-index:3;max-width:690px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.21em}.eyebrow{color:var(--yellow)}h1,h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.9;letter-spacing:-.025em;margin:25px 0}h1{font-size:clamp(75px,8.5vw,150px)}h1 em,h2 em,.quote em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.eyebrow){max-width:440px;line-height:1.8;color:#e0d3c8;font-size:15px}.actions{display:flex;align-items:center;gap:27px;margin-top:32px}.btn{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--orange);color:#180c07;padding:17px 24px;border-radius:3px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:var(--yellow)}.link{font-size:12px;font-weight:700}.glass-stage{position:relative;z-index:2;width:min(100%,640px);justify-self:center;aspect-ratio:1/1.08;display:grid;place-items:center;perspective:1000px;transform-style:preserve-3d}.glass-aura{position:absolute;width:80%;height:80%;border-radius:50%;background:#ff681b4a;filter:blur(95px);animation:breathe 5s ease-in-out infinite}.glass-shell{position:relative;width:86%;height:90%;overflow:hidden;border-radius:45% 45% 15% 15% / 22% 22% 8% 8%;border:1px solid #ffffff6b;box-shadow:inset 0 0 40px #ffffff18,20px 40px 100px #000a,0 0 50px #ff69141a;transform:rotateY(-9deg) rotateX(4deg) translateY(38px);opacity:0;animation:glassIn 1.4s cubic-bezier(.2,.8,.2,1) .2s forwards;transition:transform .5s}.glass-shell img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.12) contrast(1.04)}.glass-shell:after{content:'';position:absolute;inset:0;background:linear-gradient(108deg,transparent 25%,#fff0 38%,#ffffff4b 46%,#ffffff10 50%,transparent 57%);transform:translateX(-140%);animation:glint 3s ease-in-out 1.2s 1}.glass-glint{position:absolute;inset:4% 7%;border-radius:40%;border-top:1px solid #ffffff70;pointer-events:none}.glass-caption{position:absolute;bottom:-12px;font-family:'Barlow Condensed';font-size:20px;letter-spacing:.14em;color:var(--yellow);font-weight:900}.hero-foot{position:absolute;bottom:24px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#b9a99a}.ticker{overflow:hidden;background:var(--yellow);color:#180c07;transform:rotate(-1.3deg) scale(1.03);position:relative;z-index:4}.ticker div{white-space:nowrap;font:900 34px 'Barlow Condensed';padding:14px 0;letter-spacing:.08em;text-align:center}.ticker b{color:#b93415;padding:0 18px}.section{padding:clamp(80px,10vw,150px) clamp(22px,7vw,120px)}.section-kicker{color:var(--yellow);margin-bottom:55px}.story{background:linear-gradient(#130d0a,#1d110e)}.story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw}.story h2,.product h2,.reseller h2,.contact h2{font-size:clamp(66px,8vw,132px)}.story-text{padding-top:28px;max-width:510px}.story-text p,.product-copy>p:not(.eyebrow),.reseller p:not(.eyebrow),.contact p{font-size:16px;line-height:1.95;color:#d4c5b8}.signature{font:800 24px 'Barlow Condensed';margin-top:40px}.signature span{font:400 12px 'DM Sans';color:#b7a59b}.product{background:linear-gradient(#1d110e,#30170e 45%,#160d0a)}.product-grid,.reseller-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.product-image{border-radius:14px;overflow:hidden;box-shadow:0 25px 100px #0008;transform:rotate(-2deg)}.product-image img,.reseller-grid img{display:block;width:100%;height:auto}.orange{color:var(--orange)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tags span{font-size:11px;font-weight:800;letter-spacing:.1em;border:1px solid #ffffff35;border-radius:100px;padding:11px 15px}.fine{font-size:11px!important;line-height:1.7!important;color:#aa9a8e!important}.product-copy .btn{margin-top:20px}.quote{padding:90px 20px;background:#ef5422;text-align:center;color:#1c0d08}.quote p{font:900 clamp(44px,6vw,96px)/.95 'Barlow Condensed';text-transform:uppercase;margin:0}.quote em{color:#ffe4a5}.reseller{background:linear-gradient(#160d0a,#20110c)}.reseller-grid img{border-radius:12px;box-shadow:0 30px 80px #0009}.reseller-grid .btn{margin-top:28px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#72270d,#190d0a 65%)}.contact h2{font-size:clamp(90px,12vw,180px)}.contact>p{max-width:550px;margin:25px auto}.contact-phone{display:inline-block;font:900 clamp(32px,5vw,60px) 'Barlow Condensed';color:var(--yellow);border-bottom:2px solid var(--yellow);margin:25px 0}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:35px 7vw;background:#100907;border-top:1px solid #ffffff1b}footer p{font-size:11px;color:#b5a49b}.legal-trigger{border:0;background:none;color:#c8b4a8;cursor:pointer;font-size:11px}dialog{max-width:700px;width:calc(100% - 32px);background:#21120d;color:white;border:1px solid #ff69296e;padding:40px;border-radius:12px;line-height:1.7}dialog::backdrop{background:#000c}dialog h2{font-size:35px}.close{float:right;background:none;color:white;border:0;font-size:30px;cursor:pointer}@keyframes glassIn{to{transform:rotateY(-9deg) rotateX(4deg) translateY(0);opacity:1}}@keyframes glint{to{transform:translateX(140%)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.65}}@media(max-width:850px){.nav{height:70px}.nav #menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:24px;background:#160d0af5;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding-top:130px;padding-bottom:80px}.hero h1{font-size:clamp(67px,14vw,110px)}.glass-stage{margin-top:35px;width:min(100%,480px)}.hero-foot{bottom:18px}.story-grid,.product-grid,.reseller-grid{grid-template-columns:1fr;gap:40px}.product-image{max-width:580px}.reseller-grid img{max-width:650px}.section-kicker{margin-bottom:30px}.section{padding:85px 7vw}.quote{padding:65px 15px}footer{flex-direction:column;align-items:flex-start}.glass-shell{width:82%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.glass-shell{transform:none;opacity:1}}\n.ingredients{margin:30px 0;padding:22px 24px;border-left:2px solid #ff6929;background:linear-gradient(90deg,#ff692911,transparent)}.ingredients p:last-child{font-size:14px;line-height:1.8;color:#ead6c4}.ingredients .eyebrow{font-size:11px}
/* Intro : courte pluie de piments, puis reflet de verre. Aucun blocage de navigation. */
.pepper-intro{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 45%,#482010,#130d0a 70%);animation:introFade .85s ease 1.4s forwards}.pepper-rain{position:absolute;inset:0;overflow:hidden}.pepper{position:absolute;top:-15vh;left:var(--x);font-size:var(--sz);filter:drop-shadow(0 5px 10px #0008);transform:rotate(var(--r));animation:pepperFall var(--duration) cubic-bezier(.2,.65,.4,1) var(--delay) both;opacity:0}.pepper-intro-shine{position:absolute;z-index:2;inset:-30%;background:linear-gradient(108deg,transparent 35%,#ffffff00 42%,#fff5d68c 49%,#ffffff00 54%,transparent 65%);transform:translateX(-110%);animation:introShine .85s ease-out .9s forwards}.pepper-intro.done{display:none}@keyframes pepperFall{0%{opacity:0;transform:translateY(-12vh) rotate(var(--r)) scale(.75)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(120vh) translateX(var(--drift)) rotate(calc(var(--r) + 220deg)) scale(1.15)}}@keyframes introShine{to{transform:translateX(115%)}}@keyframes introFade{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.pepper-intro{display:none!important}}

/* V1.3 : pas de voile/grain global, rendu plus doux */
.grain{display:none!important}
.hero{background:radial-gradient(ellipse at 77% 43%,#572b1d 0%,#2a1913 37%,#130d0a 78%)}
.ambient{background:radial-gradient(ellipse at 78% 47%,#d45a2826,transparent 62%);filter:blur(20px)}
/* La pluie de piments reste visible, sans écran de transition coloré */
.pepper-intro{background:transparent!important;animation:introFade .45s ease 1.65s forwards}
.pepper-intro-shine{opacity:.72;filter:blur(7px)}
/* Une vitrine aux épaules de bocal, plutôt qu'une forme tracée à main levée */
.glass-shell{width:84%;height:88%;border-radius:24% 24% 13% 13% / 13% 13% 8% 8%;border:1px solid #fff6df63;box-shadow:inset 12px 0 26px #ffffff0d,inset -15px 0 35px #0005,0 24px 80px #0009,0 0 38px #ff8c2812;isolation:isolate}
.glass-shell:before{content:'';position:absolute;z-index:3;pointer-events:none;inset:0;border-radius:inherit;box-shadow:inset 3px 0 2px #fff8e055,inset -3px 0 3px #ffe6be26,inset 0 16px 20px #fff4d509}
.glass-shell:after{z-index:4;background:linear-gradient(107deg,transparent 25%,#fff0 39%,#fff9e275 46%,#ffffff22 49%,transparent 58%);animation:glint 3s ease-in-out 1.2s 1,jarSheen 8s ease-in-out 5s infinite}
.jar-rim{position:absolute;z-index:5;pointer-events:none;left:13%;right:13%;top:0;height:5%;border-radius:50%;border-top:2px solid #fff6dc8c;box-shadow:0 -4px 12px #ffe1a633}
.glass-glint{inset:5% 9%;border-radius:25% 25% 13% 13% / 13% 13% 8% 8%;border-top-color:#ffffff45}
@keyframes jarSheen{0%,70%,100%{transform:translateX(-140%)}90%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.glass-shell:after{animation:none}}

/* V1.4 : suppression de la grande diagonale lumineuse au chargement. */
.pepper-intro-shine{display:none!important}

.instagram-center{display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.instagram-link{display:inline-flex;align-items:center;gap:8px;color:#e9c9b6;font-size:12px;letter-spacing:.04em;text-decoration:none;transition:color .2s ease,transform .2s ease}.instagram-link:hover,.instagram-link:focus-visible{color:var(--yellow);transform:translateY(-2px)}.instagram-link svg{flex:none}

.instagram-center{display:flex;justify-content:center;align-items:center;margin:10px auto 16px}
.instagram-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ffbe3160;border-radius:50%;color:#ffbe31;transition:background .25s,transform .25s}
.instagram-link:hover{background:#ffbe3120;transform:translateY(-2px)}
.instagram-link svg{width:19px;height:19px}

/* V1.7 — CTA sans fleches et motif identique sur tous les appareils */
.btn{justify-content:center;gap:0;text-align:center}
.ticker .ticker-star{font-family:Arial,Helvetica,sans-serif!important;font-variant-emoji:text;font-size:.9em;line-height:1;color:#b93415;display:inline-block;vertical-align:baseline}

/* V1.8 : pluie de piments également sur mobile, optimisée pour les petits écrans */
@media(max-width:850px){.pepper-intro{display:block;position:fixed;inset:0;background:transparent!important;pointer-events:none;z-index:70;animation:introFade .45s ease 1.65s forwards}.pepper-rain{position:absolute;inset:0;overflow:hidden}.pepper{will-change:transform,opacity;filter:drop-shadow(0 3px 4px #0005);line-height:1}.pepper-intro-shine{display:none!important}}
@media(prefers-reduced-motion:reduce){.pepper-intro{display:none!important}}

/* Identical illustrated chili separators on all devices; no platform-dependent emoji. */
.ticker .ticker-chili{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:29px;height:29px;padding:0;margin:0 12px;line-height:1;transform:rotate(-25deg)}
.ticker .ticker-chili svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:600px){.ticker .ticker-chili{width:23px;height:23px;margin:0 8px}}

/* V2.1 : petit piment qui suit la progression du défilement */
.chili-scroll{position:fixed;z-index:90;left:0;right:0;top:18px;height:3px;pointer-events:none;background:rgba(255,255,255,.08)}
.chili-scroll-fill{height:100%;width:0;background:linear-gradient(90deg,#ffbe31,#f45023);box-shadow:0 0 10px #f4502360}
.chili-scroll-pepper{position:absolute;left:0;top:0;width:29px;height:29px;transform:translate(0,-11px) rotate(38deg);filter:drop-shadow(0 2px 3px #0009);will-change:left}
.chili-scroll-pepper svg{display:block;width:100%;height:100%}
@media(max-width:850px){.chili-scroll-pepper{width:25px;height:25px;transform:translate(0,-9px) rotate(38deg)}}
@media(prefers-reduced-motion:reduce){.chili-scroll-pepper{will-change:auto}}

/* V2.3 : petit pot dessiné, à la place de l'emoji dans la marque */
.brand{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.brand-jar{width:28px;height:34px;flex:none;vertical-align:middle;filter:drop-shadow(0 2px 4px #0008)}
@media(max-width:400px){.brand-jar{width:24px;height:29px}}

/* V2.4 : la barre horizontale est masquée ; flamme seule sur la marge droite */
.chili-scroll{display:none!important}
.flame-scroll{position:fixed;z-index:85;right:8px;top:50%;width:24px;height:32px;pointer-events:none;transform:translateY(-50%);filter:drop-shadow(0 2px 4px #000b);opacity:.95;will-change:top}
.flame-scroll svg{display:block;width:100%;height:100%}
@media(max-width:850px){.flame-scroll{right:3px;width:19px;height:26px;opacity:.9}}
@media(prefers-reduced-motion:reduce){.flame-scroll{will-change:auto}}

/* V2.5 : pas de suivi de scroll ; petit bocal de confiture épuré */
.flame-scroll,.chili-scroll{display:none!important}
.brand-jar{width:30px;height:35px;filter:drop-shadow(0 2px 3px #0006)}
@media(max-width:400px){.brand-jar{width:26px;height:31px}}

/* V2.6 : la sauce monte dans le petit pot pendant le scroll. */
.brand-jar .jar-sauce{transition:transform .11s linear;transform-box:fill-box}
@media(prefers-reduced-motion:reduce){.brand-jar .jar-sauce{transition:none}}

/* V2.7: header visible during scroll, with unobtrusive frosted background */
.nav{position:fixed;transition:background .25s,box-shadow .25s;z-index:100}
.nav.nav-scrolled{background:rgba(19,13,10,.92);box-shadow:0 7px 25px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand-jar .sauce-level{transition:y .09s linear,height .09s linear}
.brand-jar .sauce-texture{transition:opacity .2s}
@media(prefers-reduced-motion:reduce){.brand-jar .sauce-level,.brand-jar .sauce-texture{transition:none}}

/* V2.9 : icône téléphone SVG, identique sur tous les écrans */
.contact-phone{display:inline-flex;align-items:center;justify-content:center;gap:.35em}
.contact-phone .phone-icon{display:inline-block;width:.72em;height:.72em;flex:none;color:#e6a45d;vertical-align:middle;stroke:currentColor}
@media(max-width:600px){.contact-phone .phone-icon{width:.72em;height:.72em}}

/* V3.0 : signature de fin de page, sans répétition du logo */
.site-footer{display:block;text-align:center;padding:58px clamp(22px,7vw,120px) 26px;background:radial-gradient(ellipse at 50% 0%,#28140e,#100907 75%)}
.footer-signature{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:46px}
.footer-kicker{color:var(--yellow);font-size:10px;letter-spacing:.25em;font-weight:800}
.footer-phrase{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3.5vw,43px);font-style:italic;line-height:1.2;color:var(--cream)}
.footer-names{color:#c5ad9a;font-size:12px;letter-spacing:.07em}
.footer-bottom{border-top:1px solid #ffffff1c;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-bottom p{margin:0}
.footer-legal{display:flex;gap:10px 22px;flex-wrap:wrap;justify-content:center}
.footer-legal .legal-trigger{padding:6px 0}
@media(max-width:850px){.site-footer{padding:52px 22px 28px}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-legal{gap:10px 18px}}

/* V3.1 — pot détouré, arrivée de loin en rotation puis flottement discret */
.glass-stage{overflow:visible;isolation:isolate}
.hero-floating-jar{position:relative;width:96%;height:96%;display:grid;place-items:center;opacity:0;transform:translate3d(115px,-95px,-350px) rotate(-40deg) scale(.25);animation:jar-arrive 1.7s cubic-bezier(.17,.85,.23,1.05) .35s forwards,jar-hover 5.5s ease-in-out 2.05s infinite;filter:drop-shadow(18px 36px 28px #0009) drop-shadow(0 0 25px #ff50102c);will-change:transform}
.hero-floating-jar img{display:block;width:100%;height:100%;object-fit:contain}
.glass-aura{z-index:-1}
.glass-glint,.glass-shell{display:none!important}
@keyframes jar-arrive{to{opacity:1;transform:translate3d(0,0,0) rotate(-11deg) scale(1)}}
@keyframes jar-hover{0%,100%{transform:translateY(0) rotate(-11deg)}50%{transform:translateY(-13px) rotate(-8deg)}}
.footer-still-life{height:clamp(145px,20vw,275px);width:100%;background-image:url('assets/bandeau-ingredients-noir-v56.webp?v=footer-black-1');background-size:cover;background-position:center 57%;margin:0 auto 24px;border-radius:4px;box-shadow:0 10px 45px #0006;position:relative}
.footer-still-life:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 18px 26px #10090788,inset 0 -18px 24px #10090788}
.site-footer{padding-top:28px}
@media(max-width:850px){.hero-floating-jar{width:92%;height:92%}.footer-still-life{height:180px;background-position:center center}}
@media(prefers-reduced-motion:reduce){.hero-floating-jar{animation:none!important;opacity:1;transform:rotate(-10deg)!important;will-change:auto}}


/* V3.2 : bandeau ingrédients pleine largeur, collé à la section précédente. */
.site-footer{padding:0!important;margin:0!important;border-top:0!important;display:block}
.footer-still-life{display:block;width:100vw;max-width:100%;height:clamp(190px,23vw,350px);margin:0!important;border-radius:0!important;background-size:cover;background-position:center 54%;box-shadow:none!important}
.footer-still-life:after{box-shadow:inset 0 26px 40px #10090745,inset 0 -22px 32px #10090799}
.footer-bottom{padding:30px clamp(22px,7vw,120px) 24px;margin:0}
@media(max-width:850px){.footer-still-life{height:clamp(170px,45vw,260px);background-position:50% center}.footer-bottom{padding:26px 22px 25px}}

/* Interaction : le pot reste incliné et un ruban de sauce apparaît au survol.
   Pas de couvercle détaché : il faut préserver la lisibilité de l'étiquette. */
.hero-jar-interaction{position:relative;width:96%;height:96%;display:grid;place-items:center;isolation:isolate;cursor:pointer;outline-offset:8px}
.hero-jar-interaction .hero-floating-jar{width:100%;height:100%;z-index:2;transition:filter .35s ease}
.hero-jar-interaction:hover .hero-floating-jar,.hero-jar-interaction:focus-visible .hero-floating-jar{filter:drop-shadow(18px 36px 28px #0009) drop-shadow(0 0 34px #ff661070)}
.sauce-orbit{position:absolute;z-index:1;left:4%;top:16%;width:92%;height:66%;border-radius:50%;opacity:0;pointer-events:none;transform:rotate(-28deg) scale(.85);transition:opacity .4s,transform .65s}
.sauce-orbit-one{border:clamp(5px,.8vw,11px) solid transparent;border-top-color:#e23d16;border-bottom-color:#ff7d26;filter:drop-shadow(0 0 12px #ff3d14) drop-shadow(0 0 4px #ffb251)}
.sauce-orbit-two{left:12%;top:21%;width:78%;height:57%;border:clamp(3px,.45vw,6px) solid transparent;border-left-color:#ff9a36;border-right-color:#b52b15;filter:drop-shadow(0 0 8px #f74b16);transform:rotate(35deg) scale(.85)}
.hero-jar-interaction:hover .sauce-orbit,.hero-jar-interaction:focus-visible .sauce-orbit{opacity:.95;transform:rotate(16deg) scale(1);animation:sauce-swirl 3s ease-in-out infinite alternate}
.hero-jar-interaction:hover .sauce-orbit-two,.hero-jar-interaction:focus-visible .sauce-orbit-two{animation-delay:-1.2s;animation-direction:alternate-reverse}
.orbit-spark{position:absolute;z-index:3;width:9px;height:9px;background:#ffb340;border-radius:55% 45% 55% 45%;opacity:0;box-shadow:0 0 16px 5px #ff4a20;pointer-events:none}
.spark-one{top:17%;right:13%}.spark-two{bottom:22%;left:8%}
.hero-jar-interaction:hover .orbit-spark,.hero-jar-interaction:focus-visible .orbit-spark{opacity:1;animation:ember-dance 1.5s ease-in-out infinite alternate}
.hero-jar-interaction:hover .spark-two,.hero-jar-interaction:focus-visible .spark-two{animation-delay:-.7s}
@keyframes sauce-swirl{0%{transform:rotate(-15deg) scale(.93)}100%{transform:rotate(23deg) scale(1.06)}}
@keyframes ember-dance{to{transform:translate(9px,-16px) scale(.55);opacity:.4}}
@media(hover:none){.hero-jar-interaction{cursor:default}}
@media(prefers-reduced-motion:reduce){.sauce-orbit,.orbit-spark{animation:none!important;transition:none!important}.hero-jar-interaction:hover .sauce-orbit,.hero-jar-interaction:focus-visible .sauce-orbit{opacity:.8;transform:rotate(0) scale(1)}}

/* V3.3 — ruban de sauce pimentée texturé, avec deux piments dessinés dans le tourbillon */
.sauce-orbit,.orbit-spark{display:none!important}
.chili-vortex{position:absolute;z-index:3;inset:-10%;width:120%;height:120%;overflow:visible;opacity:0;transform:scale(.78) rotate(-24deg);pointer-events:none;transition:opacity .45s ease,transform .7s cubic-bezier(.16,.8,.3,1);filter:drop-shadow(0 0 9px #fb430a9c)}
.chili-vortex .vortex-rotation{transform-origin:50% 50%}
.hero-jar-interaction .hero-floating-jar{z-index:2}
.hero-jar-interaction .hero-floating-jar img{transition:transform 1s cubic-bezier(.18,.75,.24,1),filter .6s;transform-origin:50% 52%}
.hero-jar-interaction:hover .chili-vortex,.hero-jar-interaction:focus-visible .chili-vortex{opacity:1;transform:scale(1) rotate(0)}
.hero-jar-interaction:hover .vortex-rotation,.hero-jar-interaction:focus-visible .vortex-rotation{animation:chili-vortex-orbit 5s linear infinite}
.hero-jar-interaction:hover .hero-floating-jar img,.hero-jar-interaction:focus-visible .hero-floating-jar img{transform:rotate(17deg) scale(1.035);filter:drop-shadow(0 0 16px #f9511470)}
@keyframes chili-vortex-orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media(hover:none){.chili-vortex{opacity:.75;transform:scale(.96) rotate(0)}.chili-vortex .vortex-rotation{animation:chili-vortex-orbit 13s linear infinite}}
@media(prefers-reduced-motion:reduce){.chili-vortex .vortex-rotation{animation:none!important}.hero-jar-interaction .hero-floating-jar img{transition:none!important}}

/* V3.4 — aucun élément ne gravite autour du pot. Inclinaison au survol conservée. */
.chili-vortex,.sauce-orbit,.orbit-spark{display:none!important}

/* V3.5 : mise au point 3D au pied de page, avec fondu progressif en haut. */
.footer-still-life{position:relative;isolation:isolate;overflow:visible!important;background:none!important;height:clamp(220px,25vw,350px)!important;margin-top:0!important;cursor:default;z-index:2}
.footer-ingredients-back{position:absolute;inset:0;z-index:0;background:url('assets/bandeau-ingredients-noir-v56.webp?v=footer-black-1') center 52%/cover no-repeat;transform:scale(1);filter:blur(0);transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .8s ease;will-change:transform,filter;overflow:hidden}
.footer-ingredients-shade{position:absolute;inset:-2px 0 0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#130d0a 0%,#130d0af2 5%,#130d0a85 18%,transparent 42%,transparent 75%,#100907ad 100%)}
.footer-still-life:after{display:none!important}
.footer-product-jar{position:absolute;z-index:3;left:50%;bottom:2%;height:94%;width:auto;max-width:38%;object-fit:contain;transform:translateX(-50%) translateY(0) scale(1);transform-origin:50% 75%;filter:drop-shadow(0 14px 18px #000a);transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease;will-change:transform;pointer-events:auto}
@media(hover:hover) and (pointer:fine){.footer-still-life:hover .footer-ingredients-back{filter:blur(7px) brightness(.75);transform:scale(.955)}.footer-still-life:hover .footer-product-jar{transform:translateX(-50%) translateY(-20px) scale(1.18);filter:drop-shadow(0 24px 28px #000c) drop-shadow(0 0 14px #ff5c122e)}}
.footer-bottom{position:relative;z-index:1}
@media(max-width:850px){.footer-still-life{height:clamp(200px,49vw,270px)!important}.footer-product-jar{height:88%;max-width:48%}.footer-ingredients-shade{background:linear-gradient(to bottom,#130d0a 0%,#130d0ad9 12%,transparent 45%,#1009078c 100%)}}
@media(prefers-reduced-motion:reduce){.footer-product-jar,.footer-ingredients-back{transition:none!important;will-change:auto}}

/* V3.6 : illustration parfaitement nette au repos ; flou seulement au survol. */
.footer-ingredients-back{filter:none!important;transform:scale(1);background-position:center 52%}
@media(hover:hover) and (pointer:fine){.footer-still-life:hover .footer-ingredients-back{filter:blur(6px) brightness(.83)!important;transform:scale(.975)}}

/* V3.7 — original non retouché : aucune reconstruction ni distorsion.
   Image parfaitement nette hors survol ; profondeur seulement au survol. */
.footer-ingredients-back{
 background-image:url('assets/bandeau-ingredients-noir-v56.webp?v=footer-black-1')!important;
 background-position:center center!important;
 background-size:cover!important;
 filter:none!important;
 transform:none!important;
}
.footer-still-life{overflow:hidden!important}
.footer-product-jar{bottom:1%!important;height:95%!important;z-index:4!important}
.footer-ingredients-shade{pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .footer-still-life:hover .footer-ingredients-back{
  filter:blur(6px) brightness(.82)!important;
  transform:scale(1.035)!important;
 }
 .footer-still-life:hover .footer-product-jar{
  transform:translateX(-50%) translateY(-13px) scale(1.12)!important;
 }
}
@media(max-width:850px){
 .footer-product-jar{height:88%!important}
}

.footer-still-life{overflow:visible!important}
.footer-ingredients-back{clip-path:inset(0)}

/* V3.8 — un seul pot visible au repos : celui de l'illustration d'origine.
   Le pot détouré n'apparaît qu'au survol, en avant-plan du fond flouté. */
.footer-product-jar{opacity:0!important;transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease,opacity .45s ease!important}
@media(hover:hover) and (pointer:fine){
 .footer-still-life:hover .footer-product-jar{opacity:1!important}
 .footer-still-life:hover .footer-ingredients-back{filter:blur(8px) brightness(.62)!important;transform:scale(1.025)!important}
}
.footer-bottom{border-top:0!important}
@media(hover:none){.footer-product-jar{display:none!important}}

/* V3.9 — fondu progressif et mouvement continu, sans apparition brusque */
.footer-product-jar{
 opacity:0!important;
 transform:translateX(-50%) translateY(8px) scale(.91)!important;
 transition:opacity 1.05s cubic-bezier(.22,1,.36,1),
            transform 1.15s cubic-bezier(.22,1,.36,1),
            filter 1.05s ease!important;
}
.footer-ingredients-back{
 transition:filter 1.2s cubic-bezier(.22,1,.36,1),
            transform 1.2s cubic-bezier(.22,1,.36,1)!important;
}
@media(hover:hover) and (pointer:fine){
 .footer-still-life:hover .footer-product-jar{
  opacity:1!important;
  transform:translateX(-50%) translateY(-15px) scale(1.105)!important;
 }
 .footer-still-life:hover .footer-ingredients-back{
  filter:blur(6px) brightness(.73)!important;
  transform:scale(1.02)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .footer-product-jar,.footer-ingredients-back{transition:none!important}
}

/* V4.2 — retour au bandeau au survol de V3.9, sans animation au scroll. */
/* Petite sonnerie uniquement au survol du numéro (et au focus clavier). */
@keyframes bobo-phone-ring{
 0%,100%{transform:rotate(0)}
 12%,32%,52%{transform:rotate(-18deg)}
 22%,42%,62%{transform:rotate(18deg)}
 72%{transform:rotate(-8deg)}
 82%{transform:rotate(0)}
}
.contact-phone .phone-icon{transform-origin:50% 50%;will-change:auto}
@media(hover:hover) and (pointer:fine){
 .contact-phone:hover .phone-icon{animation:bobo-phone-ring .72s ease-in-out 1}
}
.contact-phone:focus-visible .phone-icon{animation:bobo-phone-ring .72s ease-in-out 1}
@media(prefers-reduced-motion:reduce){
 .contact-phone:hover .phone-icon,.contact-phone:focus-visible .phone-icon{animation:none!important}
}

/* V4.6 — présentoir PLV détouré, sans slogans redondants dans l'image */
.reseller-display{position:relative;isolation:isolate;display:block;width:100%;max-width:560px;margin-inline:auto;transform-origin:center 75%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease;filter:drop-shadow(0 24px 35px #0008)}
.reseller-display>img{display:block;width:100%;height:auto;object-fit:contain}
.reseller-display .display-spark{position:absolute;z-index:2;width:19%;aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(ellipse,#ffb13a52 0%,#ff5c191a 34%,transparent 68%);filter:blur(4px);transform:translateY(8px) scale(.6);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.reseller-display .spark-one{top:48%;left:12%}.reseller-display .spark-two{top:54%;left:49%}.reseller-display .spark-three{top:64%;left:71%}
@media(hover:hover) and (pointer:fine){
 .reseller-display:hover{transform:translateY(-9px) rotate(-.4deg) scale(1.025);filter:drop-shadow(0 32px 42px #000b)}
 .reseller-display:hover .display-spark{opacity:1;transform:translateY(-15px) scale(1.15)}
 .reseller-display:hover .spark-two{transition-delay:.08s}
 .reseller-display:hover .spark-three{transition-delay:.16s}
}
@media(prefers-reduced-motion:reduce){.reseller-display,.reseller-display .display-spark{transition:none!important}.reseller-display:hover{transform:none!important}}

/* V4.7 — PLV complète, étiquettes indépendantes, responsive et sans découpe. */
.reseller-grid{gap:clamp(22px,3vw,60px)!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important}
.reseller-grid>*{min-width:0}
.reseller-display{width:100%!important;max-width:740px!important;overflow:visible!important;transform:none!important;filter:none!important;isolation:isolate}
.reseller-display>.display-main{width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important}
.reseller-display .display-labels{position:absolute;inset:0;pointer-events:none;z-index:3}
.reseller-display .display-label{position:absolute;left:0;width:35.25%;height:auto;max-width:none;opacity:0;transform:translate3d(-28px,9px,0) scale(.92);transform-origin:85% 50%;filter:drop-shadow(0 9px 14px #0008);transition:opacity .36s ease,transform .55s cubic-bezier(.2,.85,.2,1)}
.reseller-display .label-one{top:14.5%}
.reseller-display .label-two{top:31.7%;transition-delay:.12s}
.reseller-display .label-three{top:45.2%;transition-delay:.24s}
.reseller-display.is-visible .display-label{opacity:1;transform:translate3d(0,0,0) scale(1)}
.reseller-display .display-jar-jump{position:absolute;left:57.1%;top:38.7%;width:21.5%!important;height:auto!important;max-width:none!important;z-index:4;opacity:0;pointer-events:none;transform:translate3d(0,0,0) rotate(0);transform-origin:50% 78%;filter:drop-shadow(0 13px 12px #0009)}
@keyframes bobo-jar-pop{0%{opacity:0;transform:translateY(0) rotate(0) scale(1)}15%{opacity:1}36%{transform:translateY(-24px) rotate(-8deg) scale(1.11)}65%{transform:translateY(-12px) rotate(6deg) scale(1.08)}100%{opacity:0;transform:translateY(0) rotate(0) scale(1)}}
@media(hover:hover) and (pointer:fine){.reseller-display:hover .display-jar-jump{animation:bobo-jar-pop .9s cubic-bezier(.22,.8,.22,1) both}}
@media(max-width:850px){.reseller-grid{grid-template-columns:1fr!important}.reseller-display{max-width:min(100%,610px)!important}}
@media(prefers-reduced-motion:reduce){.reseller-display .display-label{opacity:1;transform:none;transition:none}.reseller-display .display-jar-jump{display:none!important}}

/* V4.8 — aucun fond carré : transparence du présentoir sur le fond du site */
.reseller-display,
.reseller-display>.display-main,
.reseller-display .display-labels,
.reseller-display .display-label{
 background:transparent!important;
 box-shadow:none!important;
 border-radius:0!important;
}
.reseller-display{overflow:visible!important}
.reseller-display>.display-main{filter:drop-shadow(0 20px 25px #0007)}
/* Les étiquettes restent indépendantes, réagissent chacune au curseur. */
.reseller-display .display-labels{pointer-events:none!important}
.reseller-display .display-label{pointer-events:auto!important;cursor:default}
@media(hover:hover) and (pointer:fine){
 .reseller-display.is-visible .display-label:hover{
  transform:translate3d(0,-2px,0) scale(1.035)!important;
  filter:drop-shadow(0 12px 18px #0009)!important;
 }
}
.reseller-display .display-jar-jump{display:none!important}
@media(prefers-reduced-motion:reduce){
 .reseller-display.is-visible .display-label:hover{transform:none!important}
}

/* V5.0 : finition visuelle et accessibilité, sans changement d'animations existantes. */
.reseller-display{isolation:isolate}
.reseller-display::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:18%;top:9%;width:75%;height:82%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,108,23,.24) 0%,rgba(219,64,12,.12) 34%,rgba(123,31,5,.045) 58%,transparent 74%);filter:blur(25px);transform:scale(1.22)}
.product-image img{image-rendering:auto;object-fit:cover}
.product-image{background:#1b100c}
/* Touch targets and readable body copy. */
.nav a,.footer-bottom a{min-height:40px;display:inline-flex;align-items:center}
a:focus-visible,button:focus-visible{outline:2px solid #ffc15d;outline-offset:4px}
@media(max-width:850px){
 .product-copy p,.story p,.reseller p:not(.eyebrow),.contact p{font-size:16px!important;line-height:1.75!important}
 .btn{min-height:48px;padding:15px 21px}
 .contact-phone{display:inline-flex;min-height:48px;align-items:center}
 .reseller-display::before{filter:blur(16px);opacity:.8}
 .product-image{transform:none!important}
 .footer-ingredients-back{will-change:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V5.3 — présentoir contenu dans sa colonne, sans redimensionnement hasardeux. */
.reseller-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(28px,5vw,72px)!important;align-items:center!important}
.reseller-grid>*{min-width:0!important}
.reseller-display{position:relative!important;isolation:isolate!important;width:100%!important;max-width:480px!important;margin-inline:auto!important;overflow:visible!important;transform:none!important;filter:none!important}
.reseller-display:hover{transform:none!important;filter:none!important}
.reseller-display>.display-main{position:relative!important;z-index:1!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.reseller-display::before{content:""!important;position:absolute!important;z-index:0!important;inset:18% 8% 14% 8%!important;pointer-events:none!important;background:radial-gradient(ellipse,rgba(255,117,27,.34),rgba(234,77,15,.13) 48%,transparent 75%)!important;filter:blur(26px)!important}
.reseller-display .display-labels{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important}
.reseller-display .display-label{pointer-events:auto!important;max-width:none!important;transform-origin:50% 50%!important}
@media(hover:hover) and (pointer:fine){.reseller-display.is-visible .display-label:hover{transform:translate3d(0,0,0) scale(1.01)!important;filter:drop-shadow(0 9px 14px #0008)!important}}
@media(max-width:850px){.reseller-grid{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}.reseller-display{max-width:min(100%,480px)!important}}

/* Presentoir : aucun mouvement au survol ; etiquettes jaunes conservees. */
@media (hover:hover) and (pointer:fine) {
 .reseller-display:hover {transform:none!important;filter:none!important;}
 .reseller-display:hover>.display-main {transform:none!important;}
 .reseller-display:hover .display-spark {opacity:0!important;transform:none!important;}
 .reseller-display:hover .display-jar-jump {animation:none!important;display:none!important;}
}

/* V2 : neutralise totalement le survol du presentoir sans affecter l apparition des etiquettes au scroll. */
.reseller-display,.reseller-display *{pointer-events:none!important;}
.reseller-display:hover,.reseller-display:focus-within{transform:none!important;filter:none!important;}
.reseller-display:hover .display-main,.reseller-display:hover .display-label,.reseller-display:hover .display-spark{animation:none!important;transform:none!important;}
.reseller-display.is-visible .display-label,.reseller-display.is-visible:hover .display-label{transform:translate3d(0,0,0) scale(1)!important;}


/* Présentoir 9 pots détouré et 3 bandeaux indépendants : entrée au défilement */
.reseller-display{max-width:690px!important;padding-left:34%!important;box-sizing:border-box!important}
.reseller-display>.display-main{width:100%!important;height:auto!important;display:block!important;filter:drop-shadow(0 20px 24px rgba(0,0,0,.45))!important}
.reseller-display .display-labels{position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important}
.reseller-display .display-label{left:0!important;width:37%!important;opacity:0!important;transform:translate3d(-55px,15px,0) scale(.92)!important;transition:opacity .65s ease,transform .85s cubic-bezier(.18,.8,.2,1)!important}
.reseller-display .label-one{top:17%!important;transition-delay:.12s!important}
.reseller-display .label-two{top:37%!important;transition-delay:.28s!important}
.reseller-display .label-three{top:54%!important;transition-delay:.44s!important}
.reseller-display.is-visible .display-label{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
@media(max-width:600px){
.reseller-display{padding-left:31%!important}
.reseller-display .display-label{width:36%!important}
}
@media(prefers-reduced-motion:reduce){.reseller-display .display-label{opacity:1!important;transform:none!important;transition:none!important}}

/* Étiquettes jaunes détourées individuellement */
.reseller-display .display-label{object-fit:contain!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))!important;}

/* Ajustement demandé : pot d'accueil légèrement réduit, sans modifier ses animations */
.hero-floating-jar img{width:94%!important;height:auto!important;margin-inline:auto!important;display:block!important;}

/* Pied de page : trois contacts accessibles, sans numéro en grand */
.footer-bottom{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:20px 28px!important}
.footer-bottom>p{margin:0!important}
.footer-contact-icons{display:flex;align-items:center;gap:clamp(10px,2vw,22px);flex-wrap:wrap}
.footer-contact-icon{color:#ffbf29!important;text-decoration:none!important;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:68px;padding:9px 12px;border:1px solid rgba(255,186,38,.34);border-radius:15px;background:rgba(255,155,20,.055);transition:transform .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease}
.footer-contact-icon svg{width:30px;height:30px;display:block}
.footer-contact-icon span{font-size:10px;letter-spacing:.045em;font-weight:700;color:#f5e7c9}
.footer-contact-icon:hover,.footer-contact-icon:focus-visible{transform:translateY(-4px);background:rgba(255,160,25,.13);box-shadow:0 0 22px rgba(255,133,20,.19);border-color:#ffbf29;outline-offset:3px}
.footer-contact-phone:hover svg,.footer-contact-phone:focus-visible svg{animation:bobo-phone-ring .42s ease-in-out 2}
.footer-contact-mail:hover svg,.footer-contact-mail:focus-visible svg{animation:bobo-mail-lift .6s ease}
.footer-contact-instagram:hover svg,.footer-contact-instagram:focus-visible svg{animation:bobo-insta-pulse .7s ease}
@keyframes bobo-phone-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}
@keyframes bobo-mail-lift{50%{transform:translateY(-4px)}}
@keyframes bobo-insta-pulse{50%{transform:scale(1.16)}}
@media(max-width:640px){.footer-bottom{justify-content:center!important;text-align:center!important}.footer-contact-icons{justify-content:center;width:100%}.footer-contact-icon{min-width:74px}}
@media(prefers-reduced-motion:reduce){.footer-contact-icon,.footer-contact-icon svg{animation:none!important;transition:none!important}}

/* Icônes à la place du grand numéro, dans la section Contact */
.contact .footer-contact-icons, #contact .footer-contact-icons{justify-content:center;gap:clamp(12px,3vw,28px);margin:28px auto}
.contact .footer-contact-icon, #contact .footer-contact-icon{min-width:92px;padding:16px 18px}
.contact .footer-contact-icon svg, #contact .footer-contact-icon svg{width:39px;height:39px}

/* Contact : trois boutons ronds, icônes seules */
#contact .footer-contact-icons{display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,30px);margin:30px auto}
#contact .footer-contact-icon{width:82px!important;height:82px!important;min-width:82px!important;padding:0!important;box-sizing:border-box!important;border:2px solid #fbc52e!important;border-radius:50%!important;background:rgba(0,0,0,.42)!important;box-shadow:0 0 18px rgba(247,164,21,.14)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:transform .28s ease,box-shadow .28s ease!important}
#contact .footer-contact-icon svg{width:37px!important;height:37px!important}
#contact .footer-contact-icon:hover,#contact .footer-contact-icon:focus-visible{transform:translateY(-4px) scale(1.07)!important;box-shadow:0 0 26px rgba(255,175,18,.38)!important}
#contact .footer-contact-icon span{display:none!important}
@media(max-width:600px){#contact .footer-contact-icon{width:70px!important;height:70px!important;min-width:70px!important}#contact .footer-contact-icon svg{width:31px!important;height:31px!important}}
@media(prefers-reduced-motion:reduce){#contact .footer-contact-icon{transition:none!important}}

/* Correction du signe parasite au survol des trois boutons de contact. */
#contact .footer-contact-icon::before,#contact .footer-contact-icon::after,#contact .footer-contact-icon svg::before,#contact .footer-contact-icon svg::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
#contact .footer-contact-icon,#contact .footer-contact-icon *{cursor:pointer!important;text-decoration:none!important}
#contact .footer-contact-icon:hover,#contact .footer-contact-icon:focus-visible{transform:none!important;box-shadow:0 0 26px rgba(255,175,18,.38)!important}
#contact .footer-contact-icon:hover svg,#contact .footer-contact-icon:focus-visible svg{animation:none!important;transform:none!important}