/* 3PG – style strony „nasze-marki” (inline z Nasze-marki.html, 1:1). Ładowane po slugu. */

.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .mk-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 28px 26px;display:flex;flex-direction:column;gap:18px;transition:transform .2s,box-shadow .2s,border-color .2s}
  a.mk-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
  .mk-logo{height:64px;display:flex;align-items:center;justify-content:flex-start}
  .mk-logo img{height:30px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s}
  a.mk-card:hover .mk-logo img{filter:grayscale(0);opacity:1}
  .mk-logo img.tall{height:46px}
  .mk-logo img.fpro{height:34px}
  .mk-logo img.acra{height:46px}
  .mk-logo img.korki{height:60px}
  .mk-logo img.opieka{height:44px}
  .mk-word{font-weight:800;font-size:27px;letter-spacing:-.02em;color:var(--navy);line-height:1}
  .mk-word .pro{color:var(--blue)}
  .mk-acra{display:inline-flex;align-items:center;gap:10px;font-size:30px;letter-spacing:.06em}
  .mk-acra::before{content:"";width:14px;height:14px;background:var(--orange);border-radius:3px}
  .mk-body h2,.mk-body h3{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.01em;margin-bottom:8px}
  .mk-body p{font-size:14.5px;line-height:1.62;color:var(--muted);margin:0}
  .mk-more{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--blue);margin-top:14px;transition:gap .2s}
  a.mk-card:hover .mk-more{gap:12px}
  @media(max-width:900px){.mk-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.mk-grid{grid-template-columns:1fr}}

      .chan-btn{display:inline-flex;align-items:center;gap:20px;padding:22px 30px;border-radius:20px;background:linear-gradient(120deg,var(--blue-deep),var(--navy));color:#fff;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;max-width:560px}
      .chan-btn:hover{transform:translateY(-4px);box-shadow:0 26px 60px -22px rgba(12,58,86,.5)}
      .chan-btn .ci{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center}
      .chan-btn .ci svg{width:26px;height:26px;stroke:#fff}
      .chan-btn .ct{display:flex;flex-direction:column;gap:3px;text-align:left}
      .chan-btn .ct b{font-size:18px;font-weight:800;letter-spacing:-.01em}
      .chan-btn .ct small{font-size:14px;color:rgba(255,255,255,.78);font-weight:500}
      .chan-btn .ca{flex:none;margin-left:6px;font-size:22px;font-weight:800;color:var(--orange);transition:transform .22s}
      .chan-btn:hover .ca{transform:translateX(5px)}
      @media(max-width:560px){.chan-btn{gap:14px;padding:18px 20px}.chan-btn .ct small{display:none}}