:root{
      --brick:#954A47;
      --brick-dark:#6F3331;
      --brick-soft:#C98A84;
      --cream:#F7F0E8;
      --cream-2:#EFE2D5;
      --paper:#FFFDFC;
      --ink:#272321;
      --muted:#6A625D;
      --sage:#7A816D;
      --gold:#B89362;
      --line:rgba(90,58,52,.14);
      --shadow:0 24px 65px rgba(78,50,43,.14);
      --shadow-soft:0 14px 36px rgba(78,50,43,.10);
      --radius:28px;
      --max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--cream);
      font-family:Arial,Helvetica,sans-serif;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:9999;
      opacity:.18;
      background-image:
        radial-gradient(circle at 17% 23%, rgba(77,43,37,.11) 0 1px, transparent 1px),
        radial-gradient(circle at 71% 62%, rgba(77,43,37,.09) 0 1px, transparent 1px);
      background-size:18px 18px,23px 23px;
      mix-blend-mode:multiply;
    }
    img{max-width:100%;display:block}
    a{color:inherit}
    button{font:inherit}
    .container{width:min(calc(100% - 40px),var(--max));margin:auto}
    .section{position:relative;padding:110px 0}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin:0 0 18px;
      color:var(--brick);
      font-size:12px;
      font-weight:800;
      letter-spacing:.17em;
      text-transform:uppercase;
    }
    .eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.65}
    h1,h2,h3{font-family:Arial,Helvetica,sans-serif;margin:0;color:var(--ink)}
    h1{font-size:clamp(54px,7vw,104px);line-height:.9;letter-spacing:-.05em;font-weight:800}
    h2{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.035em;font-weight:800}
    h3{font-size:29px;line-height:1.05;font-weight:800}
    .lead{font-size:clamp(17px,1.5vw,21px);line-height:1.75;color:var(--muted);max-width:650px}
    .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
    .btn{
      appearance:none;
      border:0;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:52px;
      padding:0 24px;
      border-radius:999px;
      font-weight:800;
      font-size:14px;
      text-decoration:none;
      transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
    }
    .btn:hover{transform:translateY(-3px)}
    .btn-primary{background:var(--brick);color:white;box-shadow:0 13px 30px rgba(149,74,71,.23)}
    .btn-primary:hover{background:var(--brick-dark);box-shadow:0 18px 38px rgba(149,74,71,.31)}
    .btn-ghost{background:rgba(255,255,255,.56);border:1px solid rgba(88,57,50,.15);color:var(--ink);backdrop-filter:blur(8px)}
    .btn-ghost:hover{background:white;border-color:rgba(149,74,71,.38)}
    .btn-light{background:white;color:var(--brick-dark);box-shadow:0 14px 34px rgba(20,12,10,.12)}
    .btn-outline-light{border:1px solid rgba(255,255,255,.62);color:white;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}

    /* Hero */
    .hero{
      min-height:100svh;
      padding:78px 0 78px;
      display:flex;
      align-items:center;
      isolation:isolate;
      background:
        radial-gradient(circle at 79% 42%, rgba(149,74,71,.14), transparent 30%),
        radial-gradient(circle at 13% 93%, rgba(184,147,98,.13), transparent 32%),
        linear-gradient(135deg,#FAF5EF 0%,#F6EEE6 58%,#EEE0D2 100%);
    }
    .hero::after{
      content:"PIZZERIA  •  FEU DE BOIS  •  LOMAGNE";
      position:absolute;
      right:-144px;top:46%;
      transform:rotate(90deg);
      color:rgba(149,74,71,.18);
      font-size:11px;font-weight:800;letter-spacing:.34em;
    }
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
    .hero-copy{position:relative;z-index:4}

    .hero-logo{width:min(320px,62vw);height:auto;margin:0 0 34px;mix-blend-mode:multiply}
    .hero h1 em{font-weight:600;color:var(--brick);font-style:italic}
    .hero .lead{margin-top:28px}
    .hero-art{position:relative;min-height:600px;display:grid;place-items:center}
    .pizza-stage{
      width:min(620px,46vw);
      aspect-ratio:980 / 921;
      position:relative;
      display:grid;
      place-items:center;
      user-select:none;
    }
    .pizza-stage::before,.pizza-stage::after{
      content:"";
      position:absolute;
      left:40.2%;
      top:57.9%;
      width:75%;
      aspect-ratio:1;
      border-radius:50%;
      transform:translate(-50%,-50%);
      border:1px solid rgba(149,74,71,.25);
      pointer-events:none;
      z-index:0;
    }
    .pizza-stage::after{
      width:87%;
      border-style:dashed;
      opacity:.5;
      animation:ring 40s linear infinite;
    }
    .pizza-disc{
      --pizza-rotation:0deg;
      --pizza-scale:1;
      width:100%;
      height:100%;
      position:relative;
      z-index:2;
      display:grid;
      place-items:center;
      filter:drop-shadow(0 38px 30px rgba(72,45,38,.22));
      transform:rotate(var(--pizza-rotation)) scale(var(--pizza-scale));
      transform-origin:40.2% 57.9%;
      cursor:grab;
      touch-action:none;
      will-change:transform;
      transition:filter .3s ease;
    }
    .pizza-stage:hover .pizza-disc{
      --pizza-scale:1.025;
      filter:drop-shadow(0 44px 35px rgba(72,45,38,.30));
    }
    .pizza-disc.is-dragging{
      --pizza-scale:1.04;
      cursor:grabbing;
    }
    .pizza-disc:focus-visible{
      outline:3px solid rgba(149,74,71,.55);
      outline-offset:8px;
      border-radius:38%;
    }
    .pizza-disc img{
      width:100%;
      height:100%;
      object-fit:contain;
      pointer-events:none;
      user-select:none;
      -webkit-user-drag:none;
    }
    .float-note{
      position:absolute;background:rgba(255,253,252,.91);backdrop-filter:blur(12px);
      padding:16px 18px;border:1px solid rgba(149,74,71,.11);border-radius:18px;
      box-shadow:var(--shadow-soft);z-index:4;
    }
    .float-note small{display:block;text-transform:uppercase;letter-spacing:.13em;color:var(--brick);font-size:9px;font-weight:800;margin-bottom:4px}
    .float-note b{font-size:13px}
    .note-a{left:-5%;top:18%;transform:rotate(-5deg)}
    .note-b{right:-2%;top:8%;bottom:auto;transform:rotate(4deg)}
    @keyframes ring{to{transform:translate(-50%,-50%) rotate(360deg)}}

    .marquee{
      background:var(--brick);color:white;padding:17px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)
    }
    .marquee-track{display:flex;gap:34px;white-space:nowrap;min-width:max-content;animation:marquee 28s linear infinite;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .marquee-track span::after{content:"✦";margin-left:34px;opacity:.45}
    @keyframes marquee{to{transform:translateX(-50%)}}

    /* Story */
    .story{background:var(--paper)}
    .story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
    .photo-stack{
  height:700px;
  position:relative;
}

.stack-card{
  position:absolute;
  width:62%;
  height:420px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(45,34,30,.20);
  border:7px solid rgba(255,253,252,.92);
  opacity:0;
  transform:translateY(80px) scale(.94);
  transition:opacity .75s ease,transform .9s cubic-bezier(.2,.75,.22,1);
  background:#ddd;
}

.stack-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.stack-card:nth-child(1){
  left:0;
  top:0;
  --rot:-8deg;
  z-index:1;
}

.stack-card:nth-child(2){
  left:19%;
  top:100px;
  --rot:1.5deg;
  z-index:2;
  transition-delay:.16s;
}

.stack-card:nth-child(3){
  left:38%;
  top:200px;
  --rot:8deg;
  z-index:3;
  transition-delay:.32s;
}
    .stack-card{transform:translateY(80px) rotate(var(--rot)) scale(.94)}
    .photo-stack.in-view .stack-card{opacity:1;transform:translateY(0) rotate(var(--rot)) scale(1)}
    .story-points{display:grid;gap:18px;margin-top:36px}
    .story-point{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:15px 0;border-top:1px solid var(--line)}
    .story-point .n{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--brick);font-weight:800;font-size:11px}
    .story-point b{display:block;margin-bottom:5px}.story-point span{color:var(--muted);font-size:14px;line-height:1.6}

    /* Menu */
    .menu-section{
      background:
        linear-gradient(rgba(247,240,232,.95),rgba(247,240,232,.95)),
        repeating-linear-gradient(90deg,transparent 0 48px,rgba(149,74,71,.035) 48px 49px),
        repeating-linear-gradient(0deg,transparent 0 48px,rgba(149,74,71,.035) 48px 49px);
    }
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}
    .section-head .copy{max-width:550px;color:var(--muted);line-height:1.7}
    .menu-preview,.menu-more{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .pizza-card{
      position:relative;background:rgba(255,253,252,.92);border:1px solid rgba(149,74,71,.10);border-radius:22px;padding:24px;
      box-shadow:0 13px 34px rgba(72,49,42,.07);transition:.28s ease;overflow:hidden;
    }
    .pizza-card::after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;border:1px dashed rgba(149,74,71,.13);right:-39px;bottom:-38px}
    .pizza-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(72,49,42,.12);border-color:rgba(149,74,71,.23)}
    .pizza-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:11px}
    .pizza-name{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:800;line-height:1.05}
    .pizza-price{color:var(--brick);font-weight:800;white-space:nowrap;font-size:15px}
    .pizza-desc{color:var(--muted);font-size:13px;line-height:1.65;margin:0}
    .menu-more{margin-top:18px;max-height:0;overflow:hidden;opacity:0;transition:max-height .8s ease,opacity .5s ease}
    .menu-more.open{max-height:5000px;opacity:1}
    .menu-actions{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}
    .menu-note{text-align:center;margin-top:18px;color:var(--muted);font-size:12px}

    /* Foodtruck */
    .foodtruck{background:var(--paper)}
    .food-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
    .food-image{position:relative}
    .food-image img{height:560px;width:100%;object-fit:cover;border-radius:34px;box-shadow:var(--shadow);transform:rotate(1.3deg)}
    .food-image::before{content:"";position:absolute;inset:24px -24px -24px 24px;border-radius:34px;background:var(--cream-2);z-index:-1}
    .mini-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
    .mini-card div{padding:19px;border-radius:18px;background:var(--cream);border:1px solid var(--line)}
    .mini-card b{display:block;font-size:13px;color:var(--brick);margin-bottom:5px}.mini-card span{font-size:13px;color:var(--muted)}

    /* Social gallery */
    .social{background:var(--cream)}
    .social-head{text-align:center;max-width:800px;margin:0 auto 42px}
    .social-head .eyebrow{justify-content:center}.social-head .eyebrow::before{display:none}
    .social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .social-item{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-soft)}
    .social-item:nth-child(2),.social-item:nth-child(5){transform:translateY(28px)}
    .social-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}
    .social-item::after{content:"↗";position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,252,.86);color:var(--brick);font-weight:800;opacity:0;transform:translateY(6px);transition:.3s}
    .social-item:hover img{transform:scale(1.055);filter:saturate(1.07)}
    .social-item:hover::after{opacity:1;transform:translateY(0)}
    .social-actions{display:flex;justify-content:center;gap:12px;margin-top:60px;flex-wrap:wrap}

    /* Info */
    .info{background:var(--paper)}
    .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .info-card{border-radius:28px;padding:36px;background:var(--cream);border:1px solid var(--line);box-shadow:0 10px 28px rgba(68,48,43,.05)}
    .info-card h3{font-size:39px;margin-bottom:22px}
    .address{font-size:18px;line-height:1.75;color:var(--muted)}
    .hours{display:grid;grid-template-columns:1fr auto;gap:10px 25px;font-size:14px}
    .hours span:nth-child(2n){font-weight:700}.hours .closed{color:var(--brick)}
    .info-card .btns{margin-top:28px}

    /* Contact */
    .contact-wrap{padding:0 20px 22px;background:var(--paper)}
    .contact-cta{
      position:relative;min-height:570px;border-radius:38px;overflow:hidden;display:grid;place-items:center;text-align:center;color:white;
      background-image:linear-gradient(rgba(40,24,20,.43),rgba(40,24,20,.66)),var(--contact-bg);
      background-size:cover;background-position:center 58%;box-shadow:var(--shadow);
    }
    .contact-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 0 18%,rgba(34,20,17,.23) 75%)}
    .contact-inner{
  position:relative;
  z-index:2;
  width:min(1180px,94%);
}
    .contact-inner .eyebrow{color:#F2CBC8;justify-content:center}.contact-inner .eyebrow::before{display:none}
    .contact-inner h2{
  color:white;
  font-size:clamp(64px,6.6vw,126px);
  line-height:.92;
  text-decoration:none;
}

@media(min-width:1100px){
  .contact-inner h2{
    white-space:nowrap;
  }
}
    .contact-inner p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.86);max-width:600px;margin:18px auto 0}
    .contact-inner .btns{justify-content:center}

    /* Footer */
    footer{background:#241F1D;color:#CFC5BE;padding:32px 0 26px;font-size:11px}
    .footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
    footer a{color:white;text-decoration:none}
    .photo-credit{opacity:.48;font-size:9px;line-height:1.4}

    /* Modal menu */
    .modal{
      position:fixed;inset:0;z-index:2000;background:rgba(32,24,21,.72);backdrop-filter:blur(14px);
      display:none;align-items:stretch;justify-content:center;padding:24px;
    }
    .modal.open{display:flex}
    .modal-panel{
      width:min(1400px,100%);height:calc(100svh - 48px);overflow:auto;background:var(--cream);border-radius:30px;box-shadow:0 40px 100px rgba(0,0,0,.30);position:relative;
      background-image:radial-gradient(circle at 20% 10%,rgba(149,74,71,.08),transparent 30%);
    }
    .modal-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;background:rgba(247,240,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
    .modal-head h2{font-size:44px}.modal-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
    .modal-close{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:white;font-size:23px;cursor:pointer;color:var(--ink)}
    .modal-body{padding:30px}
    .modal-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .modal-supp{margin:28px 0 8px;padding:24px;border-radius:20px;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.8}
    .modal-open-body{overflow:hidden}

    @media(max-width:980px){
      .nav a,.nav button{text-align:left;padding:14px 16px}.burger{display:block}
      .hero{padding-top:64px;min-height:auto}.hero-grid,.story-grid,.food-grid,.info-grid{grid-template-columns:1fr}.hero-grid{gap:20px}.hero-copy{text-align:center}.hero .lead{margin-left:auto;margin-right:auto}.hero .btns{justify-content:center}.hero-art{min-height:520px}.pizza-stage{width:min(480px,78vw)}.hero::after{display:none}
      .story-grid{gap:46px}.photo-stack{height:620px}.story-copy{max-width:720px;margin:auto}
      .section-head{align-items:flex-start;flex-direction:column}.menu-preview,.menu-more,.modal-menu{grid-template-columns:repeat(2,1fr)}
      .food-grid{gap:40px}.food-image{order:-1}.food-image img{height:460px}
      .social-grid{grid-template-columns:repeat(2,1fr)}.social-item:nth-child(2),.social-item:nth-child(5){transform:none}
    }
    @media(max-width:640px){
      .container{width:min(calc(100% - 28px),var(--max))}.section{padding:78px 0}
      .hero{padding-top:48px}.hero h1{font-size:62px}.hero-art{min-height:410px}.pizza-stage{width:86vw}.note-a{left:0;top:8%}.note-b{right:0;bottom:8%}
      .marquee{padding:14px 0}
      .photo-stack{height:470px}.stack-card{height:330px;width:78%}.stack-card:nth-child(2){left:11%;top:70px}.stack-card:nth-child(3){left:22%;top:118px}
      .menu-preview,.menu-more,.modal-menu{grid-template-columns:1fr}.pizza-card{padding:21px}.menu-actions .btn{width:100%}
      .food-image img{height:400px}.mini-card{grid-template-columns:1fr}
      .social-grid{grid-template-columns:1fr 1fr;gap:10px}.social-actions .btn{width:100%}
      .info-card{padding:27px}.hours{grid-template-columns:1fr auto}
      .contact-wrap{padding:0 10px 10px}.contact-cta{min-height:520px;border-radius:28px}.contact-inner .btn{width:100%}
      .modal{padding:0}.modal-panel{height:100svh;border-radius:0}.modal-head{padding:18px}.modal-head h2{font-size:35px}.modal-body{padding:16px}
      .footer-row{flex-direction:column;align-items:flex-start}
    }
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pizza-disc,.pizza-stage::after,.marquee-track{animation:none!important}.stack-card{transition:none!important}}

/* ============================================================
   AJUSTEMENTS V2 — RÉSEAUX EN HAUT + FOOTER ULTRA-DISCRET
   ============================================================ */
.hero-brand-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 34px;
}
.hero-brand-row .hero-logo{
  margin:0;
}
.hero-social-icons{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.hero-social-icon{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(149,74,71,.24);
  background:rgba(255,253,252,.62);
  color:var(--brick);
  text-decoration:none;
  box-shadow:0 7px 20px rgba(78,50,43,.07);
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.hero-social-icon:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:rgba(149,74,71,.48);
  box-shadow:0 11px 24px rgba(78,50,43,.11);
}
.hero-social-icon svg{
  width:18px;
  height:18px;
}

footer{
  background:linear-gradient(90deg,#241F1D 0%,#332321 52%,#241F1D 100%);
  color:rgba(255,255,255,.54);
  padding:7px 0 6px;
  font-size:9px;
  line-height:1.2;
  border-top:1px solid rgba(149,74,71,.42);
}
.footer-row{
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  flex-wrap:nowrap;
  text-align:center;
}
.footer-row > div:first-child{
  opacity:.72;
}
footer a{
  color:rgba(255,255,255,.76);
  text-decoration:none;
}
.footer-social-icons,
.photo-credit{
  display:none !important;
}

/* Correctif Safari iPhone pour les petits cartouches autour de la pizza */
@media(max-width:640px){
  .float-note{
    position:absolute !important;
    inset:auto !important;
    display:block !important;
    width:max-content !important;
    max-width:calc(100vw - 40px) !important;
    height:max-content !important;
    min-height:0 !important;
    max-height:none !important;
    padding:14px 16px !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
  }
  .float-note small,
  .float-note b{
    display:block !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
  }
  .float-note b{white-space:nowrap}
  .note-a{left:8px !important;top:8% !important;right:auto !important;bottom:auto !important}
  .note-b{right:8px !important;bottom:8% !important;left:auto !important;top:auto !important}

  .hero-brand-row{
    justify-content:center;
    gap:9px;
    margin-bottom:30px;
  }
  .hero-social-icon{
    width:32px;
    height:32px;
  }
  .hero-social-icon svg{
    width:16px;
    height:16px;
  }

  footer{
    padding:6px 0 5px;
    font-size:8px;
  }
  .footer-row{
    min-height:20px;
    flex-direction:row;
    align-items:center;
    justify-content:center;
  }
}



/* ============================================================
   PATCH V3 — FOOD-TRUCK ÉPURÉ + GALERIE SOCIALE EN FIL CONTINU
   ============================================================ */
.foodtruck .mini-card{
  display:none !important;
}
.food-grid{
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
.food-grid > div:first-child{
  align-self:center;
}
.foodtruck .lead{
  margin-bottom:0;
}

/* Galerie de secours façon flux Instagram continu.
   Le JS du thème duplique les 6 images et calcule la distance exacte. */
.social{
  overflow:hidden;
}
.social .container{
  overflow:visible;
}
.social-grid{
  --social-shift:0px;
  display:flex !important;
  grid-template-columns:none !important;
  gap:14px;
  width:max-content;
  max-width:none;
  will-change:transform;
  animation:socialRail 34s linear infinite;
}
.social-item,
.social-item:nth-child(2),
.social-item:nth-child(5){
  flex:0 0 clamp(230px,24vw,340px);
  width:clamp(230px,24vw,340px);
  transform:none !important;
}
@keyframes socialRail{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--social-shift)),0,0)}
}
@media(hover:hover) and (pointer:fine){
  .social-grid:hover{animation-play-state:paused}
}
@media(max-width:980px){
  .food-grid{grid-template-columns:1fr;gap:40px}
  .social-item,
  .social-item:nth-child(2),
  .social-item:nth-child(5){
    flex-basis:clamp(220px,46vw,310px);
    width:clamp(220px,46vw,310px);
  }
}
@media(max-width:640px){
  .social-item,
  .social-item:nth-child(2),
  .social-item:nth-child(5){
    flex-basis:72vw;
    width:72vw;
  }
  .social-grid{animation-duration:30s}
}
@media(prefers-reduced-motion:reduce){
  .social{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .social-grid{animation:none !important}
}


/* ============================================================
   PATCH V5 — CORRECTIONS DÉFINITIVES
   ============================================================ */

/* 1. Food-truck : aucune bulle d'adresse / téléphone */
.foodtruck .mini-card{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.food-grid{
  align-items:center !important;
}
.food-grid > div:first-child{
  align-self:center !important;
}

/* 2. Réseaux à côté du logo principal */
.hero-brand-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 34px !important;
}
.hero-brand-row .hero-logo{
  margin:0 !important;
  flex:0 1 auto !important;
}
.hero-social-icons{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
}
.hero-social-icon{
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  border:1px solid rgba(149,74,71,.28) !important;
  background:rgba(255,253,252,.78) !important;
  color:var(--brick) !important;
  text-decoration:none !important;
  box-shadow:0 7px 20px rgba(78,50,43,.07) !important;
}
.hero-social-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

/* 3. Footer : uniquement "Propulsé par LeCanadair informatique" */
footer{
  padding:5px 0 4px !important;
  font-size:8px !important;
  line-height:1.1 !important;
}
footer .footer-row{
  min-height:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  text-align:center !important;
}
footer .footer-row > div:nth-child(n+2){
  display:none !important;
}
footer .photo-credit,
footer .footer-social-icons{
  display:none !important;
}

/* 4. iPhone / petit écran : cartouches pizza à taille FIXE.
      On évite complètement le bug Safari qui étirait "Ouvert" en hauteur. */
@media(max-width:640px){
  .pizza-stage{
    position:relative !important;
  }

  .float-note{
    position:absolute !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    margin:0 !important;
    min-height:0 !important;
    max-height:70px !important;
    height:70px !important;
    padding:10px 12px !important;
    overflow:hidden !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform:none !important;
  }

  .float-note small{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 0 4px !important;
    line-height:1 !important;
    font-size:9px !important;
    flex:0 0 auto !important;
  }

  .float-note b{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    line-height:1.15 !important;
    font-size:12px !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }

  .note-a{
    left:4px !important;
    top:8% !important;
    right:auto !important;
    bottom:auto !important;
    width:145px !important;
  }

  .note-b{
    right:4px !important;
    top:27% !important;
    left:auto !important;
    bottom:auto !important;
    width:218px !important;
  }

  .hero-brand-row{
    justify-content:center !important;
    gap:8px !important;
    margin-bottom:30px !important;
  }

  .hero-brand-row .hero-logo{
    width:min(285px,72vw) !important;
  }

  .hero-social-icon{
    width:31px !important;
    height:31px !important;
  }

  .hero-social-icon svg{
    width:15px !important;
    height:15px !important;
  }
}


/* ============================================================
   PATCH V6 — PHOTOS EMPILÉES INTERACTIVES
   ============================================================ */

.photo-stack .stack-card{
  cursor:pointer;
  will-change:left,top,transform;
}

.photo-stack .stack-card:focus-visible{
  outline:3px solid rgba(149,74,71,.48);
  outline-offset:5px;
}

/* Positions desktop : fond / milieu / devant */
.photo-stack .stack-card[data-slot="0"]{
  left:0 !important;
  top:0 !important;
  z-index:1 !important;
  --rot:-8deg !important;
}

.photo-stack .stack-card[data-slot="1"]{
  left:19% !important;
  top:100px !important;
  z-index:2 !important;
  --rot:1.5deg !important;
}

.photo-stack .stack-card[data-slot="2"]{
  left:38% !important;
  top:200px !important;
  z-index:3 !important;
  --rot:8deg !important;
}

/* Une fois l'animation d'entrée terminée, les cartes permutent immédiatement */
.photo-stack.stack-ready .stack-card{
  transition:
    left .62s cubic-bezier(.2,.75,.22,1),
    top .62s cubic-bezier(.2,.75,.22,1),
    transform .72s cubic-bezier(.2,.75,.22,1),
    opacity .35s ease,
    box-shadow .4s ease !important;
  transition-delay:0s !important;
}

/* Léger relief sur la carte au premier plan */
.photo-stack.stack-ready .stack-card[data-slot="2"]{
  box-shadow:0 34px 78px rgba(45,34,30,.24) !important;
}

@media(hover:hover) and (pointer:fine){
  .photo-stack.stack-ready .stack-card:hover{
    filter:saturate(1.04);
  }
}

/* Positions tablette */
@media(max-width:980px){
  .photo-stack .stack-card[data-slot="0"]{
    left:0 !important;
    top:0 !important;
  }
  .photo-stack .stack-card[data-slot="1"]{
    left:19% !important;
    top:100px !important;
  }
  .photo-stack .stack-card[data-slot="2"]{
    left:38% !important;
    top:200px !important;
  }
}

/* Positions téléphone */
@media(max-width:640px){
  .photo-stack .stack-card[data-slot="0"]{
    left:0 !important;
    top:0 !important;
  }
  .photo-stack .stack-card[data-slot="1"]{
    left:11% !important;
    top:70px !important;
  }
  .photo-stack .stack-card[data-slot="2"]{
    left:22% !important;
    top:118px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .photo-stack.stack-ready .stack-card{
    transition:none !important;
  }
}


/* ============================================================
   PATCH V7 — CTA DYNAMIQUES
   ============================================================ */
.hero-cta-zone{
  display:flex;
  align-items:stretch;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.22,1);
}
.hero-cta-zone.is-visible{opacity:1;transform:translateY(0)}
.hero-cta{
  --mx:0px;--my:0px;
  position:relative;
  min-height:58px;
  border-radius:999px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid transparent;
  cursor:pointer;
  text-decoration:none;
  font:inherit;
  overflow:hidden;
  isolation:isolate;
  transform:translate(var(--mx),var(--my));
  transition:transform .22s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;
}
.hero-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.35) 48%,transparent 62%);
  transform:translateX(-130%);
}
.hero-cta-zone.is-visible .hero-cta:first-child::before{animation:ctaSweep 2.4s .7s ease 1}
.hero-cta svg{width:19px;height:19px;flex:0 0 auto}
.hero-cta-menu{
  background:var(--brick);
  color:white;
  box-shadow:0 16px 34px rgba(149,74,71,.26);
  font-weight:800;
}
.hero-cta-menu:hover{background:var(--brick-dark);box-shadow:0 21px 44px rgba(149,74,71,.34)}
.hero-cta-call{
  background:rgba(255,253,252,.74);
  border-color:rgba(149,74,71,.22);
  color:var(--ink);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(78,50,43,.08);
}
.hero-cta-call:hover{background:white;border-color:rgba(149,74,71,.42);box-shadow:0 18px 38px rgba(78,50,43,.13)}
.hero-cta-call>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.hero-cta-call small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px}
.hero-cta-call strong{font-size:14px}
@keyframes ctaSweep{to{transform:translateX(130%)}}

.mobile-action-bar{display:none}

@media(max-width:640px){
  .hero-cta-zone{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-top:26px}
  .hero-cta{width:100%;min-height:56px}
  .hero-cta-call>span{align-items:center}

  .mobile-action-bar{
    position:fixed;
    left:50%;
    bottom:12px;
    z-index:1500;
    transform:translate(-50%,18px) scale(.96);
    opacity:0;
    pointer-events:none;
    width:min(calc(100% - 24px),420px);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:7px;
    border-radius:999px;
    background:rgba(36,31,29,.92);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 20px 44px rgba(22,14,12,.28);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    transition:opacity .28s ease,transform .38s cubic-bezier(.2,.75,.22,1);
  }
  .mobile-action-bar.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
  .mobile-action{
    min-height:48px;
    border-radius:999px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font:inherit;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
  }
  .mobile-action svg{width:17px;height:17px}
  .mobile-action-menu{background:rgba(255,255,255,.10);color:white}
  .mobile-action-call{background:var(--brick);color:white;box-shadow:0 10px 24px rgba(149,74,71,.30)}
  body{padding-bottom:78px}
}

@media(prefers-reduced-motion:reduce){
  .hero-cta-zone,.hero-cta,.mobile-action-bar{transition:none!important}
  .hero-cta::before{animation:none!important}
}


/* ============================================================
   PATCH V8 — SUPPRESSION DU DOUBLON CTA DU HERO
   ============================================================ */

/* Cache uniquement l'ancien bloc de boutons du hero.
   Les nouveaux boutons dynamiques V7 restent visibles. */
.hero-copy > .btns{
  display:none !important;
}


/* ============================================================
   PATCH V9 — PIVOT NOUVELLE PLANCHE + AMBIANCE FEU DE BOIS
   ============================================================ */

/* Le centre de rotation correspond au centre réel de la nouvelle
   planche 1294×1216 : environ 520×704 px. */
.pizza-stage::before,
.pizza-stage::after{
  left:40.2% !important;
  top:57.9% !important;
}

.pizza-disc{
  transform-origin:40.2% 57.9% !important;
}

/* --- Ambiance autour de la pizza --- */
.oven-ambience{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:visible;
}

.oven-glow{
  position:absolute;
  left:40.2%;
  top:57.9%;
  width:79%;
  aspect-ratio:1;
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.96);
  background:
    radial-gradient(circle,
      rgba(184,147,98,.13) 0 28%,
      rgba(149,74,71,.09) 48%,
      rgba(149,74,71,0) 72%);
  filter:blur(18px);
  opacity:.68;
  animation:ovenBreath 5.6s ease-in-out infinite;
  transition:opacity .3s ease,filter .3s ease;
}

.pizza-stage.oven-awake .oven-glow{
  opacity:.92;
  filter:blur(15px);
}

/* Filaments de chaleur : volontairement presque imperceptibles. */
.heat-wisp{
  position:absolute;
  width:23px;
  height:82px;
  border-left:2px solid rgba(184,147,98,.18);
  border-radius:50%;
  filter:blur(.35px);
  opacity:0;
  transform-origin:50% 100%;
  animation:heatWisp 5.8s ease-in-out infinite;
}

.heat-wisp-1{
  left:31%;
  top:9%;
  animation-delay:.4s;
}
.heat-wisp-2{
  left:43%;
  top:6%;
  height:96px;
  animation-delay:2.2s;
}
.heat-wisp-3{
  left:55%;
  top:10%;
  height:74px;
  animation-delay:3.8s;
}

/* Micro-braises, peu nombreuses et non synchronisées. */
.oven-ember{
  position:absolute;
  left:var(--ember-left);
  top:var(--ember-top);
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(184,147,98,.92);
  box-shadow:
    0 0 5px rgba(184,147,98,.65),
    0 0 11px rgba(149,74,71,.28);
  opacity:0;
  animation:emberLift var(--ember-duration) ease-out var(--ember-delay) infinite;
}

@keyframes ovenBreath{
  0%,100%{
    transform:translate(-50%,-50%) scale(.95);
    opacity:.54;
  }
  50%{
    transform:translate(-50%,-50%) scale(1.04);
    opacity:.75;
  }
}

@keyframes heatWisp{
  0%,12%{
    opacity:0;
    transform:translate3d(0,13px,0) scaleY(.82) rotate(-6deg);
  }
  33%{
    opacity:.22;
  }
  70%{
    opacity:.08;
    transform:translate3d(8px,-24px,0) scaleY(1.08) rotate(7deg);
  }
  100%{
    opacity:0;
    transform:translate3d(-4px,-44px,0) scaleY(1.18) rotate(-4deg);
  }
}

@keyframes emberLift{
  0%,72%{
    opacity:0;
    transform:translate3d(0,0,0) scale(.7);
  }
  78%{
    opacity:.55;
  }
  100%{
    opacity:0;
    transform:translate3d(10px,-54px,0) scale(.2);
  }
}

/* --- Ambiance de fond du site ---
   Des halos chauds très diffus glissent lentement dans quelques sections.
   Ils restent derrière le contenu et ne gênent ni le texte ni les boutons. */
.story,
.menu-section,
.foodtruck,
.social,
.info{
  overflow:hidden;
}

.story::before,
.menu-section::before,
.foodtruck::after,
.social::before,
.info::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  opacity:.20;
  filter:blur(14px);
  background:
    radial-gradient(circle,
      rgba(201,138,132,.22) 0,
      rgba(184,147,98,.11) 36%,
      rgba(184,147,98,0) 70%);
  animation:ambientDrift 16s ease-in-out infinite alternate;
}

.story::before{
  right:-210px;
  top:12%;
}
.menu-section::before{
  left:-250px;
  top:22%;
  animation-delay:-5s;
}
.foodtruck::after{
  right:-260px;
  top:18%;
  animation-delay:-9s;
}
.social::before{
  left:-230px;
  top:10%;
  animation-delay:-3s;
}
.info::before{
  right:-240px;
  top:15%;
  animation-delay:-12s;
}

.story > .container,
.menu-section > .container,
.foodtruck > .container,
.social > .container,
.info > .container{
  position:relative;
  z-index:1;
}

@keyframes ambientDrift{
  from{
    transform:translate3d(-14px,-10px,0) scale(.94);
    opacity:.14;
  }
  to{
    transform:translate3d(28px,22px,0) scale(1.08);
    opacity:.24;
  }
}

/* Sur petit écran, on garde l'ambiance mais on allège encore. */
@media(max-width:640px){
  .oven-glow{
    opacity:.48;
    filter:blur(14px);
  }

  .heat-wisp{
    opacity:0;
  }

  .story::before,
  .menu-section::before,
  .foodtruck::after,
  .social::before,
  .info::before{
    width:360px;
    height:360px;
    opacity:.13;
  }
}

/* Respect du réglage "réduire les animations". */
@media(prefers-reduced-motion:reduce){
  .oven-glow,
  .heat-wisp,
  .oven-ember,
  .story::before,
  .menu-section::before,
  .foodtruck::after,
  .social::before,
  .info::before{
    animation:none !important;
  }

  .heat-wisp,
  .oven-ember{
    display:none !important;
  }
}


/* ============================================================
   PATCH V10 — BRASIER PLUS SPECTACULAIRE
   Halo plus enveloppant, braises plus vivantes, chaleur et traînée.
   ============================================================ */
.oven-ambience{z-index:1;mix-blend-mode:normal}
.oven-glow{
  width:108%;
  transform:translate(-50%,-50%) scale(.94);
  background:
    radial-gradient(circle at 50% 53%,rgba(255,220,135,.30) 0 16%,rgba(255,143,54,.28) 28%,rgba(207,73,31,.20) 47%,rgba(122,31,18,.10) 61%,rgba(122,31,18,0) 76%);
  filter:blur(22px);
  opacity:.90;
  animation:ovenBreathV10 3.9s ease-in-out infinite;
}
.oven-glow::before,.oven-glow::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
}
.oven-glow::before{
  inset:18%;border:1px solid rgba(255,177,78,.22);box-shadow:0 0 28px rgba(255,120,38,.18),inset 0 0 24px rgba(255,204,112,.12);
  animation:fireRingV10 4.8s ease-in-out infinite;
}
.oven-glow::after{
  inset:30%;background:radial-gradient(circle,rgba(255,224,151,.16),rgba(255,115,36,.06) 48%,transparent 72%);filter:blur(9px);
}
.pizza-stage.oven-awake .oven-glow{opacity:1;filter:blur(17px)}
.pizza-stage.oven-awake .pizza-disc img{filter:drop-shadow(0 0 10px rgba(255,151,59,.20)) drop-shadow(0 8px 20px rgba(82,27,12,.16))}
.pizza-disc img{transition:filter .3s ease}

.heat-wisp{width:30px;height:112px;border-left:2px solid rgba(255,180,91,.29);border-right:1px solid rgba(255,112,45,.11);filter:blur(.55px);animation:heatWispV10 4.7s ease-in-out infinite}
.heat-wisp-1{left:28%;top:5%}.heat-wisp-2{left:43%;top:1%;height:130px}.heat-wisp-3{left:58%;top:5%;height:105px}

.oven-ember{width:4px;height:4px;background:rgba(255,198,91,.98);box-shadow:0 0 5px rgba(255,220,135,.95),0 0 12px rgba(255,116,37,.72),0 0 20px rgba(184,49,23,.34);animation-name:emberLiftV10}
.oven-ember:nth-of-type(5n){width:2px;height:2px}.oven-ember:nth-of-type(4n){width:5px;height:5px}

.fire-streak{position:absolute;left:40.2%;top:57.9%;width:62%;height:62%;border-radius:50%;transform:translate(-50%,-50%);opacity:0;border:2px solid transparent;border-top-color:rgba(255,174,74,.0);border-right-color:rgba(255,103,34,.0);filter:blur(1px);transition:opacity .2s ease;pointer-events:none}
.pizza-stage.oven-awake .fire-streak{opacity:.68;border-top-color:rgba(255,190,88,.28);border-right-color:rgba(255,92,30,.20);animation:fireStreakV10 1.15s linear infinite;box-shadow:0 -9px 24px rgba(255,105,30,.08)}

@keyframes ovenBreathV10{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.72}48%{transform:translate(-50%,-50%) scale(1.07);opacity:1}62%{transform:translate(-50%,-50%) scale(1.02);opacity:.91}}
@keyframes fireRingV10{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.08);opacity:.75}}
@keyframes heatWispV10{0%,10%{opacity:0;transform:translate3d(0,20px,0) scaleY(.76) skewX(-5deg)}28%{opacity:.34}60%{opacity:.18;transform:translate3d(11px,-28px,0) scaleY(1.1) skewX(7deg)}100%{opacity:0;transform:translate3d(-8px,-66px,0) scaleY(1.28) skewX(-8deg)}}
@keyframes emberLiftV10{0%,62%{opacity:0;transform:translate3d(0,8px,0) scale(.55)}68%{opacity:.92}82%{opacity:.78;transform:translate3d(var(--ember-drift,12px),-34px,0) scale(1)}100%{opacity:0;transform:translate3d(var(--ember-drift,20px),-88px,0) scale(.12)}}
@keyframes fireStreakV10{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:640px){
  .oven-glow{width:104%;opacity:.76;filter:blur(18px)}
  .heat-wisp{display:block;transform:scale(.8);opacity:0}
  .oven-ember:nth-of-type(even){display:none}
  .fire-streak{width:58%;height:58%}
}
@media(prefers-reduced-motion:reduce){.fire-streak{display:none!important}.pizza-disc img{transition:none!important}}

/* ============================================================
   PATCH V11 — FOUR INCANDESCENT / SIGNATURE HERO
   Noyau organique, flammes abstraites, profondeur et réaction.
   ============================================================ */
.pizza-stage{isolation:isolate}
.pizza-disc{position:relative;z-index:3}
.oven-ambience{z-index:1;filter:saturate(1.16)}
.oven-glow{
  width:126%;opacity:1;filter:blur(19px);
  background:
    radial-gradient(ellipse at 49% 55%,rgba(255,248,207,.74) 0 6%,rgba(255,205,89,.64) 9%,rgba(255,111,25,.48) 24%,rgba(208,48,15,.34) 42%,rgba(89,12,8,.20) 59%,transparent 76%);
  animation:ovenBreathV11 2.75s cubic-bezier(.45,0,.25,1) infinite;
}
.oven-glow::before{inset:9%;border:0;background:conic-gradient(from 18deg,transparent 0 8%,rgba(255,93,18,.24) 13%,transparent 20% 32%,rgba(255,196,71,.20) 39%,transparent 47% 64%,rgba(225,49,14,.23) 72%,transparent 81%);filter:blur(13px);animation:fireOrbitV11 8s linear infinite}
.oven-glow::after{inset:24%;background:radial-gradient(ellipse at 50% 58%,rgba(255,255,225,.38),rgba(255,177,49,.22) 27%,rgba(239,69,13,.10) 55%,transparent 74%);filter:blur(6px);animation:corePulseV11 1.9s ease-in-out infinite}

.fire-tongue{position:absolute;left:40.2%;top:57.9%;width:16%;height:43%;transform-origin:50% 100%;border-radius:55% 45% 60% 40%;background:linear-gradient(to top,rgba(255,67,12,.03),rgba(255,118,18,.46) 46%,rgba(255,225,111,.28) 72%,transparent 96%);filter:blur(7px);opacity:.54;mix-blend-mode:screen;animation:flameLickV11 var(--flame-speed,2.5s) ease-in-out var(--flame-delay,0s) infinite}
.fire-tongue:nth-child(2n){filter:blur(10px);opacity:.38}

.heat-haze-v11{position:absolute;left:40.2%;top:48%;width:76%;height:68%;transform:translate(-50%,-50%);border-radius:48%;background:repeating-radial-gradient(ellipse at 50% 75%,transparent 0 13px,rgba(255,219,155,.045) 15px 17px,transparent 20px 29px);filter:blur(1px);opacity:.58;animation:hazeV11 3.2s ease-in-out infinite;mix-blend-mode:screen}

.ember-v11{position:absolute;left:var(--x);top:var(--y);width:var(--s,4px);height:var(--s,4px);border-radius:50%;background:#ffe3a0;box-shadow:0 0 5px #fff1c0,0 0 12px rgba(255,118,23,.95),0 0 25px rgba(219,42,8,.55);opacity:0;animation:emberBurstV11 var(--dur,3.8s) cubic-bezier(.2,.6,.3,1) var(--delay,0s) infinite}
.ember-front-v11{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}
.ember-front-v11 .ember-v11{filter:blur(.15px)}

.fire-arc-v11{position:absolute;left:40.2%;top:57.9%;width:69%;height:69%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid transparent;border-top-color:rgba(255,231,145,.0);border-right-color:rgba(255,89,14,.0);filter:blur(2px);opacity:0;pointer-events:none;z-index:4}
.pizza-stage.oven-awake .fire-arc-v11{opacity:.92;border-top-color:rgba(255,230,137,.60);border-right-color:rgba(255,74,9,.48);box-shadow:0 -15px 32px rgba(255,83,11,.25);animation:fireArcV11 .72s linear infinite}
.pizza-stage.oven-awake .oven-glow{filter:blur(14px) saturate(1.25);transform:translate(-50%,-50%) scale(1.08)}
.pizza-stage.oven-awake .pizza-disc img{filter:drop-shadow(0 0 13px rgba(255,204,95,.38)) drop-shadow(0 15px 28px rgba(131,32,7,.26))}
.pizza-stage.oven-awake .fire-tongue{opacity:.82;animation-duration:1.35s}
.pizza-stage.oven-kick .oven-glow{animation:ovenKickV11 .58s ease-out 1}

@keyframes ovenBreathV11{0%,100%{transform:translate(-50%,-50%) scale(.94,.90);opacity:.82}38%{transform:translate(-50%,-50%) scale(1.06,1.02);opacity:1}63%{transform:translate(-50%,-50%) scale(1.00,.96);opacity:.91}}
@keyframes corePulseV11{0%,100%{transform:scale(.88);opacity:.60}50%{transform:scale(1.13);opacity:1}}
@keyframes fireOrbitV11{to{transform:rotate(360deg)}}
@keyframes flameLickV11{0%,100%{transform:translate(-50%,-94%) rotate(var(--r,-18deg)) scale(.65,.65);opacity:.08}35%{opacity:.65}58%{transform:translate(calc(-50% + var(--dx,8px)),-121%) rotate(calc(var(--r,-18deg) + 9deg)) scale(.92,1.20);opacity:.78}82%{transform:translate(calc(-50% + var(--dx,8px)),-142%) rotate(calc(var(--r,-18deg) - 6deg)) scale(.62,1.36);opacity:.10}}
@keyframes hazeV11{0%,100%{transform:translate(-50%,-48%) skewX(-2deg) scaleY(.94);opacity:.34}50%{transform:translate(-48%,-55%) skewX(4deg) scaleY(1.08);opacity:.70}}
@keyframes emberBurstV11{0%,45%{opacity:0;transform:translate3d(0,10px,0) scale(.25)}50%{opacity:1}72%{opacity:.95;transform:translate3d(var(--dx,15px),var(--dy,-60px),0) scale(1)}100%{opacity:0;transform:translate3d(calc(var(--dx,15px)*1.8),calc(var(--dy,-60px)*1.75),0) scale(.12)}}
@keyframes fireArcV11{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ovenKickV11{0%{transform:translate(-50%,-50%) scale(.98);filter:blur(18px)}35%{transform:translate(-50%,-50%) scale(1.17);filter:blur(11px);opacity:1}100%{transform:translate(-50%,-50%) scale(1.02);filter:blur(17px)}}

@media(max-width:640px){.oven-glow{width:116%}.fire-tongue{height:35%;filter:blur(6px)}.heat-haze-v11{width:70%;opacity:.42}.ember-front-v11 .ember-v11:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.fire-tongue,.heat-haze-v11,.ember-v11,.fire-arc-v11{display:none!important}.oven-glow,.oven-glow::before,.oven-glow::after{animation:none!important}}