/*
Theme Name: PROFIL – Remont bez stresu
Theme URI: https://example.com/
Author: PROFIL
Description: Lekki, responsywny motyw firmowy dla PROFIL. Edytowalny w standardowym edytorze WordPress (Gutenberg).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: profil
*/
:root{--ink:#17191b;--graphite:#262a2e;--orange:#f47a16;--paper:#f5f5f2;--muted:#aeb3b7;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{background:var(--ink);color:#fff;border-bottom:4px solid var(--orange);position:relative;z-index:2}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:900;letter-spacing:.04em;font-size:29px}
.brand-mark{width:48px;height:34px;display:block;position:relative}
.brand-mark:before{content:"";position:absolute;left:2px;right:2px;top:7px;height:21px;border-top:5px solid var(--orange);transform:skewY(-25deg);border-left:5px solid var(--orange)}
.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.02em;color:#ddd;margin-top:-5px}
.nav{display:flex;gap:23px;align-items:center}.nav a{text-decoration:none;font-size:14px;font-weight:700}.nav a:hover{color:var(--orange)}
.btn{display:inline-block;background:var(--orange);color:#151719!important;padding:13px 21px;border-radius:3px;text-decoration:none;font-weight:800;border:0}
.btn:hover{filter:brightness(1.08)}
.hero{background:linear-gradient(110deg,rgba(18,20,22,.96),rgba(25,28,30,.82)),url('assets/profil-projekt-graficzny-czapka.png') center 40%/cover;color:#fff;padding:90px 0 86px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:360px;height:360px;border:28px solid rgba(244,122,22,.18);border-radius:50%;right:-120px;bottom:-190px}
.eyebrow{color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.04;max-width:760px;margin:14px 0 20px;letter-spacing:-.03em}
.hero p{font-size:19px;max-width:640px;color:#e2e4e5;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-outline{display:inline-block;border:1px solid #aaa;color:#fff;text-decoration:none;padding:12px 20px;border-radius:3px;font-weight:700}
.trust{background:var(--orange);color:#17191b;padding:15px 0;font-weight:800}.trust-inner{display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;text-align:center}
section{padding:72px 0}.section-dark{background:var(--graphite);color:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}.section-head h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:8px 0 12px}.section-head p{color:#777}.section-dark .section-head p{color:#c5c8ca}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;padding:26px;border-top:4px solid var(--orange);box-shadow:0 8px 28px rgba(0,0,0,.06)}.card .icon{font-size:28px}.card h3{margin:10px 0 7px;font-size:20px}.card p{margin:0;color:#60666a}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-panel{background:#303438;color:#fff;padding:36px;border-left:6px solid var(--orange)}.about-panel h2{font-size:34px;line-height:1.15;margin:0 0 14px}.checklist{padding:0;list-style:none}.checklist li{margin:12px 0}.checklist li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:10px}
.contact{background:var(--ink);color:#fff;text-align:center}.contact h2{font-size:clamp(30px,4vw,44px);margin:0 0 12px}.phone{font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--orange);text-decoration:none;display:inline-block;margin:14px 0}
.site-footer{background:#101214;color:#bbb;padding:25px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:800px){.header-inner{padding:15px 0;align-items:flex-start;flex-direction:column}.nav{gap:13px;flex-wrap:wrap}.hero{padding:65px 0}.cards{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}}
@media(max-width:540px){.wrap{width:min(var(--max),calc(100% - 28px))}.cards{grid-template-columns:1fr}.hero p{font-size:17px}section{padding:54px 0}.brand{font-size:25px}}