/* SHOOKROON — road-sign system: landing / city / category pages (loads after css/signs.css and the page's own styles).
   Pages opt in with <body class="sg-page sg-land">. Replaces the old dark photo hero (50% overlay) with
   a clean photo band + the title on a sign plate. */
body.sg-land{background:var(--sg-ground);font-family:var(--sg-f-body);color:var(--sg-ink)}
.sg-land h1,.sg-land h2,.sg-land h3,.sg-land .section-title,.sg-land .content-section h2,.sg-land .content-section h3,
.sg-land .cta-section h2,.sg-land .prop-title,.sg-land .faq-q,.sg-land .hero h1{font-family:var(--sg-f-sign)!important;letter-spacing:-.01em}
/* header */
body.sg-land>nav{background:rgba(255,255,255,.98)!important;box-shadow:0 1px 0 var(--sg-line);padding:14px 32px}
.sg-land .nav-logo{color:var(--sg-ink)!important;font-family:var(--sg-f-sign);font-weight:800}
.sg-land .nav-logo span{color:var(--sg-sign)!important}
.sg-land .nav-links a{color:var(--sg-ink-2)!important;font-family:var(--sg-f-sign);font-weight:500}
.sg-land .nav-links a:hover{color:var(--sg-ink)!important}
.sg-land .nav-links a[hreflang]{border-color:var(--sg-line)!important;color:var(--sg-sign)!important}

/* hero: photo band + sign plate */
.sg-land .sg-view{height:clamp(220px,34vh,360px)}
.sg-land .hero{background:var(--sg-sign)!important;color:#fff;max-width:1132px;margin:28px auto 0;border-radius:var(--sg-r-sign);
  box-shadow:inset 0 0 0 6px var(--sg-sign),inset 0 0 0 9px #fff,var(--sg-shadow)!important;padding:40px 48px 36px!important;
  text-align:start!important;position:relative;z-index:2;overflow:visible!important}
.sg-land .sg-view+.hero{margin-top:-92px}
.sg-land .hero::before,.sg-land .hero::after{display:none!important}
.sg-land .hero .breadcrumb{color:var(--sg-sign-soft)!important;font-size:13.5px;margin-bottom:14px}
.sg-land .hero .breadcrumb a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.sg-land .hero-eyebrow{background:var(--sg-shield)!important;color:var(--sg-ink)!important;border:0!important;text-shadow:none!important;
  font:700 13px/1 var(--sg-f-sign)!important;letter-spacing:.02em!important;padding:7px 11px!important;border-radius:7px!important;margin-bottom:16px!important}
.sg-land .hero h1{color:#fff!important;font-weight:800!important;font-size:clamp(30px,4.2vw,50px)!important;line-height:1.08!important;text-shadow:none!important;margin-bottom:14px!important}
.sg-land .hero h1 em{color:var(--sg-shield)!important;text-shadow:none!important}
.sg-land .hero p{color:var(--sg-sign-soft)!important;text-shadow:none!important;max-width:62ch!important;margin:0 0 22px!important;font-size:17px!important}
.sg-land .hero-cta{justify-content:flex-start!important}
.sg-land .hero .btn-accent,.sg-land .cta-section .btn-accent{background:var(--sg-shield)!important;color:var(--sg-ink)!important;box-shadow:none!important;border-radius:var(--sg-r-ctl)!important;font-family:var(--sg-f-sign);font-weight:800}
.sg-land .hero .btn-accent:hover,.sg-land .cta-section .btn-accent:hover{background:var(--sg-shield-deep)!important}
.sg-land .hero .btn-outline,.sg-land .cta-section .btn-outline{border:2px solid rgba(255,255,255,.75)!important;color:#fff!important;border-radius:var(--sg-r-ctl)!important;font-family:var(--sg-f-sign)}
.sg-land .hero .btn-outline:hover,.sg-land .cta-section .btn-outline:hover{background:rgba(255,255,255,.12)!important}
.sg-land .btn .sg-ico{width:18px;height:18px;vertical-align:-3px;margin-inline-end:6px}

/* stats bar -> proof line under the sign */
.sg-land .stats{background:none!important;max-width:1132px;margin:0 auto;padding:18px 24px 6px!important;gap:10px 30px!important;justify-content:flex-start!important}
.sg-land .stat{display:flex;align-items:baseline;gap:8px;text-align:start}
.sg-land .stat-num{color:var(--sg-ink)!important;font:800 20px/1.1 var(--sg-f-sign)!important}
.sg-land .stat-label{color:var(--sg-ink-2)!important;font:500 15px/1.3 var(--sg-f-sign)!important}

/* property cards */
.sg-land .prop-card{border:1px solid var(--sg-line);box-shadow:none!important;border-radius:var(--sg-r-card)!important}
.sg-land .prop-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -20px rgba(7,40,46,.5)!important}
.sg-land .prop-title{font-weight:700!important;color:var(--sg-ink)!important;font-size:19px!important;line-height:1.3!important}
.sg-land .prop-meta{display:inline-flex;align-items:center;gap:6px;background:var(--sg-sign);color:#fff!important;font:600 13px/1 var(--sg-f-sign)!important;
  padding:7px 11px 6px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--sg-sign),inset 0 0 0 3.5px #fff;margin:6px 0 12px!important}
.sg-land .prop-meta .sg-ico{width:15px;height:15px}
.sg-land .prop-feature{background:var(--sg-paper)!important;border:1px solid var(--sg-line);color:var(--sg-ink-2)!important;display:inline-flex;align-items:center;gap:5px}
.sg-land .prop-feature .sg-ico{width:16px;height:16px;color:var(--sg-sign)}
.sg-land .prop-price{color:var(--sg-ink)!important;font-family:var(--sg-f-sign)}
.sg-land .prop-book{background:none!important;color:var(--sg-sign)!important;border:0!important;text-align:start!important;padding:10px 0 0!important;font:700 15px/1 var(--sg-f-sign)!important;box-shadow:none!important}
.sg-land .card{border:1px solid var(--sg-line);box-shadow:none!important}

/* content + FAQ */
.sg-land .content-section{background:var(--sg-paper)!important;border:1px solid var(--sg-line);box-shadow:none!important}
.sg-land .faq-item{background:var(--sg-paper)!important;border:1px solid var(--sg-line)!important;box-shadow:none!important}
.sg-land .faq-q::after{color:var(--sg-sign)!important}
.sg-land .section-subtitle{color:var(--sg-ink-3)!important}

/* closing call to action as a sign */
.sg-land .cta-section{background:var(--sg-sign)!important;box-shadow:inset 0 0 0 6px var(--sg-sign),inset 0 0 0 9px #fff,var(--sg-shadow)!important;border-radius:var(--sg-r-sign)!important}
.sg-land .cta-section h2{color:#fff!important}
.sg-land .cta-section p{color:var(--sg-sign-soft)!important}
.sg-land footer{background:var(--sg-sign-deep)!important;color:#d8ecec!important}
.sg-land footer a{color:#fff!important}

/* mobile sticky call-to-action */
.sg-land .sticky-cta{background:#fff!important;box-shadow:0 -10px 24px -18px rgba(0,0,0,.4)!important;border-top:1px solid var(--sg-line)}
.sg-land .sticky-cta a{border-radius:var(--sg-r-ctl)!important;font-family:var(--sg-f-sign)}
.sg-land .sticky-cta .sc-wa{background:#0b7a43!important;color:#fff!important}
.sg-land .sticky-cta .sc-tel{background:var(--sg-sign)!important;color:#fff!important}
@media (max-width:640px){
  body.sg-land>nav{padding:10px 16px 4px;flex-wrap:wrap;gap:6px}
  body.sg-land>nav .nav-links{flex-wrap:nowrap;overflow-x:auto;gap:18px!important;width:100%;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.sg-land>nav .nav-links a{white-space:nowrap;font-size:15px!important;padding:6px 0}
  body.sg-land>nav .nav-links a[hreflang]{order:-1;padding:5px 12px!important}
  .sg-land .sg-view{height:24vh;min-height:170px}
  .sg-land .hero{margin:16px 12px 0!important;padding:26px 20px 24px!important}
  .sg-land .sg-view+.hero{margin-top:-46px!important}
  .sg-land .hero h1{font-size:30px!important}
  .sg-land .hero p{font-size:16px!important}
  .sg-land .hero-cta .btn{width:100%;text-align:center}
  .sg-land .stats{padding:14px 16px 4px!important;gap:6px 18px!important}
  .sg-land .stat-num{font-size:17px!important}
  .sg-land .stat-label{font-size:14px!important}
}

/* owners-faq (homepage-style header + .page-hero) */
.sg-land .page-hero{background:none!important;padding:100px 24px 0!important;text-align:start!important;overflow:visible!important}
.sg-land .page-hero::before,.sg-land .page-hero::after{display:none!important}
.sg-land .page-hero .container{max-width:1132px;background:var(--sg-sign);border-radius:var(--sg-r-sign);padding:40px 48px 34px;
  box-shadow:inset 0 0 0 6px var(--sg-sign),inset 0 0 0 9px #fff,var(--sg-shadow)}
.sg-land .page-hero .tag{background:var(--sg-shield)!important;color:var(--sg-ink)!important;border-radius:7px!important;padding:7px 11px!important;letter-spacing:.02em!important;font:700 13px/1 var(--sg-f-sign)!important}
.sg-land .page-hero h1{color:#fff!important;font-family:var(--sg-f-sign)!important;font-weight:800!important}
.sg-land .page-hero h1 em{color:var(--sg-shield)!important}
.sg-land .page-hero h2,.sg-land .page-hero p{color:var(--sg-sign-soft)!important}
.sg-land .page-hero .breadcrumb,.sg-land .page-hero .breadcrumb span{color:var(--sg-sign-soft)!important;justify-content:flex-start!important}
.sg-land .page-hero .breadcrumb a{color:#fff!important}
@media (max-width:640px){.sg-land .page-hero{padding:80px 12px 0!important}.sg-land .page-hero .container{padding:26px 20px 24px}}
