/* KRELTOV — css/style.css */
@theme{--color-bg-primary:#FAF8F3;--color-bg-secondary:#F0ECE6;--color-ink-primary:#1C1A18;--color-ink-muted:#5A7A6A;--color-accent:#6A8A7A;--font-display:'Playfair Display',Georgia,serif;--font-body:'Source Sans 3',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#FAF8F3;color:#1C1A18;font:17px/1.7 'Source Sans 3',Arial,sans-serif}a{color:#4f7564;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{text-align:center;background:#F0ECE6;color:#5A7A6A;border-bottom:1px solid rgba(0,0,0,.08);padding:8px 16px;font-size:13px}.site-header{border-bottom:1px solid rgba(0,0,0,.1);background:#FAF8F3}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.wordmark{font:700 31px 'Playfair Display',serif;color:#1C1A18}.light{color:#fff}nav{display:flex;gap:24px;align-items:center;justify-content:center;flex:1}.nav-group{position:relative;color:#4f7564;cursor:pointer}.dropdown{display:none;position:absolute;top:25px;left:-15px;background:#fff;border:1px solid #ddd;padding:14px;width:280px;z-index:3}.dropdown a{display:block;padding:5px}.nav-group:hover .dropdown{display:block}.phone{white-space:nowrap}.menu-toggle{display:none}section{padding:78px 0}.hero{background:#314c43;color:#fff}.hero h1,.hero p,.hero h2{color:#fff}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.hero img,.split img{width:100%;height:390px;object-fit:cover;border-radius:8px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#88b39e;font-size:13px;font-weight:600}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.15}h1{font-size:clamp(42px,6vw,78px);margin:15px 0}h2{font-size:38px}h3{font-size:23px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.callout,.takeaways{border:1px solid #ddd4c8;background:#fff;padding:26px;border-radius:8px}.card img{width:100%;height:190px;object-fit:cover;border-radius:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#6A8A7A;color:#fff;text-align:center}.stats strong{display:block;font:700 42px 'Playfair Display',serif}.stats h3,.stats p{color:#fff}.band{background:#F0ECE6}.article-header{padding:90px 0 50px}.article-body{max-width:820px}.article-body p{font-size:18px}.article-body ul{padding-left:24px}.article-body li{margin:10px 0}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;background:#fff}.table-wrap th,.table-wrap td{padding:14px;border:1px solid #d9d0c4;text-align:left}.callout{border-left:6px solid #6A8A7A}.newsletter{background:#314c43;color:#fff}.newsletter h2,.newsletter p{color:#fff}.newsletter input{padding:15px;border:0;width:60%;font:inherit}.button{background:#6A8A7A;color:#fff;border:0;padding:15px 23px;font-weight:600}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-top:60px;padding-bottom:50px}footer{background:#273b35;color:#f8f5ed}footer a,footer p,footer h3{color:#f8f5ed;display:block}footer h3{font-size:22px}.footer-bottom{border-top:1px solid #52665e;padding:20px 24px;text-align:center;color:#fff}.footer-bottom span{display:block;font-size:14px;margin-top:8px}.map{height:380px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-form input,.contact-form textarea{width:100%;padding:13px;margin:7px 0 15px;border:1px solid #ccc;background:#fff;font:inherit}.faq-item{border-bottom:1px solid #d8d0c6;padding:15px 0}.faq-item h3{font-size:22px}.timeline{border-left:3px solid #6A8A7A;padding-left:25px}.timeline article{margin-bottom:28px}@media(max-width:800px){.nav{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid #aaa;padding:8px}nav{display:none;flex-direction:column;width:100%;align-items:flex-start}.nav.open nav{display:flex}.phone{display:none}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero img,.split img{height:280px}}

/* === CSS FIXES — images, layout, contrast === */
html, body { overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100% !important; height: auto !important; display: block; }
.hero img, .hero-img, .product-img, .content-img, .split img,
.feature-img, .article-img, .card img, .about-img, section img {
  width: 100% !important; max-height: 520px !important;
  object-fit: cover !important; border-radius: 8px !important;
}
.container, .wrap, .inner, .section-inner {
  max-width: 1280px !important; margin-left: auto !important;
  margin-right: auto !important; padding-left: 24px !important;
  padding-right: 24px !important; box-sizing: border-box !important;
}
.hero { display: block !important; overflow: hidden !important; }
.hero > .container, .hero > .wrap, .hero > .inner, .hero > div {
  max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important;
}
.hero-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 3rem !important; align-items: center !important; }
.grid-3, .grid3 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 28px !important; }
.grid-4, .grid4 { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 24px !important; }
.stats-row, .stats-grid { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 2rem !important; text-align: center !important; }
.site-header nav, header .container { max-width: 1280px !important; margin: 0 auto !important; padding: 1rem 24px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
footer .container, footer .wrap { max-width: 1280px !important; margin: 0 auto !important; padding: 3rem 24px !important; }
@media (max-width: 1023px) {
  .hero-grid { grid-template-columns: 1fr !important; }
  .stats-row, .stats-grid { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 767px) {
  .grid-3,.grid3,.grid-4,.grid4,.hero-grid,.stats-row,.stats-grid { grid-template-columns: 1fr !important; }
  .hero { padding: 3rem 0 !important; }
  h1 { font-size: clamp(1.8rem,8vw,2.8rem) !important; }
}