/* MiniFabrika final UI consistency fixes */
.menu-toggle{display:none!important}

/* Core light visual system. */
.card,.stat,.step,.faq-list details,.cta-box,.summary-box,.table-wrap,.visual-metrics{
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-sm)!important;
}
.step h3,.step p,.faq-list summary,.faq-list p,.stat strong,.stat p{color:var(--text)!important}
.step p,.faq-list p,.stat p{color:var(--muted)!important}

.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}

/* Simple navigation keeps the sales CTA visually distinct. */
.simple-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.simple-nav a{white-space:nowrap!important}
.simple-nav .nav-cta{
  background:#ff6b2c!important;
  border-color:#ff6b2c!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(255,107,44,.18)!important;
}
.simple-nav .nav-cta:hover,.simple-nav .nav-cta.active{
  background:#ef5f23!important;
  border-color:#ef5f23!important;
  color:#fff!important;
}

/* Compact desktop rhythm. */
.hero{padding:48px 0 52px!important}
section{padding:48px 0!important}
main section+section{border-top:1px solid #e7ecef!important}

/* Production imagery should look intentional rather than like a raw upload. */
.sales-hero .image-card{
  padding:12px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff,#eef6f7)!important;
  border:1px solid #d5e3e6!important;
  box-shadow:0 18px 42px rgba(21,35,52,.11)!important;
}
.sales-hero .image-card img{
  border-radius:16px!important;
  object-position:center 45%!important;
  filter:saturate(.95) contrast(1.03)!important;
}
.focus-item{padding:16px!important}

/* Quote page: use the full card width, reduce vertical waste and keep the whole form visible at 100% desktop zoom. */
.quote-page .page-head{padding:26px 0 18px!important}
.quote-page .page-head h1{font-size:clamp(2rem,3.2vw,3rem)!important;margin:8px 0 10px!important;max-width:20ch!important}
.quote-page .page-head .lead{font-size:.98rem!important;line-height:1.55!important;max-width:68ch!important}
.quote-page #teklif-form{padding:22px 0 34px!important;scroll-margin-top:76px!important}
.quote-page #teklif-form>.container{max-width:1040px!important}
.quote-page #teklif-form .card{padding:20px 22px!important;border-radius:18px!important}
.quote-page #teklif-form .card>h2{font-size:1.28rem!important;margin-bottom:5px!important}
.quote-page #teklif-form .card>.lead{font-size:.94rem!important;line-height:1.5!important;margin-bottom:14px!important}
.quote-page .quote-form{gap:10px!important}
.quote-page .quote-form .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.quote-page .quote-form label{font-size:.88rem!important;margin-bottom:4px!important}
.quote-page .quote-form input,.quote-page .quote-form select,.quote-page .quote-form textarea{
  min-height:42px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
}
.quote-page .quote-form textarea{min-height:88px!important}
.quote-page .quote-form input[type="file"]{padding:7px 9px!important}
.quote-page .quote-form .form-note{font-size:.79rem!important;line-height:1.35!important;margin-top:4px!important}
.quote-page .consent{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  gap:9px!important;
  margin-top:2px!important;
}
.quote-page .consent input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  min-height:0!important;
  margin:2px 0 0!important;
  padding:0!important;
  accent-color:var(--accent)!important;
}
.quote-page .consent span{font-size:.86rem!important;line-height:1.4!important;font-weight:600!important;color:var(--text)!important}
.quote-page .quote-form button[type="submit"]{min-height:46px!important;margin-top:2px!important}

@media(max-width:980px){
  .stats,.steps{grid-template-columns:1fr 1fr!important}
  .grid-3{grid-template-columns:1fr 1fr!important}
  .simple-nav{display:flex!important;flex:1 0 100%!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:4px 0 7px!important;scrollbar-width:none!important}
  .simple-nav::-webkit-scrollbar{display:none!important}
  .simple-nav a{flex:0 0 auto!important;background:#fff!important;border:1px solid var(--line)!important}
  .simple-nav .nav-cta{background:#ff6b2c!important;border-color:#ff6b2c!important;color:#fff!important}
}

@media(max-width:768px){
  html{scroll-padding-top:150px!important;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden!important}
  .topbar-inner{
    min-height:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:10px 0 12px!important;
  }
  .logo{align-self:flex-start!important}
  .simple-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    flex:0 0 auto!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .simple-nav a{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:8px 5px!important;
    justify-content:center!important;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#435263!important;
    font-size:.88rem!important;
    line-height:1.12!important;
    text-align:center!important;
  }
  .simple-nav .nav-cta{
    grid-column:1/-1!important;
    min-height:46px!important;
    background:#ff6b2c!important;
    border-color:#ff6b2c!important;
    color:#fff!important;
  }

  /* Mobile hero: keep the message strong without consuming the first two screens. */
  .sales-hero{padding:30px 0 34px!important}
  .sales-hero h1{font-size:clamp(2.45rem,11vw,3.15rem)!important;line-height:1.02!important;margin:14px 0 16px!important;max-width:11ch!important}
  .sales-hero .lead{font-size:1rem!important;line-height:1.6!important}
  .sales-hero .badge{font-size:.78rem!important;padding:6px 9px!important}
  .focus-strip{gap:10px!important;margin-top:18px!important}
  .focus-item{padding:14px!important}

  /* Mobile quote form: one readable column and touch-safe controls. */
  .quote-page .page-head{padding:22px 0 15px!important}
  .quote-page .page-head h1{font-size:2.15rem!important;line-height:1.05!important;margin:8px 0 9px!important}
  .quote-page .page-head .lead{font-size:.94rem!important;line-height:1.5!important}
  .quote-page #teklif-form{padding:14px 0 28px!important}
  .quote-page #teklif-form>.container{width:calc(100% - 20px)!important}
  .quote-page #teklif-form .card{padding:18px 16px!important;border-radius:16px!important}
  .quote-page #teklif-form .card>.lead{font-size:.9rem!important;margin-bottom:13px!important}
  .quote-page .quote-form{gap:12px!important}
  .quote-page .quote-form .grid-3{grid-template-columns:1fr!important;gap:12px!important}
  .quote-page .quote-form label{font-size:.92rem!important}
  .quote-page .quote-form input,.quote-page .quote-form select,.quote-page .quote-form textarea{
    width:100%!important;
    min-height:48px!important;
    padding:11px 12px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }
  .quote-page .quote-form textarea{min-height:100px!important}
  .quote-page .quote-form input[type="file"]{padding:9px!important}
  .quote-page .consent{grid-template-columns:24px minmax(0,1fr)!important;gap:10px!important;margin-top:4px!important}
  .quote-page .consent input[type="checkbox"]{width:22px!important;height:22px!important;min-height:0!important;padding:0!important;margin-top:1px!important}
  .quote-page .consent span{font-size:.92rem!important;line-height:1.45!important}
  .quote-page .quote-form button[type="submit"]{min-height:50px!important;font-size:1rem!important}

  /* Floating chrome was obscuring form controls on iOS Safari. */
  .scroll-top,.progress-track{display:none!important}
}

@media(max-width:640px){
  .stats,.steps,.grid-3{grid-template-columns:1fr!important}
  section{padding:36px 0!important}
}

@media(max-width:390px){
  .simple-nav a{font-size:.82rem!important;padding-inline:3px!important}
  .sales-hero h1{font-size:2.35rem!important}
}