/*
Theme Name: MM Art Tiles
Theme URI: https://mmarttiles.pl
Author: MM Art Tiles
Description: Lekki motyw firmowy dla M.M Art Tiles.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mm-art-tiles
*/
:root{--bg:#101110;--panel:#1a1d19;--lime:#b7f51b;--text:#f7f7f5;--muted:#b8bcb5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#101110f5;border-bottom:1px solid #333}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px}.brand img{width:135px;max-height:78px;object-fit:contain}.nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav a:hover{color:var(--lime)}.btn{display:inline-block;background:var(--lime);color:#101110;font-weight:800;padding:14px 22px;border-radius:5px;border:0;cursor:pointer}.btn-outline{background:transparent;color:var(--text);border:1px solid #777}.hero{padding:88px 0;background:radial-gradient(ellipse at 85% 20%,#34451b 0%,transparent 45%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{color:var(--lime);font-weight:800;letter-spacing:.09em;text-transform:uppercase}h1{font-size:clamp(40px,5.5vw,76px);line-height:1.07;margin:18px 0}h2{font-size:clamp(28px,3.5vw,43px);line-height:1.15;margin:0 0 20px}h3{margin:0 0 12px;font-size:23px}.lead{font-size:20px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-visual{min-height:390px;border:1px solid #4a5c32;background:linear-gradient(135deg,#202a1a,#111);border-radius:12px;display:grid;place-items:center;padding:36px;text-align:center}.hero-visual strong{font-size:34px}.hero-visual span{display:block;color:var(--lime);font-size:16px;margin-top:12px}.section{padding:78px 0}.section-alt{background:#171a16}.section-intro{max-width:760px;color:var(--muted);margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);padding:28px;border:1px solid #343b2d;border-radius:9px}.card p{color:var(--muted)}.card a{color:var(--lime);font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-num{color:var(--lime);font-weight:900;font-size:32px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#293322,#171b16);border:1px dashed #68765a;border-radius:8px;display:grid;place-items:center;text-align:center;padding:20px;color:#cbd4c4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-grid a:not(.btn){color:var(--lime)}label{display:block;font-weight:650;margin:0 0 14px}input,textarea,select{display:block;width:100%;padding:13px;margin-top:6px;background:#222720;border:1px solid #53604a;border-radius:5px;color:white;font:inherit}textarea{min-height:125px}footer{padding:35px 0;border-top:1px solid #333;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.screen-reader-text{position:absolute;left:-10000px}@media(max-width:850px){.hero-grid,.contact-grid{grid-template-columns:1fr}.cards,.gallery{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.nav{gap:10px;font-size:14px}.hero{padding:55px 0}.hero-visual{min-height:220px}}@media(max-width:540px){.header-inner{align-items:flex-start;flex-direction:column}.brand img{width:110px}.cards,.gallery,.steps{grid-template-columns:1fr}.section{padding:55px 0}.hero-visual{min-height:170px}.btn{width:100%;text-align:center}}