/* ===== KRH Polish Theme (CSS-only) =====
   Makes site cleaner & more professional without touching the header.
*/

html { scroll-behavior: smooth; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; color:#111; background:#fff; line-height:1.6; }
.wrap, .container { max-width: 1150px; margin: 0 auto; padding: 0 18px; }

/* Headings */
h1, h2, h3 { letter-spacing: .2px; }
h1 { font-weight: 800; margin: 0 0 10px; }
h2 { font-weight: 800; margin: 0 0 8px; }
h3 { font-weight: 700; margin: 14px 0 6px; }

p { margin: 10px 0; color:#1a1a1a; }
ul { padding-left: 18px; }

/* Sections */
.section { padding: 56px 0; }
.section.alt { background:#fafafa; }
.section .section-intro { max-width:850px; color:#444; margin: 8px auto 18px; text-align:center; }

/* Buttons */
.btn, .button, a.btn, a.button {
  display:inline-block; padding:12px 18px; border-radius:10px;
  font-weight:700; text-decoration:none; border:1px solid #111; transition:transform .05s ease, opacity .15s ease;
}
.btn.primary { background:#111; color:#fff; }
.btn.outline { background:#fff; color:#111; }
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); opacity:.85; }
.cta-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:12px; }

/* Cards */
.cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap:16px; margin-top:16px; }
.card { background:#fff; border:1px solid #eee; border-radius:14px; padding:16px; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
.card h3 { margin-top:0; }
.card p { color:#333; margin:8px 0 0; }

/* Gallery */
.gallery, .grid-images {
  display:grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap:10px; margin-top:16px;
}
.gallery img, .grid-images img { width:100%; height:180px; object-fit:cover; border-radius:10px; display:block; }

/* Chips */
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; list-style:none; padding:0; }
.chips li { background:#f1f1f1; border:1px solid #e5e5e5; border-radius:999px; padding:8px 12px; font-weight:600; color:#333; }

/* Hero */
.hero { background: linear-gradient(180deg,#f7f7f7,#fff); padding: 64px 0 48px; text-align:center; }
.hero p { font-size:18px; color:#222; }
.trust { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin:18px 0 0; list-style:none; color:#555; padding:0; }

/* Footer */
.site-footer { background:#fff; border-top:1px solid #eee; padding:28px 0; text-align:center; }
.site-footer p { margin:6px 0; color:#333; }

/* Mobile tweaks */
@media (max-width:600px){
  .section { padding: 44px 0; }
  .hero { padding: 48px 0 36px; }
  .cards { grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); }
  .gallery img, .grid-images img { height:150px; }
}