:root{--y:#ffd000;--r:#df100d;--k:#0c0b0a;--display:'Oswald',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--y);font-family:Arial,sans-serif;color:#111}a{text-decoration:none;color:inherit}img{display:block;width:100%}.container{width:min(calc(100% - 40px),1540px);margin:auto}.topbar{position:sticky;top:0;z-index:20;background:var(--y);filter:drop-shadow(0 4px 0 #000);clip-path:polygon(0 0,100% 0,100% 91%,96% 96%,91% 91%,86% 97%,80% 92%,75% 97%,69% 92%,63% 98%,56% 92%,50% 97%,44% 92%,38% 98%,32% 92%,25% 97%,18% 91%,10% 98%,4% 92%,0 97%)}.nav-wrap{height:104px;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.brand{font-family:var(--display);line-height:.84;color:#d30f0c;transform:rotate(-1deg)}.brand small{display:block;font-size:20px;letter-spacing:2px;color:#841309}.brand b{font-size:54px;text-shadow:2px 2px #7c120f33}nav{display:flex;gap:50px}nav a{font:700 18px var(--display);text-transform:uppercase;position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:4px;background:var(--r);transform:scaleX(0)}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.nav-toggle{display:none;background:none;border:0}.nav-toggle i{display:block;width:29px;height:3px;background:#111;margin:5px}
:root{--y:#ffd000;--r:#df100d;--k:#0c0a;--display:'Oswald',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--y);font-family:Arial,sans-serif;color:#111}a{text-decoration:none;color:inherit}img{display:block;width:100%}.container{width:min(calc(100% - 40px),1540px);margin:auto}.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:10px 16px;background:#fff;color:#111;font-weight:700;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{position:sticky;top:0;z-index:20;background:var(--y);filter:drop-shadow(0 4px 0 #000);clip-path:polygon(0 0,100% 0,100% 91%,96% 96%,91% 91%,86% 97%,80% 92%,75% 97%,69% 92%,63% 98%,56% 92%,50% 97%,44% 92%,38% 98%,32% 92%,25% 97%,18% 91%,10% 98%,4% 92%,0 97%)}.nav-wrap{height:104px;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.brand{font-family:var(--display);line-height:.84;color:#d30f0c;transform:rotate(-1deg)}.brand small{display:block;font-size:20px;letter-spacing:2px;color:#841309}.brand b{font-size:54px;text-shadow:2px 2px #7c120f33}nav{display:flex;gap:50px}nav a{font:700 18px var(--display);text-transform:uppercase;position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:4px;background:var(--r);transform:scaleX(0)}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.nav-toggle{display:none;background:none;border:0}.nav-toggle i{display:block;width:29px;height:3px;background:#111;margin:5px}
.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#060505ef 0%,#100a0798 38%,transparent 65%),url('assets/images/hero-fire-v2.png') center/cover}.hero:after{content:'';position:absolute;left:-2%;right:-2%;bottom:-25px;height:76px;background:var(--y);clip-path:polygon(0 39%,7% 22%,14% 47%,21% 16%,29% 39%,36% 8%,44% 37%,52% 15%,61% 42%,69% 10%,77% 40%,85% 18%,92% 44%,100% 12%,100% 100%,0 100%)}.hero-inner{position:relative;z-index:2}.hero-copy{max-width:700px;color:#fff}.eyebrow{display:inline-block;background:var(--y);color:#111;padding:10px 22px;font:700 21px var(--display);transform:rotate(-1deg);clip-path:polygon(3% 8%,98% 0,100% 86%,4% 100%,0 52%)}h1{margin:20px 0 10px;font:700 clamp(78px,7vw,118px)/.84 var(--display);color:var(--r);text-shadow:2px 2px var(--y)}h1 small{display:block;color:var(--y);font:500 .55em Georgia,serif;text-shadow:2px 2px #000;letter-spacing:-2px}.hero-copy>p{font-size:22px;line-height:1.5;max-width:610px}.phones{display:inline-flex;align-items:center;gap:22px;margin-top:6px;background:linear-gradient(#ed1714,#bc0000);padding:17px 30px;border-radius:23px;box-shadow:0 16px 32px #0009}.phones>span{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#fff2;font-size:42px}.phones div{display:flex;flex-direction:column}.phones a{font:600 clamp(35px,4vw,51px)/1.02 var(--display);letter-spacing:2px}.actions{display:flex;gap:16px;margin-top:28px}.btn{display:inline-flex;min-height:57px;align-items:center;justify-content:center;padding:0 28px;border-radius:28px;font:700 17px var(--display);text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px)}.red{background:var(--r);color:#fff;box-shadow:0 9px 20px #0003}.outline{border:2px solid #fff;color:#fff}.info{background:#0d0d0d;color:#fff;border-block:4px solid var(--r);padding:23px 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.info-grid>div+div{border-left:1px solid #fff3}.info b,.info span{display:block}.info b{font:700 24px var(--display)}.info span{font-size:14px;color:#ddd}
.section{padding:88px 0}.heading{text-align:center;margin:0 auto 40px}.heading.left{text-align:left}.heading>span{color:var(--r);font:600 18px var(--display);letter-spacing:5px}.heading h2{font:700 clamp(52px,6vw,82px)/.92 var(--display);margin:7px 0;text-transform:uppercase}.heading p{font-size:18px}.menu{background:radial-gradient(#0001 1px,transparent 1px),linear-gradient(135deg,#ffd91f,#f9b900);background-size:7px 7px,auto;position:relative}.menu:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:45px;background:#0c0b0a;clip-path:polygon(0 58%,8% 34%,17% 61%,26% 30%,35% 62%,44% 36%,53% 67%,62% 28%,71% 58%,80% 32%,90% 64%,100% 36%,100% 100%,0 100%)}.menu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.menu article{position:relative;background:#181818;border:4px solid #171717;border-radius:13px;overflow:hidden;box-shadow:0 12px 22px #6d2d0040;min-height:330px}.menu article img{height:100%;min-height:330px;object-fit:cover;transition:.3s}.menu article:hover img{transform:scale(1.04)}.menu article div{position:absolute;inset:auto 0 0;padding:50px 10px 13px;background:linear-gradient(transparent,#050505 46%);color:#fff;text-align:center}.menu h3{background:var(--r);margin:0 -10px 7px;padding:8px 4px;font:700 22px var(--display);clip-path:polygon(0 10%,96% 0,100% 88%,4% 100%)}.menu article p{display:none}.order{margin:34px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;gap:18px;background:#111;color:#fff;padding:15px 28px;border-radius:50px}.order span{color:var(--y);font:700 18px var(--display);text-transform:uppercase}.order a{font:600 25px var(--display)}.order i{height:27px;border-left:1px solid #fff4}
.about{color:#fff;background:radial-gradient(circle at 15% 20%,#382317,#131110 35%,#070707)}.about-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:80px;align-items:center}.about p{font-size:19px;line-height:1.7;color:#ddd}.about-img{position:relative}.about-img img{max-height:500px;object-fit:cover;object-position:center 28%;border:6px solid var(--y);border-radius:22px;box-shadow:18px 18px var(--r)}.about-img strong{position:absolute;right:-24px;bottom:-34px;background:var(--r);color:var(--y);padding:20px 25px;font:700 26px/1.12 var(--display);text-transform:uppercase;transform:rotate(-3deg);max-width:310px;clip-path:polygon(4% 0,100% 7%,95% 100%,0 91%)}.location{background:linear-gradient(100deg,#090909,#21150e);color:#fff;border-top:5px solid var(--r)}.location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.location ul{padding:0;list-style:none}.location li{display:flex;gap:18px;margin:19px 0;color:var(--r);font:500 30px var(--display)}.location li span{color:#fff;font-size:24px}.map{min-height:430px;border:6px solid #fff;border-radius:24px;overflow:hidden;box-shadow:14px 14px var(--r)}.map iframe{width:100%;height:430px;border:0}
footer{background:linear-gradient(#130b06c7,#080808),url('assets/images/hero-fire-v2.png') center 70%/cover;color:#fff;border-top:5px solid var(--r)}.footer-grid{min-height:270px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:50px}.footer-grid>div{display:flex;flex-direction:column}.footer-grid b{color:var(--y);font:700 27px var(--display);margin-bottom:10px}.footer-grid em{width:max-content;background:var(--r);padding:8px 25px;font:700 43px var(--display);transform:rotate(-2deg)}.footer-grid a{font:500 31px var(--display)}blockquote{margin:0;background:var(--r);color:var(--y);padding:24px 38px;font:700 34px/1.06 Georgia,serif;font-style:italic;transform:rotate(-4deg);text-align:center;clip-path:polygon(5% 0,100% 8%,95% 100%,0 90%)}.copyright{text-align:center;background:var(--y);color:#111;padding:22px;font:600 15px var(--display)}
@media(max-width:1100px){nav{gap:24px}.menu-grid{grid-template-columns:repeat(3,1fr)}.about-grid,.location-grid{grid-template-columns:1fr}.about-img{max-width:560px;margin:auto}}
@media(max-width:700px){.container{width:min(calc(100% - 24px),1540px)}.nav-wrap{height:78px}.brand small{font-size:13px}.brand b{font-size:36px}.nav-toggle{display:block}nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--y);padding:22px 25px 35px;flex-direction:column}nav.open{display:flex}.hero{min-height:700px;background-position:62% center}.hero-inner{padding:65px 0 95px}h1{font-size:64px}.hero-copy>p{font-size:17px}.phones{width:100%;padding:15px;gap:10px}.phones>span{width:52px;height:52px;font-size:28px}.phones a{font-size:29px}.actions{flex-direction:column}.btn{width:100%}.info-grid,.menu-grid,.footer-grid{grid-template-columns:1fr}.info-grid>div{padding:9px}.info-grid>div+div{border:0;border-top:1px solid #fff2}.section{padding:65px 0}.menu article,.menu article img{min-height:315px}.order{width:100%;border-radius:20px;flex-direction:column;gap:4px}.order i{height:0;width:60px;border-left:0;border-top:1px solid #fff4}.about-img strong{position:static;display:block;margin:-8px 10px 0 auto}.map,.map iframe{min-height:340px;height:340px}.footer-grid{padding:45px 0;text-align:center}.footer-grid>div{align-items:center}.footer-grid blockquote{grid-column:auto}}

/* Ista duboka, izlomljena ivica headera pre i posle skrolovanja. */
.topbar{clip-path:none;filter:none}
.topbar::after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:-15px;height:23px;background:var(--y);clip-path:polygon(0 0,100% 0,100% 45%,96% 76%,91% 42%,86% 74%,80% 47%,75% 81%,69% 40%,63% 78%,56% 44%,50% 82%,44% 42%,38% 77%,32% 44%,25% 79%,18% 39%,10% 81%,4% 44%,0 76%)}

/* Нова фотографија остаје одвојена од претходног hero-fire-v2 банера. */
.hero{background:linear-gradient(90deg,#050505f7 0%,#0b0806c7 36%,#00000012 66%),url('assets/images/hero-grill-v3.png') center/cover}
.brand b,h1,h1 small{font-family:'Ruslan Display',Georgia,serif}
.brand b{font-size:49px;letter-spacing:-1px}
h1{line-height:.94;letter-spacing:-2px}
h1 small{font-size:.48em;letter-spacing:0;color:var(--y)}
.hero-address{display:flex;width:max-content;max-width:100%;align-items:center;gap:11px;margin:15px 0 0 18px;color:#fff;font:600 18px/1.2 var(--display)}
.hero-address b{color:var(--y);font-size:24px}
.hero-address small{font-size:14px;font-weight:400;color:#ddd}
@media(max-width:700px){.brand b{font-size:32px}h1{font-size:57px}.hero-address{margin-left:5px;font-size:16px}}

/* Компактнији hero: текст и позив на акцију остају главни фокус. */
.hero{min-height:620px}
.hero-inner{padding:58px 0 72px}
h1{font-size:clamp(66px,5.5vw,96px);margin:15px 0 8px}
.hero-copy>p{margin:16px 0;font-size:19px}
.phones{padding:14px 25px}
.phones>span{width:64px;height:64px;font-size:35px}
.phones a{font-size:clamp(31px,3.2vw,44px)}
.hero-address{margin-top:11px}
.actions{margin-top:20px}
@media(max-width:700px){.hero{min-height:620px}.hero-inner{padding:55px 0 72px}h1{font-size:52px}.phones a{font-size:27px}}

/* Текстуални ценовник */
.price-menu{display:grid;grid-template-columns:1fr 1fr;gap:22px 55px;background:#fff4;padding:30px 34px;border:3px solid #111;border-radius:18px;box-shadow:10px 12px 0 #d5100d}
.menu{padding-top:66px}
.menu .heading h2{font-size:clamp(44px,4.8vw,68px)}
.about .heading h2,.location .heading h2{font-size:clamp(42px,4.5vw,64px)}

/* Anchor offset за sticky header и његову изломљену ивицу. */
html{scroll-padding-top:52px}
#pocetna,#meni,#onama,#lokacija,#kontakt{scroll-margin-top:52px}
@media(max-width:700px){html{scroll-padding-top:56px}#pocetna,#meni,#onama,#lokacija,#kontakt{scroll-margin-top:56px}}
.price-column{min-width:0}
.price-column p{display:flex;align-items:baseline;gap:8px;margin:0;padding:8px 0;border-bottom:2px dotted #1118;font:700 20px/1.15 var(--display);text-transform:uppercase}
.price-column p span{min-width:0}
.price-column p b{margin-left:auto;white-space:nowrap;color:var(--r);font-size:20px}
.price-column small{font-size:15px;font-weight:500;color:#4a3b21}
.delivery-note{margin:24px 0 0;text-align:center;color:var(--r);font:700 20px var(--display);text-transform:uppercase}
.about-grid{grid-template-columns:minmax(0,980px);justify-content:center}
.about-grid>div:first-child{max-width:980px}
.about .heading.left{text-align:center;margin-left:auto}
.about p{font-size:20px;text-align:center}
.location li small{font-size:16px;color:#bbb}
.location address{font-style:normal}
@media(max-width:850px){.price-menu{grid-template-columns:1fr;gap:0;padding:22px}.price-column p{font-size:17px}.price-column p b{font-size:17px}.delivery-note{font-size:17px}}

/* Званичан назив бренда: Лесковачки роштиљ ПАУН. */
.brand b{font-size:47px;white-space:nowrap}
h1{font-size:clamp(64px,5.2vw,90px);white-space:nowrap}
@media(max-width:700px){.brand b{font-size:31px}h1{font-size:49px;white-space:normal}}

/* Умеренија ширина и висина за лаптоп и широке desktop екране. */
@media(min-width:701px){
  .container{width:min(92%,1320px)}
  .hero{min-height:550px}
  .hero-inner{padding:45px 0 60px}
  .hero-copy{max-width:630px}
  h1{font-size:clamp(60px,4.7vw,82px)}
}

/* Финије скалирање за телефоне од 360–430 px. */
@media(max-width:480px){
  .hero{min-height:570px;background:linear-gradient(90deg,#050505f5 0%,#070504d9 58%,#0004 100%),url('assets/images/hero-grill-v3.png') 58% center/cover}
  .hero-inner{padding:40px 0 55px}
  .eyebrow{font-size:17px;padding:8px 15px}
  h1{font-size:43px;margin:12px 0 7px}
  h1 small{font-size:.43em}
  .hero-copy>p{font-size:16px;line-height:1.4;margin:13px 0}
  .phones{padding:11px 14px;border-radius:18px}
  .phones>span{width:48px;height:48px;font-size:26px}
  .phones a{font-size:25px;letter-spacing:1px}
  .hero-address{margin-top:9px;font-size:14px}
  .hero-address small{font-size:12px}
  .actions{gap:10px;margin-top:15px}
  .btn{min-height:47px;font-size:14px}
  .info{padding:14px 0}
  .info b{font-size:21px}
}
:root{--k:#0c0b0a}