/* ==========================================================================
   uslugi.html — „W czym pomagamy” (odpowiednik strony „Usługi” cbre.pl)
   Tylko klasy z prefiksem .us-*; wszystko inne pochodzi z handshake.css.
   ========================================================================== */

/* nagłówek: zostawia miejsce na nachodzące karty wyboru */
.us-head .phead__in{padding-bottom:calc(clamp(48px,6vw,88px) + clamp(40px,4vw,64px))}
.us-head .eyebrow{display:flex;margin-top:clamp(28px,3vw,44px)}

/* ---------- szybki wybór: Sprzedaję | Kupuję ---------- */
.us-pick{position:relative;z-index:2;margin-top:calc(-1 * clamp(40px,4vw,64px))}
.us-pick__in{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:0}
.us-pick__i{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(28px,3.2vw,46px) clamp(24px,3.2vw,48px) clamp(26px,3vw,40px);background:#fff;border:1px solid var(--line);color:var(--ink-2);transition:background .25s,border-color .25s}
.us-pick__i + .us-pick__i{border-left:0}
.us-pick__i:hover{border-color:var(--line-strong)}
.us-pick__i--sell{background:var(--navy);border-color:var(--navy);color:rgba(255,255,255,.8)}
.us-pick__i--sell:hover{background:var(--navy-900);border-color:var(--navy-900)}
.us-pick__i--sell::after{content:none}
.us-pick__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.us-pick__k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-text)}
.us-pick__i--sell .us-pick__k{color:var(--blue-light)}
.us-pick__top .ic{width:36px;height:36px}
.us-pick__t{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.5vw,38px);line-height:1.12;letter-spacing:-.008em;color:var(--navy);max-width:20ch;text-wrap:balance}
.us-pick__i--sell .us-pick__t{color:#fff}
.us-pick__d{font-size:15.5px;line-height:1.6;max-width:46ch}
.us-pick__i--sell .us-pick__d{color:var(--muted-dark)}
.us-pick__i .lnk{margin-top:auto;padding-top:10px}
.us-pick__i:hover .lnk::before{width:60px}
@media (max-width:760px){
  .us-pick__in{grid-template-columns:1fr}
  .us-pick__i + .us-pick__i{border-left:1px solid var(--line);border-top:0}
}

/* ---------- potrzeby (wiersze jak na stronie głównej) ---------- */
.us-needs{padding-top:clamp(64px,7vw,112px)}
.us-needs .row__h{font-size:clamp(28px,2.9vw,44px)}
.us-needs .row--lead .row__h{font-size:clamp(32px,3.4vw,52px)}
.us-lnks{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.us-ticks{gap:10px;font-size:15px}
.us-ticks li{padding-left:30px}
.us-ticks li::before{width:16px}

/* ---------- rodzaje nieruchomości ---------- */
.us-type{padding:28px 24px 26px}
.us-type__go{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.us-type__go .lnk{padding-top:4px}
@media (max-width:1180px) and (min-width:641px){
  .us-types{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- sytuacje: lista z liniami (CBRE) ---------- */
.us-sits{border-top:1px solid var(--line)}
.us-sit{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:clamp(24px,4vw,64px);padding:clamp(32px,3.6vw,52px) 0;border-bottom:1px solid var(--line)}
.us-sit__head{display:flex;flex-direction:column;gap:14px;align-self:start}
.us-sit__body{display:flex;flex-direction:column;gap:16px}
.us-sit__k{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-text)}
.us-sit__k .ic{width:22px;height:22px}
.us-sit h3{font-size:clamp(26px,2.4vw,36px);line-height:1.12}
.us-sit p{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:720px}
.us-sit__quote{border-left:2px solid var(--blue);padding:2px 0 2px 20px}
.us-sit__quote blockquote{font-family:var(--display);font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:var(--navy)}
.us-sit__quote figcaption{margin-top:8px;font-size:13.5px;color:var(--muted)}
.us-sit__go{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 40px;margin-top:6px;padding-top:18px;border-top:1px solid var(--line-soft)}
.us-sit__go .lnk{flex:none}
.us-sit__art{display:flex;flex-direction:column;gap:3px;flex:1 1 260px;max-width:44ch;font-size:15px;line-height:1.45;color:var(--navy);transition:color .2s}
.us-sit__art span{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.us-sit__art:hover{color:var(--blue-text);text-decoration:underline;text-underline-offset:3px}
.us-other{margin-top:32px;font-size:15px;color:var(--muted)}
@media (max-width:860px){
  .us-sit{grid-template-columns:1fr;gap:22px}
}


/* ---------- zasady i pytania (przeniesione ze strony „Jak pracujemy”, 24.10.2026) ---------- */
.us-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.us-faq .shead{margin-bottom:0}
@media (min-width:981px){.us-faq .shead{position:sticky;top:calc(var(--nav-h) + 32px)}}
@media (max-width:980px){.us-faq{grid-template-columns:1fr}}

/* doradztwo dla inwestorów i firm (24.10): pięć usług w siatce 3 kolumn + pole „Skontaktuj się”, granat.
   Bez cen i szczegółów, jak CBRE: tytuł, jedno zdanie, kontakt */
.dor__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.4vw,48px) clamp(24px,3vw,44px)}
.dor__i{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--navy-700);padding-top:22px;position:relative;scroll-margin-top:calc(var(--nav-h) + 24px)}
.dor__i::before{content:"";position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--blue-light)}
.dor__t{font-family:var(--display);font-weight:400;font-size:clamp(22px,1.9vw,27px);line-height:1.2;color:#fff}
.dor__p{font-size:15.5px;line-height:1.65;color:var(--muted-dark);max-width:44ch}
.dor__i--cta::before{background:var(--turkus)}
.dor__i--cta .lnk{margin-top:4px}
@media (max-width:980px){.dor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dor__grid{grid-template-columns:1fr}}