/* Jastrzębie Sukcesu — publiczny front plebiscytu. Brand „biało-złoty" (wariant D z mockupu).
   Scoped pod #js-app, nie koliduje z theme Neve. Fonty self-hosted (Playfair Display + Inter). */

/* Material Symbols (ikony) — jedyny zasób z CDN, reszta lokalnie */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

/* ── Self-hosted fonty (Playfair Display + Inter, latin+latin-ext) ── */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/playfair-display-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/playfair-display-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/playfair-display-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/playfair-display-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/playfair-display-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/playfair-display-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ── Ukryj generyczny chrome theme Neve — mamy własny topbar/footer ── */
.header_main,.footer_wrapper,.container_additional,.phone-me,.phone_me_popup,.footer_credits,.footer_city_lists,.header_menu_responsive{display:none!important}
body{margin:0!important;background:#ffffff!important}

/* ── Tokeny brandu (wariant D — biało-złoty) ── */
#js-app{
  --bg:#ffffff;--surface:#ffffff;--ink:#1a1712;--ink-soft:#6b6457;
  --navy:#14110c;--accent:#bf9b30;--accent2:#e6cf86;
  --section-alt:#faf6ec;--tile-bg:#fffdf8;
  --border:1px solid #efe7d2;--shadow:0 10px 34px rgba(180,150,40,.08);
  --radius:10px;--btn-radius:8px;
  background:var(--bg);color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55;
  min-height:100vh;-webkit-font-smoothing:antialiased;
}
#js-app *{box-sizing:border-box;margin:0;padding:0}
#js-app a{color:inherit;text-decoration:none}
#js-app img{max-width:100%}
#js-app .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle}
#js-app .wrap{max-width:1180px;margin:0 auto;padding:0 32px}
#js-app h1,#js-app h2,#js-app h3,#js-app .head{font-family:'Playfair Display',Georgia,serif;color:var(--ink);line-height:1.12}
#js-app .eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.78rem;font-weight:700;color:var(--accent);margin-bottom:14px}
#js-app .gold{color:var(--accent)}
#js-app .sec{padding:84px 0}
#js-app .sec-alt{background:var(--section-alt)}
#js-app .sec-head{text-align:center;max-width:680px;margin:0 auto 52px}
#js-app .sec-head h2{font-size:2.3rem;font-weight:800;margin-bottom:14px}
#js-app .sec-head p{color:var(--ink-soft);font-size:1.06rem}
#js-app .js-stars{display:inline-flex;gap:1px;line-height:0;vertical-align:middle}

/* ── Przyciski ── */
#js-app .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;padding:13px 26px;border-radius:var(--btn-radius);cursor:pointer;border:0;transition:.15s;text-align:center}
#js-app .btn .material-symbols-outlined{font-size:20px}
#js-app .btn-primary{background:var(--accent);color:#1a1206}
#js-app .btn-primary:hover{background:#1a1611;color:#e6cf86}
#js-app .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(26,23,18,.22)}
#js-app .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
#js-app .btn-lg{padding:15px 30px;font-size:1.02rem}

/* ── NAV / topbar ── */
#js-app .nav{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:var(--border)}
#js-app .nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
#js-app .brand{display:flex;align-items:center;gap:11px;font-family:'Playfair Display',serif;font-weight:800;font-size:1.32rem;color:var(--ink)}
#js-app .brand img{width:46px;height:46px;object-fit:contain;display:block}
#js-app .nav-links{display:flex;gap:30px;align-items:center}
#js-app .nav-links a{font-weight:600;font-size:.95rem;color:var(--ink-soft)}
#js-app .nav-links a:hover,#js-app .nav-links a.is-active{color:var(--accent)}
#js-app .nav-links .btn{padding:10px 20px;font-size:.9rem;color:#1a1206}
#js-app .nav-links .btn-primary:hover,#js-app .js-mobile .btn-primary:hover{color:#e6cf86}
#js-app .js-burger{display:none;flex-direction:column;gap:5px;background:0;border:0;cursor:pointer;padding:8px}
#js-app .js-burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
#js-app .js-mobile{display:none;border-top:var(--border);background:var(--surface)}
#js-app .js-mobile .wrap{display:flex;flex-direction:column;padding-top:14px;padding-bottom:18px;gap:12px}
#js-app .js-mobile a{font-weight:600;color:var(--ink-soft)}
#js-app.js-menu-open .js-mobile{display:block}

/* ── HERO ── */
#js-app .hero{background:linear-gradient(135deg,#ffffff 0%,#fdfaf2 55%,#f7efda 100%);color:var(--ink);padding:90px 0 100px;position:relative;overflow:hidden}
#js-app .hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}
#js-app .hero .eyebrow{color:var(--accent)}
#js-app .hero h1{font-size:3.4rem;font-weight:800;margin-bottom:20px}
#js-app .hero p.lead{font-size:1.16rem;color:var(--ink-soft);max-width:560px;margin-bottom:32px}
#js-app .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
#js-app .hero-godlo{display:flex;justify-content:center;align-items:center}

/* HERO certyfikat */
#js-app .cert{background:linear-gradient(160deg,#fffdf8,#f9f2df);border:2px solid var(--accent);border-radius:14px;padding:34px 40px;text-align:center;box-shadow:0 24px 60px rgba(191,155,48,.24);max-width:340px;position:relative}
#js-app .cert::before{content:"";position:absolute;inset:7px;border:1px solid var(--accent2);border-radius:9px;pointer-events:none}
#js-app .cert img{width:72px;height:72px;object-fit:contain;margin:0 auto 14px}
#js-app .cert-ey{text-transform:uppercase;letter-spacing:2.4px;font-size:.66rem;font-weight:700;color:var(--ink-soft);margin-bottom:6px}
#js-app .cert-name{font-family:'Playfair Display',serif;font-weight:800;font-size:2rem;line-height:1.05;margin-bottom:12px}
#js-app .cert-stars{margin-bottom:14px;display:flex;gap:3px;justify-content:center}
#js-app .cert-stars .material-symbols-outlined{font-size:20px;color:var(--accent);font-variation-settings:'FILL' 1}
#js-app .cert-line{height:2px;width:60px;background:var(--accent);margin:0 auto 14px}
#js-app .cert-year{font-family:'Playfair Display',serif;font-weight:800;font-size:3.4rem;color:var(--accent);line-height:1}
#js-app .cert-sub{font-size:.84rem;color:var(--ink-soft);margin-top:8px}

/* ── STATS ── */
#js-app .stats{background:var(--accent);color:#1a1206}
#js-app .stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0}
#js-app .stat{text-align:center}
#js-app .stat-num{font-family:'Playfair Display',serif;font-size:2.1rem;font-weight:800;line-height:1}
#js-app .stat-lab{font-size:.86rem;font-weight:600;opacity:.85;margin-top:6px}

/* ── KAFLE BRANŻ ── */
#js-app .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#js-app .tile{background:var(--tile-bg);border:var(--border);border-radius:6px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;position:relative;transition:.16s}
#js-app .tile:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}
#js-app .tile-ic .material-symbols-outlined{font-size:30px;color:var(--accent)}
#js-app .tile-t{font-weight:700;font-size:1.05rem;font-family:'Playfair Display',serif}
#js-app .tile-c{font-size:.86rem;color:var(--ink-soft)}
#js-app .tile-arrow{position:absolute;top:22px;right:20px;color:var(--ink-soft);font-size:20px}

/* ── LAUREACI / podium ── */
#js-app .laury{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:end}
#js-app .laur{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
#js-app a.laur{text-decoration:none;color:inherit;display:block;transition:transform .15s ease,box-shadow .15s ease}
#js-app a.laur:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(191,155,48,.18);border-color:var(--accent)}
#js-app .laur.featured{border:2px solid var(--accent);padding-top:34px;padding-bottom:34px;box-shadow:0 20px 50px rgba(191,155,48,.18)}
#js-app .laur-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#js-app .medal{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#fff;font-weight:800;font-size:1.15rem;box-shadow:0 3px 10px rgba(0,0,0,.18)}
#js-app .medal-1{background:#d4af37}#js-app .medal-2{background:#aab4bd}#js-app .medal-3{background:#cd7f4a}#js-app .medal-n{background:var(--accent)}
#js-app .laur-wynik{font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;color:var(--accent)}
#js-app .laur-wynik small{font-size:.9rem;color:var(--ink-soft);font-weight:600}
#js-app .laur-nazwa{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;margin-bottom:8px}
#js-app .laur-meta{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--ink-soft);margin-bottom:16px}
#js-app .laur-meta .material-symbols-outlined{font-size:17px;color:var(--accent)}
#js-app .laur-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--accent);background:rgba(191,155,48,.1);padding:6px 12px;border-radius:999px}
#js-app .laur-badge .material-symbols-outlined{font-size:16px}

/* ── LISTA rankingu (poza podium) ── */
#js-app .rank-list{display:flex;flex-direction:column;gap:10px;margin-top:30px}
#js-app .rank-row{display:flex;align-items:center;gap:18px;background:var(--surface);border:var(--border);border-radius:var(--radius);padding:16px 22px;transition:.15s}
#js-app .rank-row:hover{border-color:var(--accent);box-shadow:var(--shadow)}
#js-app .rank-poz{font-family:'Playfair Display',serif;font-weight:800;font-size:1.3rem;color:var(--ink-soft);width:42px;flex:none;text-align:center}
#js-app .rank-main{flex:1;min-width:0}
#js-app .rank-name{font-family:'Playfair Display',serif;font-weight:700;font-size:1.08rem}
#js-app .rank-sub{font-size:.84rem;color:var(--ink-soft);display:flex;align-items:center;gap:5px}
#js-app .rank-sub .material-symbols-outlined{font-size:15px;color:var(--accent)}
#js-app .rank-wynik{font-family:'Playfair Display',serif;font-weight:800;font-size:1.4rem;color:var(--accent);flex:none}
#js-app .rank-wynik small{font-size:.78rem;color:var(--ink-soft);font-weight:600}

/* ── KROKI ── */
#js-app .kroki{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
#js-app .krok-ic{position:relative;width:62px;height:62px;border-radius:var(--radius);background:rgba(191,155,48,.12);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#js-app .krok-ic .material-symbols-outlined{font-size:30px;color:var(--accent)}
#js-app .krok-n{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#1a1206;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center}
#js-app .krok-t{font-family:'Playfair Display',serif;font-weight:700;font-size:1.15rem;margin-bottom:8px}
#js-app .krok-o{color:var(--ink-soft);font-size:.95rem}

/* ── CTA końcowe ── */
#js-app .cta{background:linear-gradient(135deg,#1a1611 0%,#2a2418 100%);color:#fff;text-align:center;padding:80px 0}
#js-app .cta h2{color:#fff;font-size:2.4rem;font-weight:800;margin-bottom:16px}
#js-app .cta p{color:var(--accent2);font-size:1.1rem;max-width:560px;margin:0 auto 30px}

/* ── SUBHERO (podstrony) ── */
#js-app .subhero{background:linear-gradient(135deg,#ffffff 0%,#fdfaf2 100%);padding:54px 0 44px;border-bottom:var(--border)}
#js-app .crumb{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink-soft);margin-bottom:14px}
#js-app .crumb a:hover{color:var(--accent)}
#js-app .crumb .sep{opacity:.5}
#js-app .subhero h1{font-size:2.6rem;font-weight:800;margin-bottom:10px}
#js-app .subhero .lead{color:var(--ink-soft);font-size:1.06rem;max-width:620px}
#js-app .sub-meta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.86rem;font-weight:600;color:var(--accent)}

/* ── PROFIL FIRMY ── */
#js-app .firma-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}
#js-app .firma-card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;position:sticky;top:94px}
#js-app .firma-logo{width:84px;height:84px;border-radius:14px;object-fit:contain;border:var(--border);background:#fff;padding:8px;margin-bottom:16px}
#js-app .firma-nazwa{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:800;line-height:1.1;margin-bottom:8px}
#js-app .firma-branza{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--accent);margin-bottom:18px}
#js-app .firma-dane{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:16px;border-top:var(--border);padding-top:18px}
#js-app .firma-dane li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--ink-soft)}
#js-app .firma-dane .material-symbols-outlined{font-size:19px;color:var(--accent);flex:none}
#js-app .firma-wynik-box{display:flex;align-items:center;gap:20px;background:var(--section-alt);border:var(--border);border-radius:var(--radius);padding:24px 28px;margin-bottom:26px}
#js-app .firma-wynik-num{font-family:'Playfair Display',serif;font-size:3.2rem;font-weight:800;color:var(--accent);line-height:1}
#js-app .firma-wynik-num small{font-size:1.1rem;color:var(--ink-soft)}
#js-app .firma-poz{font-size:.95rem;color:var(--ink-soft)}
#js-app .firma-poz b{color:var(--ink);font-weight:700}
#js-app .godlo-box{display:inline-flex;align-items:center;gap:10px;background:rgba(191,155,48,.1);border:1px solid var(--accent2);color:var(--accent);font-weight:700;padding:10px 16px;border-radius:999px;margin-bottom:24px}
#js-app .zrodla{display:flex;flex-direction:column;gap:12px}
#js-app .zrodlo{display:flex;align-items:center;gap:16px;border:var(--border);border-radius:var(--radius);padding:14px 18px}
#js-app .zrodlo-portal{font-weight:700;text-transform:capitalize;min-width:90px}
#js-app .zrodlo-meta{margin-left:auto;text-align:right;font-size:.86rem;color:var(--ink-soft)}
#js-app .zrodlo-srednia{font-family:'Playfair Display',serif;font-weight:800;color:var(--accent);font-size:1.1rem}
#js-app .block-h{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;margin:30px 0 16px}
#js-app .firma-opis{color:var(--ink-soft);font-size:1rem;line-height:1.7}
/* motyw zeruje domyślne marginesy akapitów — bez tego pełny opis (400+ słów) zlewa się w ścianę */
#js-app .firma-opis p{margin:0 0 14px}
#js-app .firma-opis p:last-child{margin-bottom:0}
#js-app .firma-opis ul{margin:0 0 14px 20px}
#js-app .firma-opis ul li{list-style:disc;margin-bottom:6px}
/* śródtytuły rozbijają 450 słów na skanowalne bloki — mniejsze od .block-h („O firmie"),
   żeby hierarchia sekcja > podsekcja była widoczna gołym okiem, nie tylko w kodzie */
#js-app .firma-opis h3{font-size:1.12rem;font-weight:700;color:var(--ink);margin:26px 0 10px}
#js-app .firma-opis h3:first-child{margin-top:0}
#js-app .firma-opis strong{color:var(--ink);font-weight:600}

/* ── FOOTER ── */
#js-app .js-footer{background:var(--navy);color:#aeb8c6;padding:48px 0 30px}
#js-app .js-footer .foot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:24px;margin-bottom:20px}
#js-app .js-footer .brand{color:#fff}
#js-app .js-footer .foot-links{display:flex;gap:24px;flex-wrap:wrap}
#js-app .js-footer .foot-links a{color:#aeb8c6;font-size:.9rem}
#js-app .js-footer .foot-links a:hover{color:var(--accent2)}
#js-app .js-footer .foot-contact{display:flex;gap:22px;flex-wrap:wrap;font-size:.86rem;color:#8b95a3;margin-bottom:18px}
#js-app .js-footer .foot-contact a:hover{color:#fff}
#js-app .js-footer .foot-cr{font-size:.84rem;color:#7f8b9c}

/* ── stany puste ── */
#js-app .empty{text-align:center;color:var(--ink-soft);padding:60px 0;font-size:1.05rem}

/* ── STRONY TREŚCIOWE (cennik / jak to działa / regulamin / kontakt) ── */
#js-app .js-page{max-width:860px;margin:0 auto}
#js-app .js-page.wide{max-width:1120px}
#js-app .js-page-lead{font-size:1.18rem;color:var(--ink-soft);margin-bottom:30px;line-height:1.6}
#js-app .js-page-body{color:#332f27;font-size:1.02rem;line-height:1.75}
#js-app .js-page-body h2{font-size:1.7rem;font-weight:800;margin:38px 0 16px}
#js-app .js-page-body h3{font-size:1.2rem;font-weight:700;margin:24px 0 10px}
#js-app .js-page-body p{margin-bottom:16px}
#js-app .js-page-body ul{list-style:none;margin:0 0 20px;display:flex;flex-direction:column;gap:11px}
#js-app .js-page-body ul li{position:relative;padding-left:30px;color:var(--ink-soft)}
#js-app .js-page-body ul li::before{content:"check_circle";font-family:'Material Symbols Outlined';color:var(--accent);font-size:20px;position:absolute;left:0;top:2px;line-height:1.5}
#js-app .js-page-body a:not(.btn){color:var(--accent);font-weight:600;text-decoration:underline}

/* cennik — pakiety */
#js-app .cennik{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;margin:30px 0}
#js-app .pak{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:30px 26px;position:relative}
#js-app .pak.hot{border:2px solid var(--accent);box-shadow:0 20px 50px rgba(191,155,48,.18);transform:scale(1.02)}
#js-app .pak-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#1a1206;font-size:.72rem;font-weight:800;padding:6px 16px;border-radius:999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}
#js-app .pak-nazwa{font-family:'Playfair Display',serif;font-weight:700;font-size:1.3rem;margin-bottom:10px}
#js-app .pak-cena{font-family:'Playfair Display',serif;font-size:2.3rem;font-weight:800;color:var(--accent);margin-bottom:20px}
#js-app .pak-cena span{font-family:'Inter',sans-serif;font-size:.9rem;font-weight:500;color:var(--ink-soft)}
#js-app .pak-feats{list-style:none;margin:0 0 24px;display:flex;flex-direction:column;gap:11px}
#js-app .pak-feats li{display:flex;align-items:flex-start;gap:9px;font-size:.93rem;color:var(--ink-soft)}
#js-app .pak-feats li::before{content:"check_circle";font-family:'Material Symbols Outlined';font-size:19px;color:var(--accent);flex:none}
#js-app .pak .btn{width:100%;justify-content:center;background:rgba(191,155,48,.14);color:var(--accent)}
#js-app .pak.hot .btn{background:var(--accent);color:#1a1206}
#js-app .cennik-note{text-align:center;font-size:.86rem;color:var(--ink-soft);margin-top:6px}

/* profil firmy — lokalizacje marki (chipy z linkami) */
#js-app .firma-lok-full{grid-column:1 / -1;margin-top:10px}
#js-app .firma-lokalizacje{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}
#js-app .firma-lokalizacje a,#js-app .firma-lokalizacje span{font-size:.82rem;font-weight:600;color:var(--ink-soft);background:var(--tile-bg);border:var(--border);border-radius:999px;padding:6px 13px;text-decoration:none;transition:all .15s ease}
#js-app .firma-lokalizacje a:hover{color:var(--accent);border-color:var(--accent);background:rgba(191,155,48,.08)}

/* kroki na stronie „jak to działa" */
#js-app .js-page-body .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0 10px}
#js-app .js-page-body .steps li{display:flex;flex-direction:column;gap:8px;padding-left:0}
#js-app .js-page-body .steps li::before{content:none}
#js-app .step-ic{width:54px;height:54px;border-radius:var(--radius);background:rgba(191,155,48,.12);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
#js-app .step-ic .material-symbols-outlined{font-size:28px;color:var(--accent)}
#js-app .js-page-body .steps.steps-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){#js-app .js-page-body .steps.steps-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#js-app .js-page-body .steps.steps-4{grid-template-columns:1fr}}

/* kontakt — karty */
#js-app .contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0}
#js-app .contact-card{display:flex;align-items:center;gap:14px;border:var(--border);border-radius:var(--radius);padding:20px 22px;background:var(--tile-bg)}
#js-app .contact-card .material-symbols-outlined{font-size:26px;color:var(--accent);flex:none}
#js-app .contact-card .k{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-weight:700}
#js-app .contact-card .v{font-weight:600;font-size:1.02rem}
#js-app .callout{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,#1a1611,#2a2418);color:#fff;border-radius:var(--radius);padding:28px 32px;margin:34px 0}
#js-app .callout h3{color:#fff;font-size:1.3rem;margin-bottom:6px}
#js-app .callout p{color:var(--accent2);margin:0}

@media(max-width:760px){
  #js-app .cennik{grid-template-columns:1fr}
  /* treść cennika (p_id 9993) ma inline grid-placement pod 3 kolumny — bez resetu Złoto ląduje poza ekranem */
  #js-app .cennik>*{grid-column:1/-1!important;grid-row:auto!important}
  #js-app .js-page-body .steps{grid-template-columns:1fr}
  #js-app .contact-cards{grid-template-columns:1fr}
}

/* ── przełącznik edycji ── */
#js-app .edycje-tabs{display:inline-flex;gap:6px;background:var(--section-alt);border:var(--border);border-radius:999px;padding:5px;margin-top:18px}
#js-app .edycje-tabs a{font-size:.88rem;font-weight:700;color:var(--ink-soft);padding:7px 16px;border-radius:999px}
#js-app .edycje-tabs a.is-active{background:var(--accent);color:#1a1206}

/* ══════════════ PROFIL FIRMY — sekcje rozbudowane (2026-08-11) ══════════════ */

/* zajawka nad wynikiem */
#js-app .firma-lead{font-size:1.12rem;line-height:1.65;color:var(--ink);margin-bottom:22px;padding-left:16px;border-left:3px solid var(--accent2)}

/* dane rejestrowe */
#js-app .firma-rejestr{width:100%;border-collapse:collapse;border:var(--border);border-radius:var(--radius);overflow:hidden;font-size:.95rem}
#js-app .firma-rejestr th,#js-app .firma-rejestr td{padding:11px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #f3ecdb}
#js-app .firma-rejestr tr:last-child th,#js-app .firma-rejestr tr:last-child td{border-bottom:0}
#js-app .firma-rejestr th{width:34%;font-weight:600;color:var(--ink-soft);background:var(--tile-bg)}
#js-app .firma-rejestr td{font-weight:600;color:var(--ink)}
#js-app .firma-pkd{margin-top:12px;font-size:.92rem;color:var(--ink-soft)}
#js-app .firma-pkd summary{cursor:pointer;font-weight:600;color:var(--accent)}
#js-app .firma-pkd ul{margin:10px 0 0 18px;line-height:1.6}
#js-app .firma-pkd li{list-style:disc;margin-bottom:5px}

/* reprezentacja */
#js-app .firma-osoby{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#js-app .firma-osoby li{padding:10px 16px;background:var(--tile-bg);border:var(--border);border-radius:var(--radius);font-size:.95rem;color:var(--ink-soft)}
#js-app .firma-osoby b{color:var(--ink)}

/* specjalizacje */
#js-app .firma-tagi{display:flex;flex-wrap:wrap;gap:8px}
#js-app .firma-tag{font-size:.85rem;font-weight:600;color:var(--ink-soft);background:var(--tile-bg);border:var(--border);border-radius:999px;padding:7px 14px}

/* referencje i galeria */
#js-app .firma-media{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
#js-app .firma-media--zdj{grid-template-columns:repeat(3,1fr)}
#js-app .firma-media-el{background:var(--surface);border:var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:0}
#js-app .firma-media-el img{width:100%;height:230px;object-fit:cover;object-position:top;display:block;background:#fbf8f0;transition:transform .25s ease}
#js-app .firma-media-el a:hover img{transform:scale(1.03)}
#js-app .firma-media--zdj .firma-media-el img{height:180px;object-position:center}
#js-app .firma-media-el figcaption{padding:12px 15px;font-size:.88rem;line-height:1.5;display:flex;flex-direction:column;gap:3px}
#js-app .firma-media-el figcaption b{color:var(--ink);font-weight:700}
#js-app .firma-media-od{color:var(--ink-soft);font-size:.82rem}
#js-app .firma-media-cyt{color:var(--ink-soft);font-style:italic;margin-top:5px;line-height:1.55}
#js-app .firma-media-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:230px;background:var(--tile-bg);color:var(--accent);font-weight:600}
#js-app .firma-media-pdf .material-symbols-outlined{font-size:44px}

/* materiały zablokowane brakiem pakietu */
#js-app .firma-zamkniete{display:flex;align-items:flex-start;gap:14px;background:var(--section-alt);border:1px dashed var(--accent2);border-radius:var(--radius);padding:20px 24px;margin:26px 0}
#js-app .firma-zamkniete .material-symbols-outlined{color:var(--accent);font-size:26px;flex:none}
#js-app .firma-zamkniete b{display:block;margin-bottom:4px}
#js-app .firma-zamkniete p{color:var(--ink-soft);font-size:.94rem;margin:0}

/* wyróżnienia */
#js-app .firma-wyroz{list-style:none;display:flex;flex-direction:column;gap:9px}
#js-app .firma-wyroz li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--ink-soft)}
#js-app .firma-wyroz .material-symbols-outlined{color:var(--accent);font-size:20px;flex:none}

/* FAQ */
#js-app .firma-faq{display:flex;flex-direction:column;gap:10px}
#js-app .firma-faq details{border:var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}
#js-app .firma-faq summary{cursor:pointer;padding:14px 18px;font-weight:700;font-size:.98rem;list-style:none}
#js-app .firma-faq summary::-webkit-details-marker{display:none}
#js-app .firma-faq summary:after{content:'+';float:right;color:var(--accent);font-weight:700}
#js-app .firma-faq details[open] summary:after{content:'−'}
#js-app .firma-faq details[open] summary{background:var(--tile-bg)}
#js-app .firma-faq p{padding:14px 18px;color:var(--ink-soft);line-height:1.7;font-size:.96rem;margin:0}

/* wezwanie dla właściciela */
#js-app .firma-cta{background:var(--navy);color:#f5efe1;border-radius:var(--radius);padding:28px 30px;margin-top:32px}
#js-app .firma-cta b{font-family:'Playfair Display',serif;font-size:1.3rem;display:block;margin-bottom:8px;color:#fff}
#js-app .firma-cta p{color:rgba(245,239,225,.75);font-size:.96rem;line-height:1.6;margin-bottom:18px}
#js-app .firma-cta .btn-ghost{color:#f5efe1;border-color:rgba(245,239,225,.35)}
#js-app .firma-cta .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* podobne firmy */
#js-app .firma-podobne{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
#js-app .firma-podobna{position:relative;display:flex;flex-direction:column;gap:5px;background:var(--surface);border:var(--border);border-radius:var(--radius);padding:16px 18px;text-decoration:none;transition:all .15s ease}
#js-app .firma-podobna:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}
#js-app .firma-podobna-nazwa{font-weight:700;color:var(--ink);font-size:.98rem;line-height:1.3;padding-right:60px}
#js-app .firma-podobna-meta{font-size:.85rem;color:var(--ink-soft)}
#js-app .firma-podobna-badge{position:absolute;top:14px;right:14px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:rgba(191,155,48,.12);border-radius:999px;padding:3px 9px}

/* drobiazgi karty bocznej */
#js-app .firma-social{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
#js-app .firma-social a{font-size:.8rem;font-weight:600;color:var(--ink-soft);background:var(--tile-bg);border:var(--border);border-radius:999px;padding:5px 12px;text-decoration:none}
#js-app .firma-social a:hover{color:var(--accent);border-color:var(--accent)}
#js-app .firma-akt{margin-top:16px;padding-top:14px;border-top:var(--border);font-size:.8rem;color:var(--ink-soft)}

/* ── RWD ── */
@media(max-width:960px){
  #js-app .firma-media--zdj{grid-template-columns:repeat(2,1fr)}
  #js-app .firma-podobne{grid-template-columns:repeat(2,1fr)}
  #js-app .hero-in{grid-template-columns:1fr;gap:36px}
  #js-app .hero-godlo{order:-1}
  #js-app .firma-grid{grid-template-columns:1fr}
  #js-app .firma-card{position:static}
  #js-app .tiles,#js-app .kroki{grid-template-columns:repeat(2,1fr)}
  #js-app .laury{grid-template-columns:1fr}
  #js-app .stats-in{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:760px){
  #js-app .wrap{padding:0 20px}
  #js-app .nav-links{display:none}
  #js-app .js-burger{display:flex}
  #js-app .hero h1{font-size:2.5rem}
  #js-app .subhero h1{font-size:2rem}
  #js-app .sec{padding:56px 0}
}
@media(max-width:480px){
  #js-app .tiles{grid-template-columns:1fr}
  #js-app .rank-row{gap:12px;padding:14px 16px}
  #js-app .firma-media,#js-app .firma-media--zdj{grid-template-columns:1fr}
  #js-app .firma-podobne{grid-template-columns:1fr}
  #js-app .firma-rejestr th{width:42%}
  #js-app .firma-cta{padding:22px 20px}
}