/*
Theme Name: u-Siebie — Przemysław Krawiec
Theme URI: https://example.com/
Author: OpenAI / przygotowane dla Przemysława Krawca
Description: Elegancki, responsywny motyw WordPress dla marki u-Siebie. Wersja 2.1.0 przebudowana do pełnej edycji elementów, mediów, kolorów i typografii z panelu WordPressa.
Version: 2.1.14
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: usiebie
*/
:root{--bg:#0c0d0d;--bg2:#111212;--panel:#151616;--gold:#c79a64;--gold2:#e1bc8d;--text:#f1eee8;--muted:#b8b2a9;--line:rgba(199,154,100,.45);--max:1180px;--shadow:0 18px 45px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}.section{border-top:1px solid var(--line);padding:58px 0}.serif,h1,h2,h3,.section-title{font-family:Georgia,'Times New Roman',serif;font-weight:400}.gold{color:var(--gold2)}.site-header{position:sticky;top:0;z-index:50;background:#0b0c0c;border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-small{display:flex;align-items:center;gap:12px}.brand-small img{width:33px;height:40px;object-fit:contain}.brand-small span{font-family:Georgia,serif;color:var(--gold2);font-size:23px;letter-spacing:.04em}.main-nav ul{display:flex;list-style:none;gap:32px;margin:0;padding:0}.main-nav a{font-size:14px;display:inline-block;padding:8px 2px;position:relative}.main-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--gold);transition:.25s}.main-nav a:hover:after,.main-nav .current-menu-item>a:after{right:0}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:3px}.hero{background:radial-gradient(circle at 75% 40%,rgba(115,76,40,.22),transparent 36%),#0b0c0c;overflow:hidden}.hero-grid{min-height:610px;display:grid;grid-template-columns:43% 57%;grid-template-rows:auto auto;align-items:stretch}.hero-brand{grid-column:1;grid-row:1;text-align:center;padding:48px 55px 8px;align-self:end}.hero-brand img{width:min(220px,65%);margin:0 auto 14px}.hero-brand .name{font:400 clamp(38px,4vw,58px)/1 Georgia,serif;letter-spacing:.08em}.hero-brand .tagline{margin-top:14px;color:var(--gold2);text-transform:uppercase;letter-spacing:.24em;font-size:12px}.hero-copy{grid-column:1;grid-row:2;text-align:center;padding:12px 55px 48px;align-self:start}.hero-copy h1,.hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:400;color:#B9874E}.hero-copy h1{font-size:clamp(27px,3vw,42px);line-height:1.24;margin:0 0 22px}.hero-copy h1 em{display:block}.hero-copy .person{margin:22px 0 28px;font:400 19px Georgia,serif}.hero-copy .person small{display:block;color:var(--gold2);font-size:15px}.hero-photo{grid-column:2;grid-row:1/3;align-self:stretch;position:relative;min-height:610px}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.82) contrast(1.03)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 16%,transparent 82%,rgba(12,13,13,.18))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--gold);color:var(--text);padding:14px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;background:transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);background:var(--gold);color:#111;box-shadow:var(--shadow)}.triad{padding:0;background:#101111;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.triad-grid{display:grid;grid-template-columns:repeat(3,1fr)}.triad-item{text-align:center;padding:28px 34px;position:relative}.triad-item+.triad-item:before{content:'';position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line);transform:rotate(8deg)}.triad-item h2{margin:0;color:var(--gold2);font-size:33px}.triad-item p{margin:8px auto 0;color:var(--muted);max-width:280px;font-family:Georgia,serif}.slider-slot{min-height:165px;background:linear-gradient(180deg,#171818,#0e0f0f);display:flex;align-items:center;border-bottom:1px solid var(--line)}.slider-slot .widget,.slider-slot .slider-placeholder{width:100%;text-align:center}.slider-placeholder{padding:38px 20px;color:var(--gold2);font:italic 25px Georgia,serif}.slider-placeholder small{display:block;margin-top:12px;color:var(--muted);font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em}.about-grid{display:grid;grid-template-columns:28% 44% 28%;align-items:stretch}.about-photo img{width:100%;height:100%;min-height:365px;object-fit:cover;object-position:center;filter:none}.about-copy{padding:48px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.22em;font-size:11px}.about-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.05;margin:12px 0 20px}.about-copy p{color:#d3cec6}.stats{border-left:1px solid var(--line);padding:42px 34px;display:grid;grid-template-columns:1fr;align-content:center;gap:28px}.stat{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}.stat img{width:34px;height:34px}.stat strong{font:400 19px Georgia,serif;color:var(--gold2)}.stat span{display:block;color:var(--muted);font-size:13px}.help{background:#0f1010}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:0;margin-top:24px}.help-item{text-align:center;padding:12px 14px;transition:.2s}.help-item+.help-item{border-left:1px solid rgba(199,154,100,.22)}.help-item:hover{transform:translateY(-4px);background:rgba(199,154,100,.04)}.help-item img{width:42px;height:42px;margin:0 auto 12px}.help-item span{font-family:Georgia,serif;font-size:15px}.lower-grid{display:grid;grid-template-columns:1.05fr .95fr}.work-card,.offer-card{min-height:320px;padding:46px;background:#101111;border-top:1px solid var(--line)}.work-card{overflow:hidden}.work-card-inner{display:grid;grid-template-columns:minmax(0,58%) minmax(260px,42%);align-items:stretch;gap:20px}.work-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.work-visual{position:relative;min-height:320px;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end}.work-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,17,17,.15) 0%,rgba(16,17,17,.08) 28%,rgba(16,17,17,0) 52%);z-index:1}.work-visual img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block;position:relative;z-index:0;border-left:1px solid rgba(199,154,100,.12)}.offer-card{border-left:1px solid var(--line)}.work-card h2,.offer-card h2{font-size:34px;margin:0 0 18px}.work-card p{max-width:560px;color:#d1ccc4}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.offer-item{padding:16px;border:1px solid rgba(199,154,100,.18);transition:.2s}.offer-item:hover{transform:translateY(-4px);border-color:var(--gold);background:rgba(199,154,100,.04)}.offer-item img{width:38px;height:38px;margin-bottom:10px}.offer-item h3{font-size:20px;margin:0 0 4px}.offer-item p{color:var(--muted);font-size:13px;margin:0}..site-footer{
    border-top:1.5px solid #B9874E;
    background:#0b0c0c;
    padding:42px 0 18px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:34px;
    align-items:start;
}

/* motto ukrywamy */
.footer-motto{
    display:none;
}

.footer-item{
    font-size:14px;
    line-height:1.6;
    color:#d8d3cb;
    padding-top:2px;
}

.footer-item strong{
    display:block;
    margin-bottom:6px;

    color:var(--gold2);
    font-family:Georgia,'Times New Roman',serif;
    font-size:16px;
    font-weight:400;
}

.footer-item a{
    color:#d8d3cb;
    transition:.2s;
}

.footer-item a:hover{
    color:var(--gold2);
}

.copyright{
    margin-top:34px;
    padding-top:16px;

    border-top:1px solid rgba(199,154,100,.18);

    color:#777;
    font-size:11px;
    text-align:center;
}

/* tablet */
@media(max-width:980px){

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px 40px;
    }

}

/* telefon */
@media(max-width:760px){.site-header{position:relative;top:auto}
.header-inner{min-height:64px}
.menu-toggle{display:block}
.main-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#0b0c0c;border-bottom:1px solid var(--line)}
.main-nav.is-open{display:block}
.main-nav ul{display:block;padding:12px 20px}
.main-nav li{border-bottom:1px solid rgba(199,154,100,.14)}
.main-nav a{display:block;padding:13px 0}
.hero-grid{display:block;min-height:0}
.hero-brand{display:block;grid-column:auto;grid-row:auto;align-self:auto;padding:18px 20px 8px}
.hero-brand img{width:110px;margin:0 auto 8px}
.hero-brand .name{font-size:34px}
.hero-brand .tagline{font-size:10px;margin-top:8px;letter-spacing:.16em}
.hero-copy{display:block;grid-column:auto;grid-row:auto;align-self:auto;padding:12px 22px 22px}
.hero-copy h1,.hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-size:25px;line-height:1.22;font-weight:400;color:#B9874E}
.hero-copy h1{margin-bottom:14px}
.hero-copy .person{margin:14px 0 18px;font-size:17px}
.hero-copy .person small{font-size:14px}
.hero-copy .btn{padding:12px 18px;font-size:11px}
.hero-photo{display:block;grid-column:auto;grid-row:auto;align-self:auto;height:320px;min-height:0;width:100%}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.triad-grid{grid-template-columns:1fr}
.triad-item+.triad-item:before{left:15%;right:15%;top:0;width:auto;height:1px;transform:none}
.about-grid{grid-template-columns:1fr}
.about-photo img{max-height:450px}
.about-copy{padding:32px 20px}
.stats{grid-template-columns:1fr;padding:28px 20px}
.help-grid{grid-template-columns:repeat(2,1fr)}
.help-item:nth-child(odd){border-left:0}
.offer-grid{grid-template-columns:1fr}
.work-card,.offer-card{padding:32px 20px}
.work-visual{min-height:220px}
.footer-grid{grid-template-columns:1fr}
.footer-motto{grid-column:auto}
.form-grid{grid-template-columns:1fr}
.form-field.full{grid-column:auto}
.modal-card{padding:26px 20px}
.page-content{padding:42px 0 70px}
}

    .site-footer{
        padding:34px 0 16px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:22px;
        text-align:center;
    }

    .footer-item strong{
        margin-bottom:4px;
    }

    .copyright{
        margin-top:28px;
    }

}.page-hero{padding:80px 0 50px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(199,154,100,.12),transparent 35%),#0d0e0e}.page-hero h1{font-size:clamp(42px,6vw,72px);margin:0}.page-content{padding:60px 0 90px}.page-content .entry-content{max-width:none;width:100%;font-size:18px}.page-content h2,.page-content h3{font-family:Georgia,serif;font-weight:400;color:var(--gold2)}.page-content a{color:var(--gold2)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.is-open{display:flex}.modal-card{width:min(650px,100%);max-height:92vh;overflow:auto;background:#121313;border:1px solid var(--gold);box-shadow:var(--shadow);padding:34px;position:relative}.modal-close{position:absolute;right:16px;top:10px;background:none;border:0;color:var(--text);font-size:32px;cursor:pointer}.modal h2{font-size:36px;margin:0 0 4px}.modal p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin:0 0 16px}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold2);margin-bottom:7px}.form-field input,.form-field textarea{width:100%;background:#0b0c0c;border:1px solid #3a332c;color:var(--text);padding:12px}.form-field textarea{min-height:140px;resize:vertical}.form-note{font-size:12px}.notice{border:1px solid var(--gold);padding:10px 12px;margin-bottom:18px;color:var(--gold2)}@media(max-width:980px){.wrap{width:min(var(--max),calc(100% - 28px))}.main-nav ul{gap:18px}.hero-grid{grid-template-columns:40% 60%;min-height:auto}.hero-brand{grid-column:1;grid-row:1;padding:34px 20px 10px}.hero-copy{grid-column:1;grid-row:2;padding:10px 24px 36px}.hero-photo{grid-column:2;grid-row:1/3;min-height:560px}.about-grid{grid-template-columns:35% 65%}.stats{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.help-grid{grid-template-columns:repeat(4,1fr)}.help-item:nth-child(5){border-left:0}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-motto{grid-column:1/-1}.lower-grid{grid-template-columns:1fr}.work-card-inner{grid-template-columns:1fr}.work-visual{min-height:260px}.offer-card{border-left:0}}@media(max-width:760px){.header-inner{min-height:64px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#0b0c0c;border-bottom:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{display:block;padding:12px 20px}.main-nav li{border-bottom:1px solid rgba(199,154,100,.14)}.main-nav a{display:block;padding:13px 0}.hero-grid{display:block}.hero-brand{padding:18px 20px 8px}.hero-brand img{width:110px;margin-bottom:8px}.hero-brand .name{font-size:34px}.hero-brand .tagline{font-size:10px;margin-top:8px;letter-spacing:.16em}.hero-copy{padding:12px 22px 22px}.hero-copy h1,.hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-size:25px;line-height:1.22;font-weight:400;color:#B9874E}.hero-copy h1{margin-bottom:14px}.hero-copy .person{margin:14px 0 18px;font-size:17px}.hero-copy .person small{font-size:14px}.hero-copy .btn{padding:12px 18px;font-size:11px}.hero-photo{height:320px;min-height:0}.triad-grid{grid-template-columns:1fr}.triad-item+.triad-item:before{left:15%;right:15%;top:0;width:auto;height:1px;transform:none}.about-grid{grid-template-columns:1fr}.about-photo img{max-height:450px}.about-copy{padding:32px 20px}.stats{grid-template-columns:1fr;padding:28px 20px}.help-grid{grid-template-columns:repeat(2,1fr)}.help-item:nth-child(odd){border-left:0}.offer-grid{grid-template-columns:1fr}.work-card,.offer-card{padding:32px 20px}.work-visual{min-height:220px}.footer-grid{grid-template-columns:1fr}.footer-motto{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.modal-card{padding:26px 20px}.page-content{padding:42px 0 70px}}/* v2.1.2: dziedziczenie globalnego tła + zabezpieczenia dla elementów usuwalnych z Biblioteki mediów */
.hero-grid:not(:has(.hero-photo)){grid-template-columns:1fr}.hero-grid:not(:has(.hero-photo)) .hero-brand,.hero-grid:not(:has(.hero-photo)) .hero-copy{grid-column:1}.about-grid:not(:has(.about-photo)){grid-template-columns:72% 28%}.work-card-inner:not(:has(.work-visual)){grid-template-columns:1fr}


/* v2.1.4 — proporcjonalny, odporny na zoom i responsywny układ */
html,body{max-width:100%;overflow-x:hidden}
body{min-width:0}
.wrap{width:min(var(--max),calc(100% - clamp(24px,4vw,56px)))}
.section{padding-block:clamp(38px,5vw,58px)}
.hero-brand,.hero-copy,.about-copy,.stats,.work-card,.offer-card,.triad-item,.help-item{min-width:0}
.hero-copy h1,.about-copy h2,.work-card h2,.offer-card h2,.offer-item h3,.footer-item,.stat span,.help-item span{overflow-wrap:anywhere}
.btn{max-width:100%;white-space:normal;text-align:center;line-height:1.35}

/* Hero: proporcje zamiast sztywnych wysokości */
.hero-grid{min-height:0;grid-template-columns:minmax(300px,43%) minmax(0,57%)}
.hero-photo{min-height:clamp(480px,48vw,610px)}
.hero-photo img{min-height:100%}

/* O mnie */
.about-grid{grid-template-columns:minmax(240px,28%) minmax(0,44%) minmax(240px,28%)}
.about-photo{min-width:0;overflow:hidden}
.about-photo img{min-height:0;height:100%;aspect-ratio:auto}
.about-copy{padding:clamp(30px,4vw,48px)}
.stats{padding:clamp(30px,3.5vw,42px) clamp(22px,3vw,34px);gap:clamp(20px,2.5vw,28px)}

/* W czym pomagam */
.help-grid{grid-template-columns:repeat(7,minmax(0,1fr))}

/* Jak pracuję + Oferta: obie kolumny wypełniają wysokość bez pustego dołu */
.lower-grid{align-items:stretch}
.work-card,.offer-card{min-height:0;height:100%;padding:clamp(30px,3.5vw,46px)}
.work-card-inner{height:100%;min-height:100%;grid-template-columns:minmax(0,58%) minmax(220px,42%);gap:clamp(16px,2vw,24px);align-items:stretch}
.work-copy{height:100%;justify-content:center}
.work-visual{min-height:0;height:100%;align-self:stretch}
.work-visual img{height:100%;min-height:100%;object-fit:cover}
.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.7vw,20px)}
.offer-item{min-width:0}

/* Stopka */
.footer-grid{grid-template-columns:minmax(220px,1.1fr) repeat(4,minmax(120px,auto));gap:clamp(16px,2vw,25px)}

@media(max-width:1180px){
  .main-nav ul{gap:clamp(14px,2vw,24px)}
  .hero-grid{grid-template-columns:minmax(300px,42%) minmax(0,58%)}
  .hero-brand{padding:clamp(30px,4vw,44px) clamp(22px,3vw,40px) 8px}
  .hero-copy{padding:12px clamp(22px,3vw,40px) clamp(32px,4vw,44px)}
  .about-grid{grid-template-columns:minmax(260px,36%) minmax(0,64%)}
  .about-photo img{height:100%}
  .stats{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .help-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .help-item:nth-child(5){border-left:0}
  .lower-grid{grid-template-columns:1fr}
  .work-card-inner{grid-template-columns:minmax(0,56%) minmax(280px,44%);min-height:clamp(300px,38vw,430px)}
  .offer-card{border-left:0}
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-motto{grid-column:1/-1}
}

@media(max-width:900px){
  .header-inner{gap:16px}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;border-bottom:1px solid var(--line)}
  .main-nav.is-open{display:block}
  .main-nav ul{display:block;padding:12px clamp(18px,4vw,30px)}
  .main-nav li{border-bottom:1px solid rgba(199,154,100,.14)}
  .main-nav a{display:block;padding:13px 0}
  .hero-grid{grid-template-columns:minmax(260px,42%) minmax(0,58%)}
  .hero-photo{min-height:clamp(430px,58vw,560px)}
  .work-card-inner{grid-template-columns:1fr;min-height:0;height:auto}
  .work-copy{height:auto}
  .work-visual{height:auto;min-height:0;aspect-ratio:16/10}
  .work-visual img{min-height:0;height:100%}
}

@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .section{padding-block:clamp(30px,8vw,44px)}
  .hero-grid{display:flex;flex-direction:column}
  .hero-brand{order:1;padding:22px 20px 8px}
  .hero-copy{order:2;padding:12px 20px 24px}
  .hero-photo{order:3;width:100%;height:auto;min-height:0;aspect-ratio:4/3}
  .hero-photo img{height:100%;min-height:0;object-fit:cover}
  .triad-grid{grid-template-columns:1fr}
  .triad-item{padding:24px 20px}
  .triad-item+.triad-item:before{left:15%;right:15%;top:0;width:auto;height:1px;transform:none}
  .about-grid{grid-template-columns:1fr}
  .about-photo{aspect-ratio:4/5}
  .about-photo img{width:100%;height:100%;max-height:none;object-fit:cover}
  .about-copy{padding:30px 20px}
  .stats{grid-template-columns:1fr;padding:28px 20px}
  .help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .help-item{padding:16px 10px}
  .help-item:nth-child(odd){border-left:0}
  .work-card,.offer-card{padding:30px 20px}
  .work-visual{aspect-ratio:4/3}
  .offer-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-motto{grid-column:auto}
}

@media(max-width:480px){
  .wrap{width:calc(100% - 24px)}
  .brand-small{gap:9px;min-width:0}
  .brand-small span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-brand .name{font-size:clamp(30px,10vw,38px)}
  .hero-copy h1,.hero-copy h1 em{font-size:clamp(23px,7.2vw,28px)}
  .hero-photo{aspect-ratio:1/1}
  .help-grid{grid-template-columns:1fr}
  .help-item+.help-item{border-left:0;border-top:1px solid rgba(199,154,100,.22)}
  .offer-item{padding:18px 14px}
  .footer-item{min-width:0}
}


/* v2.1.6: stopka — stabilny układ 4 / 2x2 / 1 bez samotnie zawiniętej pozycji */
.footer-grid{
  align-items:start;
}
.footer-item{
  min-width:0;
}
@media (max-width:1180px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(28px,5vw,56px);
    row-gap:22px;
  }
  .footer-motto{
    grid-column:1/-1;
    margin-bottom:2px;
  }
}
@media (max-width:760px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:22px;
    row-gap:20px;
  }
  .footer-motto{
    grid-column:1/-1;
  }
}
@media (max-width:560px){
  .footer-grid{
    grid-template-columns:1fr;
  }
  .footer-motto{
    grid-column:auto;
  }
}


/* v2.1.7: W czym pomagam — bez samotnie zawiniętego elementu przy zmianie szerokości */
.help-grid{
  grid-template-columns:repeat(8,minmax(0,1fr));
}
.help-item:nth-child(5){border-left:1px solid rgba(199,154,100,.22);}
@media (max-width:1180px){
  .help-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .help-item:nth-child(4n+1){
    border-left:0;
  }
}
@media (max-width:760px){
  .help-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .help-item:nth-child(odd){
    border-left:0;
  }
}
@media (max-width:480px){
  .help-grid{
    grid-template-columns:1fr;
  }
  .help-item{
    border-left:0 !important;
  }
  .help-item + .help-item{
    border-top:1px solid rgba(199,154,100,.22);
  }
}


/* v2.1.10: Jak pracuję — na szerokich ekranach pokazuj całe zdjęcie bez przycinania */
@media (min-width:1181px){
  .work-card-inner{align-items:center}
  .work-visual{
    height:auto !important;
    min-height:0 !important;
    align-self:center !important;
    display:block !important;
    overflow:visible !important;
  }
  .work-visual img{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
  }
}

/* v2.1.11: Jak pracuję — większe zdjęcie na szerokim ekranie bez przycinania */
@media (min-width:1181px){
  .work-card-inner{
    grid-template-columns:minmax(0,52%) minmax(300px,48%) !important;
    gap:24px !important;
  }
  .work-visual{
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
  .work-visual img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
}
/* =========================================================
   WYRAŹNA LINIA NAD STOPKĄ
   ========================================================= */

.site-footer {
    position: relative !important;
    border-top: none !important;
}

.site-footer::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background: rgba(185, 135, 78, 0.65);

    z-index: 10;
    pointer-events: none;
}
/* =========================================================
   STOPKA KONTAKTOWA — u-Siebie
   ========================================================= */

.site-footer.us-footer-v2 {
    position: relative;
    background: var(--bg) !important;
    border-top: 1px solid rgba(185, 135, 78, 0.72) !important;
    padding: 58px 0 22px !important;
}


/* ---------- GÓRA ---------- */

.us-footer-intro {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.us-footer-kicker {
    color: #B9874E;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.us-footer-name {
    margin: 0;
    color: var(--text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.15;
}

.us-footer-role {
    margin-top: 12px;
    color: #B9874E;
    font-size: 12px;
    letter-spacing: .32em;
}


/* ---------- PRZYCISK ---------- */

.us-footer-consult-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-top: 27px;

    min-width: 240px;
    padding: 14px 26px;

    background: rgba(185, 135, 78, 0.18);
    color: var(--text);

    border: 1px solid #B9874E;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 400;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.us-footer-consult-btn span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.us-footer-consult-btn:hover {
    background: #B9874E;
    color: #241913;
    transform: translateY(-2px);
}


/* ---------- LINIE ---------- */

.us-footer-line {
    width: 100%;
    height: 1px;
    background: rgba(185, 135, 78, 0.60);
    margin: 38px 0 30px;
}

.us-footer-line-bottom {
    margin: 31px 0 17px;
}


/* ---------- KONTAKT ---------- */

.us-footer-contact-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
}

.us-footer-contact-item {
    position: relative;
    text-align: center;

    padding: 6px 28px 4px;
}

.us-footer-contact-item + .us-footer-contact-item {
    border-left: 1px solid rgba(185, 135, 78, 0.35);
}


/* ---------- IKONY ---------- */

.us-footer-icon {
    width: 39px;
    height: 39px;

    margin: 0 auto 12px;

    color: #B9874E;
}

.us-footer-icon svg {
    width: 100%;
    height: 100%;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ---------- ETYKIETY ---------- */

.us-footer-label {
    margin-bottom: 10px;

    color: #B9874E;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: .22em;
}


/* ---------- TREŚĆ ---------- */

.us-footer-value {
    display: block;

    color: #e1ddd8 !important;

    font-size: 14px;
    line-height: 1.55;

    text-decoration: none !important;
}

a.us-footer-value {
    transition: color .2s ease;
}

a.us-footer-value:hover {
    color: #B9874E !important;
}


/* ---------- COPYRIGHT ---------- */

.us-footer-copy {
    text-align: center;

    color: #817b76;

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .site-footer.us-footer-v2 {
        padding-top: 50px !important;
    }

    .us-footer-contact-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 34px;
    }

    .us-footer-contact-item:nth-child(3) {
        border-left: none;
    }

}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 650px) {

    .site-footer.us-footer-v2 {
        padding: 42px 0 18px !important;
    }

    .us-footer-name {
        font-size: 31px;
    }

    .us-footer-kicker {
        font-size: 10px;
    }

    .us-footer-role {
        font-size: 10px;
        letter-spacing: .25em;
    }

    .us-footer-consult-btn {
        min-width: 215px;
        padding: 13px 20px;
        font-size: 16px;
    }

    .us-footer-line {
        margin: 30px 0 26px;
    }

    .us-footer-contact-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .us-footer-contact-item {
        padding: 22px 12px;
    }

    .us-footer-contact-item + .us-footer-contact-item {
        border-left: none;
        border-top: 1px solid rgba(185, 135, 78, 0.22);
    }

    .us-footer-contact-item:nth-child(3) {
        border-top: 1px solid rgba(185, 135, 78, 0.22);
    }

    .us-footer-line-bottom {
        margin-top: 22px;
    }

}
/* JESZCZE NIŻSZA GÓRNA CZĘŚĆ STOPKI */

.site-footer.us-footer-v2 {
    padding-top: 30px !important;
}

.us-footer-kicker {
    margin-bottom: 6px;
}

.us-footer-name {
    font-size: 34px;
}

.us-footer-role {
    margin-top: 5px;
}

.us-footer-consult-btn {
    margin-top: 14px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.us-footer-line {
    margin-top: 22px;
}
/* Oferta — podstrona */
.oferta-page-content .offer-grid,
.oferta-page-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:900px;
  margin:0 auto;
}
.oferta-page-content .offer-item{
  min-height:180px;
}
@media (max-width: 720px){
  .oferta-page-content .offer-grid,
  .oferta-page-grid{grid-template-columns:1fr;}
}
/* =========================================================
   STAŁY NAGŁÓWEK / MENU
   ========================================================= */

.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;

    z-index: 99999 !important;

    /* NIE NADPISUJEMY KOLORU TŁA */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

/* miejsce na nagłówek, żeby nie nachodził na treść */
body {
    padding-top: 72px !important;
}

/* pasek administratora WordPress */
body.admin-bar .site-header {
    top: 32px !important;
}

/* telefon i małe ekrany */
@media (max-width: 900px) {

    .site-header {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        box-shadow: none !important;
    }

    body {
        padding-top: 0 !important;
    }

    body.admin-bar .site-header {
        top: auto !important;
    }

}
/* JESZCZE BARDZIEJ KOMPAKTOWA GÓRNA CZĘŚĆ STOPKI */

.us-footer-intro {
    max-width: 620px;
}

.us-footer-kicker {
    margin-bottom: 3px !important;
    font-size: 10px !important;
}

.us-footer-name {
    font-size: 31px !important;
    line-height: 1.08 !important;
}

.us-footer-role {
    margin-top: 3px !important;
    font-size: 10px !important;
    letter-spacing: .28em !important;
}

.us-footer-consult-btn {
    margin-top: 10px !important;
    padding: 9px 20px !important;
    min-width: 205px !important;
    font-size: 16px !important;
}

.us-footer-line {
    margin-top: 16px !important;
}
/* =========================================================
   UJEDNOLICENIE PRZYCISKU I LINII NAD STOPKĄ
   ========================================================= */

/* przycisk w stopce taki sam jak przycisk u góry strony */
.us-footer-consult-btn {
    background: transparent !important;
    color: var(--text) !important;
    border: 1px solid var(--gold) !important;

    box-shadow: none !important;
}

.us-footer-consult-btn:hover {
    background: var(--gold) !important;
    color: #111 !important;
}

/* cienka linia nad stopką — taka jak między sekcjami */
.site-footer.us-footer-v2 {
    border-top: 1px solid var(--line) !important;
}

/* wyłączamy ewentualną dodatkową linię pseudo-elementem */
.site-footer.us-footer-v2::before {
    display: none !important;
}
/* =========================================================
   HERO DOPASOWANE DO WYSOKOŚCI EKRANU
   ========================================================= */

.hero {
    min-height: 0 !important;
}

.hero-grid {
    min-height: 0 !important;
    height: calc(100vh - 72px);
    max-height: 760px;
    align-items: stretch;
}

/* lewa część */
.hero-brand {
    padding-top: 22px !important;
    padding-bottom: 8px !important;
}

.hero-brand img {
    max-height: 190px !important;
    width: auto !important;
}

.hero-brand .name {
    margin-top: 6px !important;
}

.hero-brand .tagline {
    margin-top: 8px !important;
}

/* część z tekstem */
.hero-copy {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
}

.hero-copy h1 {
    margin-bottom: 12px !important;
    font-size: clamp(26px, 2.7vw, 38px) !important;
    line-height: 1.18 !important;
}

.hero-copy .person {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
}

/* zdjęcie */
.hero-photo {
    min-height: 0 !important;
    height: 100% !important;
}

.hero-photo img {
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
}

/* niech przycisk nie wypada poza ekran */
.hero-copy .btn {
    margin-top: 0 !important;
}

/* niższe ekrany laptopów */
@media (max-height: 820px) and (min-width: 981px) {

    .hero-grid {
        height: calc(100vh - 110px);
        max-height: none;
    }

    .hero-brand img {
        max-height: 160px !important;
    }

    .hero-copy h1 {
        font-size: clamp(24px, 2.4vw, 34px) !important;
    }

    .hero-copy {
        padding-top: 6px !important;
        padding-bottom: 12px !important;
    }

    .hero-copy .person {
        margin: 8px 0 12px !important;
    }
}
/* =========================================================
   SMART SLIDER — MNIEJSZY NA TELEFONIE
   ========================================================= */

@media (max-width: 768px) {

    .slider-slot {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .slider-slot .n2-ss-slider,
    .slider-slot .n2-ss-slider-1,
    .slider-slot .n2-ss-slider-2,
    .slider-slot .n2-ss-slider-3,
    .slider-slot .n2-ss-slide,
    .slider-slot .n2-ss-slide-background,
    .slider-slot .n2-ss-slide-background-image {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }

    .slider-slot img {
        height: 260px !important;
        object-fit: cover !important;
    }

}
@media (max-width: 768px) {

    .slider-slot .nextend-arrow {
        display: none !important;
    }

}
@media (max-width: 900px) {

    .site-header {
        overflow: visible !important;
    }

    .header-inner {
        position: relative !important;
        overflow: visible !important;
    }

    .menu-toggle {
        position: relative !important;
        z-index: 100002 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .main-nav {
        z-index: 100001 !important;
    }

    .main-nav.is-open {
        display: block !important;
    }

}
/* O MNIE — zdjęcie */

@media (min-width: 769px) {

    .about-photo {
        padding: 0 !important;
        background: transparent !important;
    }

    .about-photo img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 610px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

}

@media (max-width: 768px) {

    .about-photo {
        width: 100% !important;
        margin: 0 auto 28px !important;
        padding: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    .about-photo img {
        display: block !important;
        width: 100% !important;
        height: 280px !important;
        min-height: 0 !important;
        max-height: 280px !important;
        object-fit: cover !important;
        object-position: center 45% !important;
    }

}
/* =========================================================
   O MNIE — NAPRAWA ZDJĘCIA
   komputer: pełna wysokość
   telefon: mniejsze zdjęcie
   ========================================================= */

/* KOMPUTER */
@media (min-width: 769px) {

    .about-photo {
        padding: 0 !important;
        margin: 0 !important;
        align-self: stretch !important;
        overflow: hidden !important;
    }

    .about-photo img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 365px !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

}

/* TELEFON */
@media (max-width: 768px) {

    .about-photo {
        width: 100% !important;
        margin: 0 auto 28px !important;
        padding: 0 !important;
        overflow: hidden !important;
        aspect-ratio: auto !important;
    }

    .about-photo img {
        display: block !important;
        width: 100% !important;
        height: 280px !important;
        min-height: 0 !important;
        max-height: 280px !important;
        object-fit: cover !important;
        object-position: center 45% !important;
    }

}
/* O MNIE — bezpieczny odstęp od dolnej linii */

@media (min-width: 769px) {

    .about-grid {
        padding-bottom: 24px !important;
        background: transparent !important;
    }

    .about-photo {
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .about-photo img {
        width: 100% !important;
        height: 100% !important;
        min-height: 365px !important;
        max-height: none !important;
        object-fit: cover !important;
        display: block !important;
    }

}
/* O MNIE — kolejność tylko na telefonie */
@media (max-width: 768px) {

    .about-grid {
        display: flex !important;
        flex-direction: column !important;
    }

    .stats {
        order: 1 !important;
    }

    .about-photo {
        order: 2 !important;
    }

    .about-copy {
        order: 3 !important;
    }

}
@media (max-width: 768px) {

    .stats {
        border-top: none !important;
    }

}
@media (max-width: 768px) {

    .stats {
        padding-top: 6px !important;
    }

}
@media (max-width: 768px) {

    .stats {
        padding-top: 0 !important;
        margin-top: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        align-content: start !important;
        justify-content: start !important;
    }

}

/* v2.1.14 — typografia sterowana z Customizera.
   Szczegółowe wartości są generowane dynamicznie w functions.php,
   dzięki czemu zmiany w Dostosuj nie wymagają ręcznej edycji CSS. */
@media (max-width: 768px) {

    .stats {
        padding-top: 0 !important;
    }
@media (max-width: 768px) {

    .stats {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 24px !important;

        min-height: 0 !important;
        height: auto !important;

        align-content: start !important;
        justify-content: start !important;
        justify-items: stretch !important;
    }

    .stats .stat:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}
}
@media (max-width: 768px) {

    .about-grid {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .about-grid {
        transform: translateY(-24px);
4        margin-bottom: -40px !important;
    }

}
/* =========================================================
   JAK PRACUJĘ — przycisk kompaktowy jak „POZNAJ MNIE”
   ========================================================= */
.work-copy .btn {
    align-self: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
/* =========================================================
   W CZYM POMAGAM — bardziej kompaktowo na telefonie
   ========================================================= */

@media (max-width: 600px) {

    .help-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-top: 12px !important;
    }

    .help-item {
        padding: 20px 10px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(199,154,100,.22);
    }

    .help-item:nth-child(odd) {
        border-right: 1px solid rgba(199,154,100,.22) !important;
    }

    .help-item:nth-child(-n+2) {
        border-top: 0 !important;
    }

    .help-item img {
        width: 36px !important;
        height: 36px !important;
        margin-bottom: 9px !important;
    }

    .help-item span {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
}
/* =========================================================
   STRONA GŁÓWNA — jednakowa wielkość dużych zdjęć na telefonie
   komputer pozostaje bez zmian
   ========================================================= */

@media (max-width: 768px) {

    /* kontenery dużych zdjęć */
    .hero-photo,
    .about-photo,
    .work-visual {
        width: 100% !important;
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }

    /* same zdjęcia */
    .hero-photo img,
    .about-photo img,
    .work-visual img {
        display: block !important;
        width: 100% !important;
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* zabezpieczenie hero przed zmianą wysokości
       przy chowaniu paska przeglądarki w telefonie */
    .hero-grid {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}
/* =========================================================
   STRONA GŁÓWNA — IDENTYCZNE DUŻE ZDJĘCIA NA TELEFONIE
   ta sama szerokość + wysokość + marginesy
   ========================================================= */

@media (max-width: 768px) {

    /* HERO nie może reagować wysokością na pasek przeglądarki */
    .hero-grid {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* wszystkie duże zdjęcia */
    .hero-photo,
    .about-photo,
    .work-visual {
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px) !important;

        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;

        aspect-ratio: auto !important;
        overflow: hidden !important;

        margin-left: calc(50% - 50vw + 20px) !important;
        margin-right: 20px !important;

        padding: 0 !important;
    }

    /* same fotografie */
    .hero-photo img,
    .about-photo img,
    .work-visual img {
        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;

        object-fit: cover !important;
        object-position: center center !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}
/* =========================================================
   HERO — bez rozmycia/przyciemnienia zdjęcia na telefonie
   ========================================================= */

@media (max-width: 768px) {

    .hero-photo::after {
        display: none !important;
        content: none !important;
    }

}
/* =========================================================
   TELEFON — RÓWNE ODSTĘPY MIĘDZY SEKCJAMI
   ========================================================= */

@media (max-width: 768px) {

    /* jeden wspólny odstęp dla głównych sekcji */
    .section {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    /* O MNIE — usuwamy dodatkową pustą przestrzeń */
    .about-grid {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        transform: none !important;
    }

    .about-copy {
        padding-top: 28px !important;
        padding-bottom: 0 !important;
    }

    /* przycisk nie tworzy dodatkowego dużego dołu */
    .about-copy .btn {
        margin-bottom: 0 !important;
    }

    /* początek następnej sekcji */
    .help {
        margin-top: 0 !important;
    }

    /* jednakowy odstęp przy kolejnych dużych blokach */
    .work-card,
    .offer-card {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
}
/* O MNIE — prawidłowy odstęp pod przyciskiem na telefonie */
@media (max-width: 768px) {

    .about-copy {
        padding-bottom: 32px !important;
    }

}
/* =========================================================
   TELEFON — równy odstęp slider → statystyki
   ========================================================= */

@media (max-width: 768px) {

    .slider-slot {
        margin-bottom: 0 !important;
    }

    .slider-slot + .section {
        padding-top: 32px !important;
    }

    .slider-slot + .section .stats {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}
/* =========================================================
   TELEFON — IDENTYCZNY ODSTĘP PRZED TYTUŁAMI SEKCJI
   ========================================================= */

@media (max-width: 768px) {

    /* zdjęcie O mnie → napis O MNIE */
    .about-photo {
        margin-bottom: 0 !important;
    }

    .about-copy {
        padding-top: 32px !important;
    }

    /* linia → W CZYM POMAGAM */
    .help {
        padding-top: 32px !important;
    }

    /* usuwamy ewentualny dodatkowy margines samego nagłówka */
    .help .eyebrow,
    .help .section-title {
        margin-top: 0 !important;
    }
}
/* =========================================================
   KOMPUTER — lepsze proporcje sekcji JAK PRACUJĘ / OFERTA
   telefon bez zmian
   ========================================================= */

@media (min-width: 981px) {

    /* lewa część większa, oferta trochę węższa */
    .lower-grid {
        grid-template-columns: 1.18fr 0.82fr !important;
        align-items: stretch !important;
    }

    /* więcej miejsca w sekcji Jak pracuję */
    .work-card {
        padding: 42px 46px !important;
    }

    /* tekst + zdjęcie bardziej proporcjonalnie */
    .work-card-inner {
        grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
        gap: 28px !important;
        align-items: center !important;
    }

    /* tekst trochę większy i bardziej obecny */
    .work-card h2 {
        font-size: 38px !important;
        margin-bottom: 20px !important;
    }

    .work-card p {
        font-size: 17px !important;
        line-height: 1.6 !important;
        max-width: 520px !important;
    }

    /* zdjęcie fotela większe */
    .work-visual {
        width: 100% !important;
        min-height: 360px !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .work-visual img {
        width: 100% !important;
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* oferta zachowuje porządek */
    .offer-card {
        padding: 42px 36px !important;
    }
}
/* =========================================================
   KOMPUTER — finalne proporcje JAK PRACUJĘ / OFERTA
   telefon bez zmian
   ========================================================= */

@media (min-width: 1181px) {

    /* proporcja całej sekcji */
    .lower-grid {
        grid-template-columns: 1.2fr 0.8fr !important;
    }

    /* lewa sekcja trochę mniej pustej przestrzeni */
    .work-card {
        padding: 34px 40px !important;
    }

    /* tekst 42%, zdjęcie 58% */
    .work-card-inner {
        grid-template-columns: minmax(0, 42%) minmax(0, 58%) !important;
        gap: 24px !important;
        align-items: center !important;
    }

    /* tekst */
    .work-copy {
        justify-content: center !important;
    }

    .work-card h2 {
        font-size: 39px !important;
        line-height: 1.1 !important;
    }

    .work-card p {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    /* zdjęcie staje się dominującym elementem */
    .work-visual {
        width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        overflow: hidden !important;
    }

    .work-visual img {
        width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* oferta pozostaje zwarta */
    .offer-card {
        padding: 34px 34px !important;
    }
}