:root{--paper:#fbf4eb;--ink:#493b3e;--accent:#a82767;--line:#dfcdc6;--muted:#78666a;--font:"Helvetica Neue",Helvetica,Arial,sans-serif;--display:"Helvetica Neue",Helvetica,Arial,sans-serif;--nav-height:76px;font-family:var(--font);color:var(--ink);background:#f4eade;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px)}body{margin:0}p,h1,h2,h3{margin:0}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.contact-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.page{max-width:768px;width:100%;margin:auto;background:#f4eade;position:relative;isolation:isolate;overflow:clip}.page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23665533' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");background-size:170px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:15px;background:var(--paper)}.skip-link:focus{top:15px}.masthead{background:#101913;padding:36px 0 24px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:0;border-radius:0 0 28px 28px;overflow:hidden}.hero-foliage{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand{width:80%;max-width:350px;margin:0 auto 0;text-align:center}.logo{--neon-glow:drop-shadow(0 0 3px #ff73c7) drop-shadow(0 0 10px #ff35b5cc) drop-shadow(0 0 24px #ed159777);color:#c898af;transition:color 1s,filter 1s}.logo svg{display:block;width:100%;height:auto}.is-open .logo{color:#ffc0e5;filter:var(--neon-glow)}
.is-open .logo.is-igniting{animation:neon-start 2.4s linear both;transition:none}
@keyframes neon-start{
  0%,4%,8%,12%,16%,27%,57%,70%,74%,79%,83%,88%{color:#99778b;filter:drop-shadow(0 0 1px #c0528b33);opacity:.6}
  5%,7%,13%,15%{color:#ffabd9;filter:var(--neon-glow);opacity:.9}
  34%,54%,71%,73%,80%,82%,93%,100%{color:#ffc0e5;filter:var(--neon-glow);opacity:1}
}.opening{color:#fff8f2;margin:-4px 18px 31px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:7px 15px;font-size:12px;line-height:1.5}.opening p:first-child{font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}.opening p:first-child:before{content:"";width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.is-open .opening p:first-child:before{background:currentColor}.opening p:last-child{text-align:right;color:#f1e9e1}
.awning{width:calc(100% - 32px);aspect-ratio:5.8;position:relative;overflow:hidden;filter:drop-shadow(0 4px 3px #6c325318)}
.awning img{position:absolute;left:-2.25%;top:-57%;width:104.5%;max-width:none;height:auto;display:block}
.awning p{position:absolute;top:58%;left:5%;right:5%;transform:translateY(-50%);color:#fff5fa;text-align:center;font-family:var(--font);font-size:clamp(11px,3.3vw,18px);font-weight:500;letter-spacing:.2px;line-height:1.15;text-shadow:0 1px 2px #61133b66}
.category-nav{position:sticky;top:0;z-index:20;background:#f4eade;margin-top:10px;padding:12px 0}
.nav-scroll{display:flex;gap:8px;padding:0 18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.nav-scroll::-webkit-scrollbar{display:none}
.nav-scroll a{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:36px;padding:7px 16px;text-decoration:none;border:1px solid #dac0bd;border-radius:999px;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;text-transform:uppercase;letter-spacing:.25px;background:#fff9f2;transition:background .2s,color .2s}
.nav-scroll a[aria-current]{background:var(--accent);color:#fff5fb;border-color:var(--accent)}.nav-scroll a:hover{background:#efd2cf}.nav-scroll a[aria-current]:hover{background:#93205a}
#menu-content{padding-top:12px}.menu-section{position:relative;margin:0 12px 12px;padding:30px 23px 33px;background:var(--paper);border-radius:28px;overflow:clip}.lunch-section{padding-top:0}.lunch-hero{height:300px;position:relative;padding-top:25px;isolation:isolate}.lunch-hero h1{font:500 clamp(26px,7.5vw,34px)/1 var(--display);letter-spacing:-1px;position:relative;z-index:2}.period{font-size:12px;margin-top:13px;position:relative;z-index:2;max-width:175px;line-height:1.4}.lunch-description{font-size:14px;line-height:1.5;margin-top:22px;position:relative;z-index:2;max-width:155px}.set-price{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--accent);position:relative;z-index:2}.set-price strong{font:500 49px/1 var(--display);letter-spacing:-1px}.set-price>span{font-size:19px;line-height:1}.set-price small{font-size:11px;line-height:1.5}.sun{position:absolute;right:0;top:70px;width:180px;height:207px;border-radius:110px 110px 5px 5px;background:#e7c9b7;z-index:0;transform:rotate(5deg);opacity:.95}.sun:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#ffffff18 3px,#ffffff18 4px);border-radius:inherit}.lunch-photo{position:absolute;right:-30px;top:78px;width:215px;height:215px;object-fit:contain;z-index:1;transform:rotate(-12deg)}.hero-branch{position:absolute;width:175px;height:175px;object-fit:contain;right:-20px;bottom:-9px;z-index:3;transform:rotate(12deg);pointer-events:none}.lunch-meta{display:flex;justify-content:space-between;gap:14px;padding:13px 0;font-size:12px;line-height:1.5;margin-top:11px}.lunch-meta span:first-child{font-weight:600;color:var(--accent)}.lunch-prices{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;line-height:1.5;padding:15px 0;color:var(--muted)}.days{margin-top:2px}.day{padding:22px 0}.day+.day{border-top:1px dashed var(--line)}.day:last-child{padding-bottom:0}.day-heading{font:500 20px/1.2 var(--display);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--accent);margin-bottom:16px}.day-heading time{font:400 12px/1 var(--font);color:var(--muted)}.soup{font-size:14px;line-height:1.4;margin-bottom:8px;color:var(--muted)}.main-dish{font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.4px;max-width:30em}.dish-description,.alternative{font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px;max-width:35em}.alternative span{font-style:italic;color:var(--accent)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2;margin-bottom:17px}.section-heading h2{font:500 19px/1.05 var(--display);letter-spacing:-.4px;max-width:100%}.section-note{font-size:14px;line-height:1.4;margin-bottom:12px;position:relative;z-index:2}.sample-note{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:12px;position:relative;z-index:2}.menu-items{position:relative;z-index:2}.menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;padding:22px 0;border-bottom:0}.menu-item+.menu-item{border-top:1px dashed var(--line)}.menu-item:last-child{border-bottom:0;padding-bottom:0}.item-title{font-size:20px;line-height:1.1;font-weight:600;letter-spacing:-.5px}.item-price{font:500 22px/1 var(--display);white-space:nowrap;color:var(--accent)}.item-price small{font:400 11px/1 var(--font)}.item-description{grid-column:1/-1;font-size:14px;line-height:1.5;color:var(--muted);max-width:35em}.group-heading{font:500 24px/1.2 var(--display);margin:28px 0 0;position:relative;z-index:2}#pizza .section-heading h2,#piwo .section-heading h2{color:var(--accent)}#slodkie{background:#f9eee3}#napoje{background:#f8ece1;color:var(--ink);isolation:isolate;padding-top:39px}#napoje .section-heading{padding-right:75px}#napoje .section-branch{position:absolute;right:-75px;top:-24px;width:190px;height:190px;object-fit:contain;transform:rotate(75deg);opacity:.75;z-index:0;pointer-events:none}#napoje .sample-note{max-width:calc(100% - 110px)}#piwo{padding-top:37px}.announcement{background:#efd2cf;padding:18px 22px;margin:20px 23px 0;border-radius:16px;font-size:14px;line-height:1.5}
.contact{margin:0 12px 12px;padding:30px 23px 25px;background:var(--paper);border-radius:28px;position:relative;overflow:clip}.contact h2{font:500 43px/1.03 var(--display);letter-spacing:-1.7px}.contact-copy>p{font-size:16px;line-height:1.5;margin-top:18px}#contact-details{margin-top:18px;font-size:14px;line-height:1.5}#contact-details>p:first-child{font-weight:600;color:var(--accent)}.contact-pending{font-size:12px;color:var(--muted);margin-top:8px}#contact-details a{display:inline-block;margin-top:12px;text-underline-offset:5px;color:var(--accent)}.contact-gallery{display:flex;gap:12px;margin-top:26px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:16px}.contact-gallery::-webkit-scrollbar{display:none}.contact-gallery img{display:block;flex:0 0 88%;width:88%;min-width:0;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;scroll-snap-align:start}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--muted)}.gallery-arrows{display:flex;gap:8px}.gallery-arrows button{width:44px;height:44px;border:1px solid #dac0bd;border-radius:50%;background:transparent;color:var(--accent);font:400 22px/1 var(--font);cursor:pointer}.gallery-arrows button:disabled{opacity:.3;cursor:default}.gallery-arrows button:not(:disabled):hover{background:#efd2cf}.contact-gallery img:first-child{object-position:35%}.contact-gallery img:last-child{object-position:60%}.contact-map{margin-top:16px;overflow:hidden;border-radius:16px;background:#f4eade}.contact-map iframe{display:block;width:100%;height:280px;border:0}footer{margin:0 12px 12px;padding:21px 23px 28px;background:var(--paper);border-radius:28px;position:relative}.back-top{font-size:12px;color:var(--accent);text-underline-offset:4px}.farewell{font:500 38px/1.05 var(--display);letter-spacing:-1.4px;margin:23px 0 28px}.footer-line{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5}.footer-line a{color:var(--accent);text-underline-offset:3px}.prototype-note{font-size:11px;line-height:1.5;color:var(--muted);margin-top:19px}

/* Jeden układ w każdej szerokości, bez przełączania na kolumny. */
.days,.menu-items,.contact{display:block}
@media(max-width:359px){.menu-section,.contact,footer{padding-left:18px;padding-right:18px}.lunch-photo{width:178px;height:178px;right:-35px;top:111px}.sun{width:147px;height:190px;right:-2px;top:100px}.hero-branch{width:150px;height:150px;right:-28px;bottom:-5px}.lunch-description{font-size:13px;max-width:139px}.period{font-size:11px;max-width:156px}.lunch-meta{font-size:11px}.lunch-prices{font-size:11px;gap:9px}.section-heading h2{font-size:17px}.contact h2{font-size:38px}.farewell{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

h1,h2,.group-heading{text-transform:uppercase}
.main-dish,.item-title{text-transform:none}

/* Dwa niezależne warianty hero do porównania z pierwotnym układem. */
:root[data-hero] .masthead{min-height:260px;padding:42px 0;justify-content:center}
:root[data-hero] .brand{width:92%;max-width:680px}
:root[data-hero] .opening{margin:8px 18px 0}
:root[data-hero] .masthead .awning{display:none}
.awning--outside{margin:14px auto 0}

:root[data-hero="daszek-pod"] .brand{width:80%;max-width:580px}
