footer,section{max-width:1920px;margin-inline:auto;gap:16px;width:100%;padding:24px}footer,main,section{display:grid;grid-gap:16px}main{text-align:center;place-items:center;gap:16px;position:relative;overflow-x:clip}main>img:first-of-type{position:absolute;top:0;right:0;z-index:-1;opacity:.2;transform:translate(25%,-25%) rotate(25deg)}main>header{display:grid;padding:48px 0 0}main>header>hr{width:400px;opacity:.8}main>header>h1{font-size:3.2rem;animation:appear 1.5s ease}main>header>h2{font-size:2rem;margin:0 0 110px;animation:slide 2.5s ease}.image-container{display:grid}.image-container>img{grid-area:1/1}.image-container>img:first-of-type{justify-self:center;border-radius:50%;transform:translateY(-35%);border:6px solid var(--background)}.image-container>img:last-of-type{border-radius:24px}#menus{position:relative}#menus>img:first-of-type{position:absolute;z-index:-1;top:60px;transform:translateX(-28%);opacity:.2}#menus>h2,#sandwichs>h2{font-size:2.5rem;margin:0 0 24px;>strong{color:oklch(from var(--accent) l calc(c + .1) h)}}#menus article{margin-inline:auto;width:500px;min-height:200px}#menus article h3{font-size:1.8rem;margin-bottom:16px}#menus article strong{font-size:1.3rem;font-weight:600;color:oklch(from var(--accent) l calc(c + .1) h)}#menus article{& p:nth-of-type(2),p:nth-of-type(3){font-size:1.1rem}}#menus article p:last-child,.price{font-size:20px;font-weight:600;padding:8px 16px;place-self:start end;color:var(--accent);background-color:var(--background);box-shadow:0 0 0 8px var(--background);border:2px solid var(--accent);border-radius:12px 0 12px 0;translate:26px 18px}#menus article p:last-child{width:100px;margin-left:calc(100% - 100px)}.menu-list{--card-size:220px}.card-list{margin-block:unset;-webkit-padding-start:unset;padding-inline-start:unset;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-size),1fr));grid-gap:32px;gap:32px;margin:0 10vw}.card-list>li{display:grid;grid-template-rows:auto 1fr;background-color:var(--surface);border-radius:var(--radius);animation-name:appear;animation-duration:1s;animation-timeline:view();animation-range:entry 0 cover 30%}.card-list>li>header{display:grid;padding:0;>*{grid-area:1/1}>img{animation-name:bokit-slide;animation-duration:1s;animation-fill-mode:both;animation-timeline:view();animation-range:entry 0 cover 100%}}.card-list>header>img{place-self:start start}.card-list>li>hgroup{text-align:start;padding:8px 16px}.price{border-radius:0 12px;translate:0}.google-reviews{padding:8px 16px;place-self:center;transform:translateY(70%);display:flex;align-items:center;gap:24px;background:#2b2b2b;border-radius:16px;line-height:20px;>.note{font-weight:700;font-size:18px}>.note,>span{color:#e8711c}>span{transform:scale(1.3);-webkit-clip-path:polygon(6px 0,4.31px 3.98px,0 4.34px,3.28px 7.18px,2.29px 11.4px,6px 9.16px,9.71px 11.4px,8.72px 7.18px,12px 4.34px,7.69px 3.98px,6px 0,20px 0,18.31px 3.98px,14px 4.34px,17.28px 7.18px,16.29px 11.4px,20px 9.16px,23.71px 11.4px,22.72px 7.18px,26px 4.34px,21.69px 3.98px,20px 0,34px 0,32.31px 3.98px,28px 4.34px,31.28px 7.18px,30.29px 11.4px,34px 9.16px,37.71px 11.4px,36.72px 7.18px,40px 4.34px,35.69px 3.98px,34px 0,48px 0,46.31px 3.98px,42px 4.34px,45.28px 7.18px,44.29px 11.4px,48px 9.16px,51.71px 11.4px,50.72px 7.18px,54px 4.34px,49.69px 3.98px,48px 0,62px 0,60.31px 3.98px,56px 4.34px,59.28px 7.18px,58.29px 11.4px,62px 9.16px,65.71px 11.4px,64.72px 7.18px,68px 4.34px,63.69px 3.98px,62px 0);clip-path:polygon(6px 0,4.31px 3.98px,0 4.34px,3.28px 7.18px,2.29px 11.4px,6px 9.16px,9.71px 11.4px,8.72px 7.18px,12px 4.34px,7.69px 3.98px,6px 0,20px 0,18.31px 3.98px,14px 4.34px,17.28px 7.18px,16.29px 11.4px,20px 9.16px,23.71px 11.4px,22.72px 7.18px,26px 4.34px,21.69px 3.98px,20px 0,34px 0,32.31px 3.98px,28px 4.34px,31.28px 7.18px,30.29px 11.4px,34px 9.16px,37.71px 11.4px,36.72px 7.18px,40px 4.34px,35.69px 3.98px,34px 0,48px 0,46.31px 3.98px,42px 4.34px,45.28px 7.18px,44.29px 11.4px,48px 9.16px,51.71px 11.4px,50.72px 7.18px,54px 4.34px,49.69px 3.98px,48px 0,62px 0,60.31px 3.98px,56px 4.34px,59.28px 7.18px,58.29px 11.4px,62px 9.16px,65.71px 11.4px,64.72px 7.18px,68px 4.34px,63.69px 3.98px,62px 0);display:inline-block;width:68px;height:11.4px;background:linear-gradient(90deg,currentcolor 62px,#80868b 0)}>a{color:var(--hyperlink);font-weight:600}}.satisfaction{padding-top:100px;background-color:#2b2b2b}.review-list{display:grid;grid-gap:24px;gap:24px;place-content:center;position:relative}.review-list li{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 3fr 4fr;grid-template-rows:1fr 1fr 2fr;grid-template-areas:"avatar identity google" "stars stars stars" "comment comment comment";width:400px;height:280px;padding:12px;border-radius:16px;border:1px solid black;position:-webkit-sticky;position:sticky;top:24px;background-color:var(--on-background);transform-origin:top left;animation-timeline:view();animation-name:stack;--translate:0px}.review-list>li>p:first-of-type{background-color:rgb(124,31,163);grid-area:avatar;align-self:flex-start;padding:12px 20px;border-radius:50%}.review-list>li>p:last-of-type{grid-column:1/span 3;text-align:start;color:black}.author{place-items:flex-start}.author p:first-of-type{color:black;font-weight:700;font-size:14px}.author p:last-of-type{color:rgb(58,58,58);font-size:12px;margin:0;padding:0}.review-list>li>img{justify-self:flex-end}.stars{grid-area:stars;place-self:start}@keyframes stack{50%{transform:translateX(0)}90%{transform:translateX(var(--translate))}}.review-list li:first-child{--translate:-50px}.review-list li:nth-child(2){--translate:-25px}.satisfaction>hgroup{display:grid;grid-gap:32px;gap:32px}.satisfaction>p{color:var(--background)}.satisfaction>a{font-weight:700;width:100px;margin:auto;transition:all .25s ease;color:var(--hyperlink);&:hover{border-color:black;color:black}}footer{>h2{width:100%;text-align:center}}footer>section{>h3{font-size:1.7rem;color:oklch(from var(--accent) l calc(c + .1) h)}>h2{font-size:2rem}}footer>table{text-align:left;th{font-size:1.5rem;font-weight:700}td,th{padding:1rem;vertical-align:top}td:nth-child(2) a{color:var(--hyperlink);font-weight:700}}footer>nav{display:flex;gap:24px;justify-content:center}@media (max-width:900px){main>.image-container>img:last-of-type{width:100%;object-fit:cover}#menus article{max-width:80vw;min-height:200px}.card-list{grid-template-columns:1fr}thead{display:none}table,tbody,td,tr{display:block;width:100%}tr{margin-bottom:1.5rem;border:1px solid #ddd;padding:1rem;border-radius:8px}td{margin-bottom:1rem}td:before{font-weight:700;display:block;margin-bottom:.3rem}td:first-of-type:before{content:"Horaires : "}td:nth-of-type(2):before{content:"Coordonnées : "}td:nth-of-type(3):before{content:"Options de paiement : "}td:nth-of-type(4):before{content:"Services : "}}@media (max-width:500px){main>header>h1{font-size:clamp(2rem,-2.7143rem + 18.2857vw,3rem)}main>header>h2{font-size:clamp(1rem,-2.7143rem + 18.2857vw,3rem)}main>header>hr{width:100px}main>img:first-of-type{opacity:.3}.review-list li{width:80vw;--translate:0px}.review-list li:first-child{top:4px;--translate:-24px}.review-list li:nth-child(2){top:8px;--translate:-12px}.review-list li:nth-child(3){top:12px;--translate:0px}}@keyframes appear{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes slide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes bokit-slide{0%{transform:translate(-15px,-20px)}to{transform:translate(-30px,-20px)}}