/* Bravarija Mrkšić — mobile-first static site */
:root{--bg:#0c1014;--bg2:#12181e;--panel:#171e25;--line:#2a323a;--text:#f5f6f7;--muted:#aeb7bf;--accent:#e4aa39;--accent2:#f4c65d;--dark:#090c0f;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:10px}.topline{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent))}.site-header{position:fixed;z-index:1000;top:3px;left:0;right:0;background:rgba(10,14,18,.82);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo img{width:204px;height:auto}.desktop-nav{display:none}.menu-details{position:relative}.menu-details summary{list-style:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:#151b21;cursor:pointer}.menu-details summary::-webkit-details-marker{display:none}.hamb{width:22px;height:16px;position:relative;border-top:2px solid #fff;border-bottom:2px solid #fff}.hamb:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid #fff}.menu-panel{position:absolute;right:0;top:57px;width:min(310px,calc(100vw - 32px));padding:12px;background:#12181e;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.menu-panel a{display:block;padding:13px 14px;border-radius:11px;font-weight:750}.menu-panel a:hover,.menu-panel a[aria-current="page"]{background:#1c242c;color:var(--accent2)}.menu-panel .mobile-call{margin-top:8px;background:var(--accent);color:#111;text-align:center}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:132px 0 70px;background-color:#0b0f13;background-image:linear-gradient(180deg,rgba(5,8,11,.38) 0%,rgba(5,8,11,.60) 48%,rgba(5,8,11,.92) 100%),var(--hero-mobile,var(--hero));background-size:cover;background-repeat:no-repeat;background-position:center center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero .container{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent2);font-size:.76rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--accent)}.hero h1{font-size:clamp(2.6rem,13vw,5.9rem);line-height:.95;max-width:980px;margin:16px 0 18px;letter-spacing:-.055em;text-wrap:balance}.hero p{max-width:710px;color:#e0e4e7;font-size:1.05rem;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 18px;border-radius:12px;font-weight:850;border:1px solid rgba(255,255,255,.16);transition:.2s ease}.btn-primary{background:var(--accent);color:#0b0e11;border-color:var(--accent)}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px)}.btn-ghost{background:rgba(9,12,15,.58)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent2)}.hero-note{margin-top:24px;display:flex;align-items:flex-start;gap:10px;color:#c8cfd5;font-size:.9rem;max-width:650px}.hero-note strong{color:#fff}.dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px rgba(228,170,57,.12);margin-top:7px;flex:0 0 auto}.section{padding:78px 0}.section-sm{padding:56px 0}.section-head{display:grid;gap:15px;margin-bottom:34px}.section-head h2{font-size:clamp(2rem,8vw,3.5rem);line-height:1.05;letter-spacing:-.04em;margin:0;max-width:850px}.section-head p{margin:0;color:var(--muted);max-width:760px}.kicker{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);font-weight:850}.grid{display:grid;gap:16px}.cards{grid-template-columns:1fr}.card{position:relative;background:linear-gradient(155deg,#182028,#11171d);border:1px solid var(--line);border-radius:var(--radius);padding:24px;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%)}.card .num{font-size:.75rem;color:var(--accent2);font-weight:900;letter-spacing:.13em}.card h3{font-size:1.4rem;line-height:1.16;margin:12px 0 10px}.card p{color:var(--muted);margin:0}.card-link{display:inline-block;margin-top:18px;color:var(--accent2);font-weight:850}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f1419}.strip-grid{display:grid;grid-template-columns:repeat(2,1fr)}.strip-item{padding:22px 14px;border-right:1px solid var(--line)}.strip-item:nth-child(even){border-right:0}.strip-item strong{display:block;font-size:1.28rem}.strip-item span{font-size:.78rem;color:var(--muted)}.split{display:grid;gap:32px;align-items:center}.media-frame{border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#171d23}.media-frame img{width:100%;aspect-ratio:4/5;object-fit:cover}.bullets{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}.bullets li{display:flex;gap:13px;align-items:flex-start}.check{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(228,170,57,.14);color:var(--accent2);font-weight:900;flex:0 0 auto}.notice{border:1px solid rgba(228,170,57,.38);background:linear-gradient(135deg,rgba(228,170,57,.11),rgba(228,170,57,.03));padding:20px;border-radius:18px}.notice strong{color:var(--accent2)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery a{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#161b20}.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:.3s ease}.gallery a:hover img{transform:scale(1.035)}.gallery a:nth-child(3n){grid-column:span 2}.gallery a:nth-child(3n) img{aspect-ratio:16/10}.process{counter-reset:step;display:grid;gap:15px}.process-step{counter-increment:step;padding:24px;border-radius:20px;background:#13191f;border:1px solid var(--line)}.process-step:before{content:"0" counter(step);color:var(--accent2);font-size:.78rem;font-weight:900;letter-spacing:.12em}.process-step h3{margin:10px 0 6px}.process-step p{margin:0;color:var(--muted)}.service-band{display:grid;gap:18px;background:linear-gradient(145deg,#1a2129,#10151a);border:1px solid var(--line);border-radius:26px;padding:28px}.service-band h2{margin:0;font-size:clamp(2rem,8vw,3.2rem);line-height:1.05}.service-band p{color:var(--muted);margin:8px 0 0}.taglist{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag{padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#d6dbe0;font-size:.82rem;background:#11171d}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:850;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent2);font-size:1.3rem}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);margin:10px 0 0}.contact-grid{display:grid;gap:16px}.contact-card{padding:26px;border-radius:20px;background:#151b21;border:1px solid var(--line)}.contact-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.contact-card strong{display:block;font-size:1.25rem;margin-top:4px}.cta{background:linear-gradient(120deg,var(--accent),#f0c15e);color:#111;padding:34px;border-radius:26px;display:grid;gap:18px}.cta h2{font-size:clamp(2rem,8vw,3.2rem);line-height:1.04;margin:0}.cta p{margin:0;max-width:700px}.cta .btn{background:#111;color:#fff;border-color:#111;justify-self:start}.page-intro{min-height:74svh}.page-intro h1{font-size:clamp(2.6rem,11vw,5.3rem)}.breadcrumbs{font-size:.78rem;color:#c2c9cf;margin-bottom:18px}.breadcrumbs a{color:var(--accent2)}.footer{margin-top:78px;padding:48px 0 28px;background:#080b0e;border-top:1px solid #1c242b}.footer-grid{display:grid;gap:28px}.footer-logo img{width:220px}.footer p,.footer a{color:#aeb7bf}.footer a:hover{color:var(--accent2)}.footer-links{display:grid;gap:8px}.footer-title{color:#fff;font-weight:850;margin-bottom:10px}.copyright{margin-top:34px;padding-top:20px;border-top:1px solid #20272e;color:#7f8992;font-size:.82rem}.float-call{position:fixed;right:18px;bottom:18px;z-index:1100;width:58px;height:58px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#111;box-shadow:0 13px 33px rgba(228,170,57,.32);border:2px solid rgba(255,255,255,.28)}.float-call svg{width:25px;height:25px}.float-call:hover{transform:translateY(-2px);background:var(--accent2)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.only-fabrication{font-weight:850;color:var(--accent2)}
@media(min-width:700px){.hero{background-image:linear-gradient(90deg,rgba(5,8,11,.82),rgba(5,8,11,.40) 60%,rgba(5,8,11,.22)),var(--hero);background-position:center center}.container{width:min(1180px,calc(100% - 56px))}.hero{padding-bottom:90px}.cards{grid-template-columns:repeat(2,1fr)}.strip-grid{grid-template-columns:repeat(4,1fr)}.strip-item:nth-child(even){border-right:1px solid var(--line)}.strip-item:last-child{border-right:0}.gallery{grid-template-columns:repeat(3,1fr)}.gallery a:nth-child(3n){grid-column:auto}.gallery a:nth-child(3n) img{aspect-ratio:4/5}.process{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.3fr .8fr .8fr}.service-band{grid-template-columns:1.3fr .7fr;align-items:center;padding:38px}.service-band .btn{justify-self:end}.cta{padding:44px;grid-template-columns:1fr auto;align-items:center}.cta .btn{justify-self:end}}
@media(min-width:960px){.nav-wrap{height:78px}.menu-details{display:none}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{padding:10px 12px;border-radius:10px;color:#d6dce1;font-size:.91rem;font-weight:750}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--accent2);background:rgba(255,255,255,.04)}.desktop-nav .nav-call{margin-left:8px;background:var(--accent);color:#101316;padding:10px 15px}.desktop-nav .nav-call:hover{color:#101316;background:var(--accent2)}.hero{background-position:center}.hero p{font-size:1.16rem}.cards{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:.9fr 1.1fr;gap:66px}.split.reverse{grid-template-columns:1.1fr .9fr}.split.reverse .media-frame{order:2}.process{grid-template-columns:repeat(4,1fr)}.gallery{grid-template-columns:repeat(4,1fr)}.gallery a:nth-child(1),.gallery a:nth-child(6){grid-column:span 2}.gallery a:nth-child(1) img,.gallery a:nth-child(6) img{aspect-ratio:8/5}.section{padding:105px 0}.page-intro{min-height:76svh}.float-call{right:28px;bottom:28px;width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Local SEO content block – readable, non-intrusive and mobile-first */
.local-seo{padding-top:64px;padding-bottom:64px}.local-seo-card{position:relative;overflow:hidden;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#171e25,#0f1419)}.local-seo-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.local-seo-card h2{margin:10px 0 14px;font-size:clamp(1.8rem,7vw,3rem);line-height:1.08;letter-spacing:-.035em;max-width:850px}.local-seo-card p{margin:0;color:var(--muted);max-width:900px}.local-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.local-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#11171d;color:#e4e8eb;font-size:.82rem;font-weight:800}.local-links a:hover{border-color:var(--accent);color:var(--accent2)}@media(min-width:700px){.local-seo-card{padding:38px}}

/* Page-specific hero artwork. Paths are relative to assets/style.css, so they work reliably on every HTML page. */
.page-home .hero{background-image:linear-gradient(180deg,rgba(5,8,11,.38) 0%,rgba(5,8,11,.60) 48%,rgba(5,8,11,.92) 100%),url('images/rad-09.webp')}
.page-services .hero{background-image:linear-gradient(180deg,rgba(5,8,11,.38) 0%,rgba(5,8,11,.60) 48%,rgba(5,8,11,.92) 100%),url('images/rad-05.webp')}
.page-garages .hero{background-image:linear-gradient(180deg,rgba(5,8,11,.38) 0%,rgba(5,8,11,.60) 48%,rgba(5,8,11,.92) 100%),url('images/rad-04.webp')}
.page-gates .hero{background-image:linear-gradient(180deg,rgba(5,8,11,.38) 0%,rgba(5,8,11,.60) 48%,rgba(5,8,11,.92) 100%),url('images/rad-02.webp')}
.page-work .hero{background-image:linear-gradient(180deg,rgba(5,8,11,.38) 0%,rgba(5,8,11,.60) 48%,rgba(5,8,11,.92) 100%),url('images/rad-09.webp')}
@media(min-width:700px){
.page-home .hero{background-image:linear-gradient(90deg,rgba(5,8,11,.82),rgba(5,8,11,.40) 60%,rgba(5,8,11,.22)),url('images/hero-1.webp')}
.page-services .hero{background-image:linear-gradient(90deg,rgba(5,8,11,.82),rgba(5,8,11,.40) 60%,rgba(5,8,11,.22)),url('images/hero-2.webp')}
.page-garages .hero{background-image:linear-gradient(90deg,rgba(5,8,11,.82),rgba(5,8,11,.40) 60%,rgba(5,8,11,.22)),url('images/hero-3.webp')}
.page-gates .hero{background-image:linear-gradient(90deg,rgba(5,8,11,.82),rgba(5,8,11,.40) 60%,rgba(5,8,11,.22)),url('images/hero-4.webp')}
.page-work .hero{background-image:linear-gradient(90deg,rgba(5,8,11,.82),rgba(5,8,11,.40) 60%,rgba(5,8,11,.22)),url('images/hero-5.webp')}
}