/* ================================================================
   CRM DLA DEWELOPERÓW - warstwa na crm-cosmos.css (templates/landing-crm-deweloperzy.php)

   Hero, fakty, kalkulator, cennik, FAQ i kontakt korzystają z klas cr-
   z crm-cosmos.css. Tutaj tylko elementy deweloperskie:
   moduły, makieta inwestycji (tabela lokali na elewacji budynku),
   ścieżka nabywcy, jawność cen, porównanie 3 opcji, "dlaczego my".
   Wszystkie klasy tej warstwy z prefiksem cd-.
   ================================================================ */

.cd-page .cr-hero .cz-hero__title{font-size:clamp(2.1rem,3.6vw,3.15rem)!important}

/* ================================================================
   02 MODUŁY
   ================================================================ */
.cd-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cd-mod{display:flex;flex-direction:column;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(17,22,46,.78),rgba(8,11,26,.86));border:1px solid rgba(165,180,252,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .4s,transform .6s var(--cz-ease)}
.cd-mod:hover{border-color:rgba(165,180,252,.34);transform:translateY(-4px)}
.cd-mod__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.cd-mod__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.98rem;transition:transform .6s var(--cz-ease)}
.cd-mod:hover .cd-mod__ic{transform:rotate(-8deg) scale(1.05)}
.cd-mod__n{font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-lav)}
.cd-mod h3{margin-bottom:8px!important;font-size:1.06rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.cd-mod p{font-size:.9rem;line-height:1.64;color:var(--cz-muted)}

/* ================================================================
   03 MAKIETA INWESTYCJI - tabela lokali na elewacji
   ================================================================ */
.cd-inv{position:relative;border-radius:30px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 50px 90px -60px rgba(49,46,129,.6);overflow:hidden}
.cd-inv__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding:18px 22px;border-bottom:1px solid var(--cz-line-l)}
.cd-inv__name{display:flex;align-items:center;gap:12px}
.cd-inv__name>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cz-deep);color:#fff;font-size:.9rem}
.cd-inv__name b{display:block;font:600 .98rem/1.2 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.cd-inv__name small{display:block;margin-top:3px;font:500 .62rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted-l)}
.cd-inv__filters{display:flex;flex-wrap:wrap;gap:6px}
.cd-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(11,16,32,.14);background:#fff;color:#3A4459;font:600 .8rem/1 var(--cz-body);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.cd-chip:hover{border-color:var(--cz-indigo-deep);color:var(--cz-indigo-deep)}
.cd-chip.is-on{background:var(--cz-deep);border-color:var(--cz-deep);color:#fff}
.cd-chip--free i{color:#10B981}
.cd-chip--free.is-on{background:#ECFDF5;border-color:#34D399;color:#065F46}

.cd-inv__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);background:linear-gradient(180deg,#F4F5FB 0%,#fff 70%)}
.cd-inv__body>.cd-bld{margin:0 auto}

/* budynek */
.cd-bld{position:relative;width:100%;max-width:600px;padding:40px 26px 0;align-self:end}
.cd-bld__roof{height:14px;margin:0 -8px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#1B2140,#0B1020)}
.cd-bld__floor{display:grid;grid-template-columns:22px repeat(5,minmax(0,1fr));gap:6px;align-items:center;padding:6px 10px 6px 6px;background:#EEF0F7;border-left:1px solid #D9DCE8;border-right:1px solid #D9DCE8;border-bottom:3px solid #DCDFEA}
.cd-bld__lvl{font:600 .62rem/1 var(--cz-mono);color:#8A93A8;text-align:center}
.cd-u{--bd:#34D399;--bg:#ECFDF5;--fg:#065F46;position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;height:54px;padding:0 8px;border-radius:9px;border:1.5px solid var(--bd);background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;transition:transform .35s var(--cz-ease),box-shadow .35s,opacity .35s,background .35s,border-color .35s}
.cd-u b{font:600 .72rem/1 var(--cz-mono);letter-spacing:.02em}
.cd-u i{font:500 .64rem/1 var(--cz-body);font-style:normal;opacity:.8}
.cd-u.is-res{--bd:#FBBF24;--bg:#FFFBEB;--fg:#92400E}
.cd-u.is-sold{--bd:#CBD0E0;--bg:#E4E6EF;--fg:#6B7490}
.cd-u:hover{transform:translateY(-2px);box-shadow:0 10px 18px -12px rgba(11,16,32,.5)}
.cd-u.is-sel{z-index:2;transform:scale(1.07);box-shadow:0 0 0 3px var(--cz-indigo-deep),0 14px 24px -12px rgba(49,46,129,.6)}
.cd-u.is-dim{opacity:.22}
.cd-u.is-flash{animation:cdFlash .8s var(--cz-ease)}
@keyframes cdFlash{35%{box-shadow:0 0 0 7px rgba(99,102,241,.25)}}
.cd-bld__ground{display:grid;grid-template-columns:1fr 92px 1fr;align-items:end;height:34px;margin:0 -8px;border-top:1px solid #D9DCE8}
.cd-bld__ground span{height:10px;background:repeating-linear-gradient(90deg,#DCE7DF 0 10px,#E7EFE9 10px 20px);border-radius:0 0 4px 4px}
.cd-bld__ground em{display:grid;place-items:center;height:34px;border-radius:6px 6px 0 0;background:var(--cz-deep);color:rgba(255,255,255,.8);font:500 .56rem/1 var(--cz-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase}

/* karta lokalu */
.cd-unit{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:26px 24px;border-left:1px solid var(--cz-line-l);background:#FAFBFE}
.cd-unit__empty{display:flex;align-items:center;gap:12px;margin:auto 0!important;font-size:.92rem;line-height:1.55;color:var(--cz-muted-l)}
.cd-unit__empty i{font-size:1.2rem;color:var(--cz-indigo-deep)}
.cd-unit__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cd-unit__head b{font:600 1.6rem/1 var(--cz-display);letter-spacing:-.03em;color:var(--cz-ink-text)}
.cd-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font:600 .62rem/1 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase}
.cd-pill.is-free{background:#D1FAE5;color:#065F46}
.cd-pill.is-res{background:#FEF3C7;color:#92400E}
.cd-pill.is-sold{background:#E4E6EF;color:#4A5370}
.cd-unit__meta{margin-top:-8px!important;font-size:.86rem;color:var(--cz-muted-l)}
.cd-unit__price{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(11,16,32,.08)}
.cd-unit__price strong{font:600 1.5rem/1 var(--cz-display);letter-spacing:-.03em;color:var(--cz-ink-text)}
.cd-unit__price span{font:600 .78rem/1 var(--cz-mono);color:var(--cz-indigo-deep)}
.cd-unit__sec small{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font:500 .6rem/1.3 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted-l)}
.cd-unit__sec small em{font-style:normal;color:var(--cz-indigo-deep)}
.cd-unit__sec ol,.cd-unit__sec ul{display:grid;gap:0;list-style:none;margin:0;padding:0}
.cd-unit__sec li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--cz-line-l);font-size:.82rem;color:#3A4459}
.cd-unit__sec li:first-child{border-top:0}
.cd-unit__sec li b{font:600 .8rem/1 var(--cz-mono);color:var(--cz-ink-text);white-space:nowrap}
.cd-unit__sec li.is-now b{color:var(--cz-indigo-deep)}
.cd-unit__sec li i{margin-right:7px;font-size:.7rem;color:#B5BCD0}
.cd-unit__sec li.is-paid i{color:#10B981}
.cd-unit__sec li.is-next{color:#92400E}
.cd-unit__sec li.is-next i{color:#F59E0B}
.cd-unit__note{display:flex;align-items:center;gap:8px;font-size:.82rem;line-height:1.45;color:var(--cz-muted-l)}
.cd-unit__note i{color:var(--cz-indigo-deep)}
.cd-unit__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.cd-act{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--cz-deep);background:var(--cz-deep);color:#fff;font:600 .84rem/1 var(--cz-body);cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.cd-act:hover{background:var(--cz-indigo-deep);border-color:var(--cz-indigo-deep)}
.cd-act:active{transform:scale(.97)}
.cd-act--ghost{background:transparent;color:var(--cz-ink-text);border-color:rgba(11,16,32,.2)}
.cd-act--ghost:hover{background:#EEF0FF;border-color:#EEF0FF;color:var(--cz-ink-text)}

/* stopka makiety */
.cd-inv__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;padding:16px 22px;border-top:1px solid var(--cz-line-l)}
.cd-legend{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0;padding:0}
.cd-legend li{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#3A4459}
.cd-legend li>i{width:12px;height:12px;border-radius:4px;border:1.5px solid}
.cd-legend .is-free{background:#ECFDF5;border-color:#34D399}
.cd-legend .is-res{background:#FFFBEB;border-color:#FBBF24}
.cd-legend .is-sold{background:#E4E6EF;border-color:#CBD0E0}
.cd-legend b{font:600 .86rem/1 var(--cz-mono);color:var(--cz-ink-text)}
.cd-inv__sold{display:flex;align-items:center;gap:12px;font-size:.86rem;color:var(--cz-muted-l)}
.cd-inv__sold>b{font:600 1.1rem/1 var(--cz-display);color:var(--cz-ink-text)}
.cd-inv__bar-p{display:block;width:140px;height:8px;border-radius:99px;background:#E4E6EF;overflow:hidden}
.cd-inv__bar-p i{display:block;width:calc(var(--v) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366F1,#22D3EE);transition:width .8s var(--cz-ease)}
.cd-inv__toast{position:absolute;left:50%;bottom:74px;z-index:5;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:11px 16px 11px 12px;border-radius:999px;background:var(--cz-deep);color:#fff;font-size:.82rem;line-height:1.35;box-shadow:0 20px 40px -18px rgba(11,16,32,.8);opacity:0;pointer-events:none;transform:translate3d(-50%,10px,0);transition:opacity .35s,transform .45s var(--cz-ease)}
.cd-inv__toast i{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--cz-cyan);color:var(--cz-ink-text);font-size:.7rem}
.cd-inv__toast.is-on{opacity:1;transform:translate3d(-50%,0,0)}
.cd-inv__note{display:flex;align-items:flex-start;gap:10px;margin-top:18px!important;font-size:.84rem;line-height:1.55;color:var(--cz-muted-l)}
.cd-inv__note i{margin-top:3px;color:var(--cz-indigo-deep)}

/* ================================================================
   04 ŚCIEŻKA NABYWCY
   ================================================================ */
.cd-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;counter-reset:none}
.cd-step{display:flex;flex-direction:column;padding:22px 22px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(17,22,46,.78),rgba(8,11,26,.86));border:1px solid rgba(165,180,252,.14)}
.cd-step__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.cd-step__n{font:600 1.5rem/1 var(--cz-display);letter-spacing:-.03em;color:rgba(165,180,252,.35)}
.cd-step__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(34,211,238,.12);color:var(--cz-cyan);font-size:.86rem}
.cd-step h3{margin-bottom:6px!important;font-size:1.04rem!important;line-height:1.3!important;letter-spacing:-.015em;color:#fff}
.cd-step>p{font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.cd-step__crm{margin-top:auto!important;padding:10px 12px;border-radius:12px;border-left:2px solid var(--cz-cyan);background:rgba(34,211,238,.06);font-size:.82rem!important;line-height:1.5!important;color:rgba(232,234,246,.86)!important}
.cd-step>p+.cd-step__crm{margin-top:14px!important}
.cd-step__crm b{font:600 .66rem/1 var(--cz-mono);letter-spacing:.1em;color:var(--cz-cyan)}

/* ================================================================
   05 JAWNOŚĆ CEN
   ================================================================ */
.cd-law{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:start}
.cd-flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:center;margin-top:30px}
.cd-flow__node{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 24px 40px -34px rgba(49,46,129,.6)}
.cd-flow__node i{display:grid;place-items:center;width:36px;height:36px;margin-bottom:6px;border-radius:11px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.84rem}
.cd-flow__node b{font:600 .9rem/1.2 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.cd-flow__node small{font-size:.76rem;line-height:1.4;color:var(--cz-muted-l)}
.cd-flow__node.is-gov{background:var(--cz-deep);border-color:transparent}
.cd-flow__node.is-gov i{background:rgba(34,211,238,.16);color:var(--cz-cyan)}
.cd-flow__node.is-gov b{color:#fff}
.cd-flow__node.is-gov small{color:var(--cz-muted)}
.cd-flow__arrow{position:relative;height:2px;margin:0 6px;background:linear-gradient(90deg,rgba(79,70,229,.35),var(--cz-indigo-deep))}
.cd-flow__arrow::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:6px solid var(--cz-indigo-deep);border-right:0}
.cd-law .cr-more{margin-top:26px!important}
.cd-law__src{margin-top:12px!important;padding-top:12px;border-top:1px solid var(--cz-line-l);font-size:.82rem;color:var(--cz-muted-l)}
.cd-law__src a{color:var(--cz-indigo-deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(79,70,229,.35);text-underline-offset:4px}

/* ================================================================
   06 PORÓWNANIE - 3 opcje
   ================================================================ */
.cd-compare tbody th{width:18%}
.cd-compare td{width:27.33%}
.cd-compare td.is-mid{color:rgba(232,234,246,.74)}
.cd-compare td.is-mid i{margin-right:8px;color:#FBBF24}

/* ================================================================
   11 DLACZEGO MY
   ================================================================ */
.cd-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}
.cd-why__item{display:flex;flex-direction:column;padding:24px 22px;border-radius:24px;background:#fff;border:1px solid rgba(11,16,32,.08);transition:transform .6s var(--cz-ease),box-shadow .6s var(--cz-ease)}
.cd-why__item:hover{transform:translateY(-5px);box-shadow:0 36px 60px -44px rgba(49,46,129,.55)}
.cd-why__ic{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:14px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.98rem}
.cd-why__item h3{margin-bottom:8px!important;font-size:1.04rem!important;line-height:1.3!important;letter-spacing:-.015em;color:var(--cz-ink-text)}
.cd-why__item p{font-size:.88rem;line-height:1.62;color:var(--cz-muted-l)}
.cd-why__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:var(--cz-indigo-deep);font:600 .86rem/1.3 var(--cz-body);text-decoration:none}
.cd-why__link i{font-size:.66rem;transition:transform .4s var(--cz-ease)}
.cd-why__link:hover i{transform:translateX(3px)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (min-width:1025px){
	.cd-u{height:70px;padding:0 11px}
	.cd-u b{font-size:.8rem}
	.cd-u i{font-size:.7rem}
}
@media (max-width:1180px){
	.cd-why{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
	.cd-mods,.cd-path{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cd-inv__body{grid-template-columns:1fr}
	.cd-unit{border-left:0;border-top:1px solid var(--cz-line-l)}
	.cd-law{grid-template-columns:1fr}
}
@media (max-width:760px){
	.cd-mods,.cd-path,.cd-why{grid-template-columns:1fr;gap:12px}
	.cd-mod,.cd-step,.cd-why__item{padding:20px;border-radius:22px}

	.cd-inv{border-radius:24px}
	.cd-inv__bar{padding:16px}
	.cd-chip{height:32px;padding:0 11px;font-size:.76rem}
	.cd-bld{padding:24px 12px 0}
	.cd-bld__roof,.cd-bld__ground{margin:0 -4px}
	.cd-bld__floor{grid-template-columns:14px repeat(5,minmax(0,1fr));gap:4px;padding:5px 6px 5px 4px}
	.cd-u{height:46px;padding:0 5px;border-radius:7px}
	.cd-u b{font-size:.62rem}
	.cd-u i{font-size:.56rem}
	.cd-unit{padding:20px 16px}
	.cd-unit__head b{font-size:1.35rem}
	.cd-unit__price strong{font-size:1.3rem}
	.cd-inv__foot{padding:14px 16px}
	.cd-inv__bar-p{width:90px}
	.cd-inv__toast{bottom:auto;top:12px;border-radius:16px;width:calc(100% - 24px)}

	.cd-flow{grid-template-columns:1fr;gap:0}
	.cd-flow__arrow{width:2px;height:22px;margin:0 auto;background:linear-gradient(180deg,rgba(79,70,229,.35),var(--cz-indigo-deep))}
	.cd-flow__arrow::after{right:auto;left:-4px;top:auto;bottom:-2px;border:5px solid transparent;border-top:6px solid var(--cz-indigo-deep);border-bottom:0}

	.cd-compare td{width:100%}
	.cd-compare td.is-mid{background:rgba(251,191,36,.05)}
}
@media (prefers-reduced-motion:reduce){
	.cd-u,.cd-inv__bar-p i{transition:none}
}