/* BiznesCity — the shared look of EVERY company landing page.
   inc/sanitize.php links this file into each page (always last in <head>), so editing it here restyles all pages at once.
   Pages are generated / uploaded with their own CSS and class names, so the rules below are structural
   (main > section, h2, details …) and use !important on purpose: this file is what makes the pages identical.
   Rules: flat section backgrounds that alternate sand / paper, no decorative shapes, one heading style,
   one card style, no links inside service cards. */
@import url("fonts/fonts.css");
:root{--u-paper:#FBFAF6;--u-sand:#EFE9DD;--u-ink:#1B2437;--u-muted:#5A6275;--u-line:#E4E0D4;--u-gold-text:#8A6420;--u-shadow:0 14px 35px rgba(27,36,55,.08)}

html body{background:var(--u-paper)!important;color:var(--u-ink);font-family:Inter,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
html body main{display:block;overflow:hidden}

/* ---- sections: same rhythm, flat colour (sand → paper → sand …), nothing drawn behind them ---- */
html body main>section{position:relative;padding:76px 0!important;background:var(--u-sand)!important;background-image:none!important;overflow:hidden}
html body main>section:nth-of-type(even){background:var(--u-paper)!important}
html body main>section::before,html body main>section::after{content:none!important;display:none!important}

/* ---- headings: one family, size and case ---- */
html body main>section h2{font-family:Montserrat,Arial,sans-serif!important;font-weight:800!important;font-size:clamp(26px,3.4vw,40px)!important;line-height:1.18!important;letter-spacing:-.4px!important;text-transform:none!important;color:var(--u-ink)!important;margin-top:0}
html body main>section h3{font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;font-size:18px!important;line-height:1.3!important;color:var(--u-ink)!important}
html body main>section p{color:var(--u-muted)}
html body main>section [class*="eyebrow"]{font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;font-size:12px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:var(--u-gold-text)!important}

/* ---- cards: white, 20px radius, one soft shadow (links/buttons that merely contain "card" in their class are excluded) ---- */
html body main>section [class*="card"]:not(a):not([class*="link"]):not([class*="head"]):not([class*="grid"]):not([class*="row"]):not([class*="list"]){background:#fff!important;border:1px solid rgba(228,224,212,.8)!important;border-radius:20px!important;box-shadow:var(--u-shadow)!important}

html body main>section [class*="service"][class*="card"]{min-height:0!important}

/* ---- FAQ: separate white rows with the same radius ---- */
html body main>section details{background:#fff!important;border:1px solid var(--u-line)!important;border-radius:16px!important;margin:0 0 12px!important;padding:0 22px!important;box-shadow:none!important}
html body main>section details:first-child,html body main>section details:last-child{border-radius:16px!important}

/* ---- images: same corner radius, never overflow ---- */
html body main>section img{max-width:100%}
html body main>section [class*="visual"],html body main>section [class*="about-image"]{border-radius:24px!important;overflow:hidden}

@media (max-width:768px){
  html body main>section{padding:54px 0!important}
}

/* ---- pages WITHOUT standard sections (older / hand-made uploads; the sanitiser adds class "bd-legacy" to <body>):
        same colours, type, cards and buttons as every other page ---- */
html body.bd-legacy{background:var(--u-paper)!important;color:var(--u-ink)!important;font-family:Inter,Arial,sans-serif!important;line-height:1.65!important;text-align:left!important}
body.bd-legacy .wrap{max-width:none!important;margin:0!important}
body.bd-legacy>header,body.bd-legacy>.hero{background:var(--u-sand)!important;color:var(--u-ink)!important;border:0!important;text-align:left!important;max-width:none!important;margin:0!important;padding:72px max(24px,calc((100% - 1120px)/2)) 52px!important}
body.bd-legacy>main,body.bd-legacy>.grid,body.bd-legacy>.info{max-width:none!important;margin-inline:0!important;padding-inline:max(24px,calc((100% - 1120px)/2))!important}
body.bd-legacy>main{padding-top:56px!important;padding-bottom:72px!important}
body.bd-legacy h1,body.bd-legacy h2,body.bd-legacy h3{font-family:Montserrat,Arial,sans-serif!important;font-weight:800!important;color:var(--u-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-transform:none!important;letter-spacing:-.4px!important;line-height:1.2!important}
body.bd-legacy h1{font-size:clamp(30px,4.4vw,48px)!important;margin:0!important}
body.bd-legacy h2{font-size:clamp(24px,3vw,34px)!important;margin:34px 0 16px!important}
body.bd-legacy h3{font-size:18px!important;font-weight:700!important;margin:0 0 8px!important}
body.bd-legacy p,body.bd-legacy li,body.bd-legacy td{color:var(--u-muted)!important;font-style:normal!important;opacity:1!important}
body.bd-legacy>header p,body.bd-legacy>.hero p{margin-top:14px!important;font-size:1.05rem!important}
body.bd-legacy .grid,body.bd-legacy main .grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:18px!important;padding-top:56px!important;padding-bottom:56px!important}
body.bd-legacy .box,body.bd-legacy .info,body.bd-legacy [class*="card"]{background:#fff!important;color:var(--u-muted)!important;border:1px solid rgba(228,224,212,.8)!important;border-radius:20px!important;box-shadow:var(--u-shadow)!important;padding:26px!important;font-family:Inter,Arial,sans-serif!important}
body.bd-legacy>.info{margin:0 max(24px,calc((100% - 1120px)/2)) 56px!important;padding:26px!important}
body.bd-legacy table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--u-line)!important;border-radius:16px!important;overflow:hidden;box-shadow:var(--u-shadow)}
body.bd-legacy th{background:var(--u-sand)!important;color:var(--u-ink)!important;font-family:Montserrat,Arial,sans-serif!important;text-transform:none!important;border:0!important;border-bottom:1px solid var(--u-line)!important;padding:14px 18px!important}
body.bd-legacy td{border:0!important;border-bottom:1px solid var(--u-line)!important;padding:14px 18px!important}
body.bd-legacy tr:last-child td{border-bottom:0!important}
body.bd-legacy a.phone,body.bd-legacy a.cta,body.bd-legacy a[class*="btn"],body.bd-legacy a[class*="button"]{display:inline-flex!important;align-items:center;width:auto!important;background:linear-gradient(135deg,#9A6A1E 0%,#80571A 100%)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:14px 28px!important;font:700 1rem Montserrat,Arial,sans-serif!important;text-decoration:none!important;margin:28px 0 64px max(24px,calc((100% - 1120px)/2))!important}
body.bd-legacy main a.phone,body.bd-legacy main a.cta{margin:28px 0 0!important}

/* side padding for the company-page body: 24px, 16px on phones (same as hero / gallery / contacts) */
html body main>section{padding-left:24px!important;padding-right:24px!important}
@media (max-width:820px){
  html body main>section{padding-left:16px!important;padding-right:16px!important}
}