:root{--jaune:#f7a823;--jaune2:#ffc23d;--orange:#ef6a1a;--brun:#9c3f17;--creme:#fff3d6;--noir:#111}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--noir);background:var(--noir);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;margin:0;line-height:.95}
.wrap{max-width:1220px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-weight:900;text-transform:uppercase;font-size:.92rem;letter-spacing:.03em;padding:15px 26px;border-radius:999px;border:0;cursor:pointer;font-family:inherit;transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-2px);background:#d9560c}.btn::after{content:"→"}
.btn.noir{background:var(--noir)}.btn.noir:hover{background:#000}
.btn.blanc{background:#fff;color:var(--noir)}
.btn.jaune{background:var(--jaune2);color:var(--noir)}

/* En-tête */
.barre{position:sticky;top:0;z-index:50;background:var(--noir);border-bottom:4px solid var(--orange)}
.barre .wrap{display:flex;align-items:center;gap:20px;height:80px}
.barre .logo img{height:52px}
.barre nav{display:flex;gap:34px;margin:0 auto;font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:1.25rem;letter-spacing:.04em;color:#fff}
.barre nav a{position:relative;padding:6px 0}.barre nav a:hover,.barre nav a.actif{color:var(--jaune2)}
.barre nav a.actif::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--orange);border-radius:3px}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.9rem;cursor:pointer;margin-left:auto}
.menu-mobile{display:none}

/* Bandes façon affiche : couleur + logo en filigrane */
.bande{position:relative;overflow:hidden;padding:110px 0}
.bande::before{content:"";position:absolute;inset:-30%;background:url("img/logo.png") 0 0/380px auto repeat;opacity:.07;transform:rotate(-10deg);pointer-events:none}
.bande.orange{background:var(--orange);color:#fff}
.bande.jaune{background:var(--jaune);color:var(--noir)}
.bande.noire{background:var(--noir);color:#fff}.bande.noire::before{opacity:.06}
.bande.brune{background:var(--brun);color:#fff}
.bande.creme{background:var(--creme);color:var(--noir)}.bande.creme::before{opacity:.05}
.titre{font-size:clamp(3rem,7vw,5.6rem);text-align:center}
.titre span{color:#fff;text-shadow:5px 5px 0 var(--brun)}
.bande.orange .titre span,.bande.brune .titre span{color:var(--jaune2);text-shadow:5px 5px 0 rgba(0,0,0,.35)}
.bande.noire .titre span{color:var(--jaune2);text-shadow:none}
.sous-titre{text-align:center;font-weight:700;font-size:1.15rem;max-width:620px;margin:18px auto 0}
.centre{text-align:center;margin-top:40px}

/* Bord papier déchiré entre deux bandes */
.dechire{position:relative;height:46px;margin-top:-46px;z-index:5;pointer-events:none}
.dechire svg{position:absolute;left:0;bottom:0;width:100%;height:100%;filter:drop-shadow(0 -6px 6px rgba(0,0,0,.18))}

/* Accueil : héros */
.heros{position:relative;overflow:hidden;min-height:calc(100vh - 84px);display:grid;place-items:center;text-align:center;padding:60px 0 120px;
  background:radial-gradient(circle at 50% 42%,var(--jaune2),var(--jaune) 38%,var(--orange) 100%)}
.heros::before{content:"ONE CHICKEN";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);font-family:Anton,Impact,sans-serif;font-size:24vw;line-height:.85;color:rgba(255,255,255,.12);white-space:nowrap;pointer-events:none}
.heros .logo-geant{width:min(560px,82vw);margin:0 auto;filter:drop-shadow(0 18px 24px rgba(110,40,0,.45));animation:pop .7s cubic-bezier(.2,1.4,.4,1) both}
.heros .slogan{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.6rem);color:#fff;text-shadow:4px 4px 0 var(--brun);margin:18px 0 6px}
.heros .infos{font-weight:800;font-size:1.05rem;margin:0 0 30px}
.heros .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.heros .plat{position:absolute;width:min(30vw,400px);filter:drop-shadow(0 26px 26px rgba(90,30,0,.4));z-index:1}
.heros .plat.g{left:-3%;bottom:6%;transform:rotate(-12deg)}
.heros .plat.d{right:-2%;top:12%;transform:rotate(10deg)}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}

/* Accueil : One Chicken c'est… */
.cest .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cest h2{font-size:clamp(3rem,6.5vw,5.4rem)}.cest h2 span{color:var(--jaune2)}
.cest p{font-size:1.15rem;font-weight:600;max-width:520px}
.cest .mascotte{max-height:560px;margin:0 auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35));-webkit-mask-image:linear-gradient(to top,transparent 0,#000 10%);mask-image:linear-gradient(to top,transparent 0,#000 10%)}
.atouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.atouts div{background:rgba(0,0,0,.22);border-radius:16px;padding:16px 18px}
.atouts b{display:block;font-family:Anton;font-weight:400;font-size:2rem;color:var(--jaune2);line-height:1}
.atouts span{font-weight:700;font-size:.9rem}

/* Accueil : catégories du menu */
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:50px}
.categorie{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s}
.categorie:hover{transform:translateY(-8px) rotate(-2deg)}
.categorie img{height:170px;width:100%;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(110,40,0,.35))}
.categorie span{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:1.5rem;color:#fff;background:var(--brun);padding:4px 16px 6px;border-radius:10px;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--noir)}

/* Accueil : bandes franchise / job */
.appel .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.appel.inverse .wrap{grid-template-columns:.9fr 1.1fr}
.appel h2{font-size:clamp(3rem,7vw,5.8rem)}
.appel .accroche{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.3rem);margin:14px 0 26px;line-height:1.05}
.appel p{font-weight:600;font-size:1.05rem;max-width:520px}
.appel img{max-height:480px;margin:0 auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
.bande.noire .accroche{color:var(--jaune2)}

/* Commander */
.commander{background:radial-gradient(circle at 78% 55%,var(--jaune2),var(--jaune) 42%,var(--orange) 100%);color:var(--noir)}
.commander::before{display:none}
.commander::after{content:"ONE CHICKEN";position:absolute;left:-1%;bottom:-4%;font-family:Anton,Impact,sans-serif;font-size:17vw;line-height:1;color:rgba(255,255,255,.14);white-space:nowrap;pointer-events:none}
.commander .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.commander .moto{width:100%;max-width:520px;margin:-40px auto -110px;filter:drop-shadow(0 24px 30px rgba(90,30,0,.45));-webkit-mask-image:radial-gradient(ellipse 52% 56% at 56% 46%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 52% 56% at 56% 46%,#000 72%,transparent 100%)}
.commander h2{font-size:clamp(3rem,6vw,5rem)}.commander h2 span{color:#fff;text-shadow:4px 4px 0 var(--brun)}
.commander p{font-weight:700;max-width:420px}
.applis{display:flex;flex-direction:column;gap:12px;max-width:380px;margin-top:26px}
.applis a{display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--noir);border-radius:16px;padding:18px 22px;font-weight:900;font-size:1.1rem;transition:transform .15s;box-shadow:0 8px 20px rgba(90,30,0,.18)}
.applis a:hover{transform:translateX(4px)}.applis a::after{content:"→";color:var(--orange)}
.applis .ue{border-left:8px solid #06c167}.applis .dl{border-left:8px solid #00ccbc}.applis .tel{border-left:8px solid var(--orange)}

/* Instagram */
.insta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.insta .petit{font-family:Anton;text-transform:uppercase;font-size:1.8rem;color:#fff;text-shadow:3px 3px 0 var(--brun)}
.insta h2{font-size:clamp(3.4rem,8vw,6.4rem);color:#fff;text-shadow:5px 5px 0 var(--brun)}
.compte{display:inline-flex;align-items:center;gap:14px;margin-top:24px;background:var(--noir);color:#fff;border-radius:18px;padding:12px 22px 12px 12px;font-family:Anton;font-size:1.8rem;text-transform:uppercase;transform:rotate(-3deg);box-shadow:6px 6px 0 var(--brun)}
.compte i{width:54px;height:54px;border-radius:14px;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285aeb 90%);display:grid;place-items:center;font-style:normal;font-size:1.7rem}
.liens-reseaux{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.telephone{width:300px;margin:0 auto;background:#111;border-radius:44px;padding:14px;box-shadow:0 30px 60px rgba(90,30,0,.45),inset 0 0 0 2px #333;transform:rotate(6deg)}
.ecran{background:#fff;border-radius:32px;overflow:hidden;color:#111}
.ecran .haut{display:flex;align-items:center;gap:12px;padding:20px 16px 10px}
.ecran .haut img{width:56px;height:56px;border-radius:50%;background:var(--noir);padding:6px;object-fit:contain}
.ecran .haut b{display:block;font-size:.95rem}.ecran .haut small{color:#666;font-size:.75rem}
.ecran .grille-insta{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ecran .grille-insta img{aspect-ratio:1;object-fit:cover}

/* Pages intérieures */
.entete-page{text-align:center;padding:90px 0 120px}
.entete-page h1{font-size:clamp(3.6rem,10vw,8rem)}
.entete-page h1 span{color:#fff;text-shadow:6px 6px 0 var(--brun)}
.bande.orange .entete-page h1 span,.entete-page.clair h1 span{color:var(--jaune2);text-shadow:6px 6px 0 rgba(0,0,0,.3)}
.entete-page p{font-weight:700;font-size:1.15rem;max-width:620px;margin:16px auto 0}

/* Menu */
.filtres{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 36px}
.filtres button{font:inherit;font-weight:900;text-transform:uppercase;font-size:.9rem;border:2px solid var(--noir);background:#fff;border-radius:999px;padding:11px 22px;cursor:pointer}
.filtres button.actif{background:var(--noir);color:var(--jaune2)}
.grille{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.produit{position:relative;background:#fff;border-radius:22px;padding:22px 18px;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 0 rgba(156,63,23,.15)}
.produit:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(156,63,23,.2)}
.prix{position:absolute;top:16px;right:16px;background:var(--noir);color:var(--jaune2);font-weight:900;border-radius:999px;padding:6px 13px;font-size:.95rem}
.assiette{width:78%;aspect-ratio:1;margin:12px auto 18px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#3a2a22,#1b1411 70%);box-shadow:inset 0 0 0 10px #241914,0 16px 24px rgba(0,0,0,.25);display:grid;place-items:center;overflow:hidden}
.assiette img{width:100%;height:100%;object-fit:cover}
.assiette.nue{background:none;box-shadow:none;border-radius:0;overflow:visible;width:92%}.assiette.nue img{object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.3))}
.produit h3{font-size:1.45rem}.produit p{margin:6px 0 0;color:#7a5a3f;font-size:.85rem;font-weight:500}
.produit p.prix-dessous{font-weight:900;font-size:1.5rem;color:var(--orange);margin-top:4px}
.sauces{margin-top:30px;background:var(--noir);color:#fff;border-radius:22px;padding:22px 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sauces h3{font-size:1.6rem;color:var(--jaune2);margin-right:auto}
.s{border-radius:999px;padding:8px 16px;font-weight:900;font-size:.85rem;color:var(--noir)}
.s.v{background:#9bd36a}.s.p{background:#e2482d;color:#fff}.s.o{background:#f2e3c9}.s.d{background:#f5c56b}
.formule .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.formule h2{font-size:clamp(3.4rem,7vw,6rem)}.formule h2 span{color:#fff;text-shadow:5px 5px 0 var(--brun)}
.formule ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.formule li{background:#fff;border-radius:14px;padding:14px 18px;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.formule li i{font-style:normal;background:var(--noir);color:var(--jaune2);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:.9rem}
.formule .gros{font-family:Anton;font-size:clamp(4.5rem,9vw,7rem);line-height:1;margin:6px 0 24px}
.formule img{filter:drop-shadow(0 30px 30px rgba(110,40,0,.35))}

/* Nos restos */
.resto{display:grid;grid-template-columns:1fr 1.1fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:12px 12px 0 var(--noir);color:var(--noir)}
.resto .infos{padding:40px}
.resto .etiquette{display:inline-block;background:var(--orange);color:#fff;font-weight:900;text-transform:uppercase;font-size:.8rem;padding:6px 14px;border-radius:999px}
.resto h2{font-size:clamp(2.6rem,5vw,4rem);margin:14px 0 6px}
.ligne-info{display:flex;gap:14px;align-items:flex-start;margin-top:18px;font-weight:700}.ligne-info i{font-style:normal;font-size:1.4rem}
.ligne-info small{display:block;color:#7a5a3f;font-weight:500}
.resto .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.resto iframe{width:100%;height:100%;min-height:460px;border:0;filter:saturate(.7)}
.bientot{text-align:center;margin-top:60px}
.bientot h3{font-size:clamp(2rem,4vw,3rem)}

/* Franchise / Job */
.cartes3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.carte3{background:#fff;color:var(--noir);border-radius:22px;padding:28px;box-shadow:8px 8px 0 var(--noir)}
.carte3 .n{font-family:Anton;font-size:3rem;color:var(--orange);line-height:1}
.carte3 h3{font-size:1.7rem;margin:10px 0 8px}.carte3 p{margin:0;font-weight:500;color:#5a4232}
.etapes{counter-reset:e;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.etapes div{background:rgba(0,0,0,.2);border-radius:18px;padding:22px}
.etapes div::before{counter-increment:e;content:counter(e);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--jaune2);color:var(--noir);font-family:Anton;font-size:1.5rem;margin-bottom:12px}
.etapes b{display:block;font-family:Anton;font-weight:400;text-transform:uppercase;font-size:1.4rem}
.etapes span{font-weight:500;font-size:.92rem;opacity:.9}
.formulaire{max-width:760px;margin:40px auto 0;background:#fff;color:var(--noir);border-radius:26px;padding:34px;box-shadow:12px 12px 0 var(--noir)}
.formulaire .ligne{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formulaire label{display:block;font-weight:800;font-size:.85rem;text-transform:uppercase;margin:14px 0 6px}
.formulaire input,.formulaire select,.formulaire textarea{width:100%;font:inherit;font-weight:500;border:2px solid #e6d6bd;border-radius:12px;padding:13px 14px;background:#fffaf0}
.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{outline:none;border-color:var(--orange)}
.formulaire textarea{min-height:120px;resize:vertical}
.formulaire .envoyer{margin-top:22px;width:100%;justify-content:center;font-size:1.05rem}
.formulaire .note{font-size:.82rem;color:#7a5a3f;margin:12px 0 0;text-align:center}
.postes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.poste{background:#fff;color:var(--noir);border-radius:22px;padding:26px;box-shadow:8px 8px 0 var(--noir)}
.poste .ico{font-size:2.4rem}.poste h3{font-size:1.8rem;margin:10px 0 6px}.poste p{margin:0;font-weight:500;color:#5a4232}
.poste .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.poste .tags span{background:var(--creme);border-radius:999px;padding:5px 12px;font-weight:800;font-size:.75rem;text-transform:uppercase}

/* Pied de page */
footer{position:relative;overflow:hidden;background:var(--brun);color:#fff;padding:70px 0 26px;text-align:center}
footer::before{content:"";position:absolute;inset:-30%;background:url("img/logo.png") 0 0/340px auto repeat;opacity:.06;transform:rotate(-10deg);pointer-events:none}
footer .logo-pied{width:220px;margin:0 auto 40px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
footer h4{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:1.8rem;margin:0 0 12px;color:var(--jaune2)}
footer .cols a{display:block;margin:7px 0;font-weight:800;text-transform:uppercase;font-size:.9rem}
footer .cols a:hover{color:var(--jaune2)}
footer .copy{margin-top:46px;font-size:.78rem;opacity:.75}

/* Mentions */
.texte-legal{max-width:820px;margin:0 auto;background:#fff;border-radius:22px;padding:36px;color:#333;line-height:1.6}
.texte-legal h2{font-size:1.8rem;margin:26px 0 8px;color:var(--noir)}.texte-legal h2:first-child{margin-top:0}

@media(max-width:980px){
  .barre nav{gap:20px;font-size:1.05rem}
  .grille{grid-template-columns:repeat(2,1fr)}
  .categories{grid-template-columns:repeat(3,1fr)}
  .cartes3,.postes{grid-template-columns:1fr 1fr}.etapes{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .barre nav,.barre .btn{display:none}.burger{display:block}
  .menu-mobile.ouvert{display:flex;flex-direction:column;position:fixed;top:84px;left:0;right:0;z-index:49;background:var(--noir);padding:10px 20px 24px;border-bottom:4px solid var(--orange)}
  .menu-mobile a{font-family:Anton;text-transform:uppercase;font-size:1.8rem;color:#fff;padding:10px 0;border-bottom:1px solid #2a2a2a}
  .menu-mobile .btn{margin-top:16px;justify-content:center;font-family:Inter}
  .bande{padding:80px 0}
  .heros .plat{width:44vw}.heros .plat.g{bottom:2%}.heros .plat.d{top:4%}
  .cest .wrap,.appel .wrap,.appel.inverse .wrap,.commander .wrap,.insta .wrap,.formule .wrap,.resto{grid-template-columns:1fr}
  .cest,.appel,.commander,.insta{text-align:center}.cest p,.appel p,.commander p{margin-inline:auto}.applis{margin-inline:auto}.liens-reseaux{justify-content:center}
  .appel.inverse img{order:2}
  .categories{grid-template-columns:1fr 1fr}.categorie img{height:130px}
  .grille{gap:12px}.produit h3{font-size:1.15rem}.prix{font-size:.8rem}
  .cartes3,.postes,.etapes,.formulaire .ligne{grid-template-columns:1fr}
  .resto iframe{min-height:300px}.resto .infos{padding:28px}
  footer .cols{grid-template-columns:1fr}
}

.filtres{scroll-margin-top:110px}