/* ==========================================================================
   AKB24 — skin sklepu (design z akb24-strona/sklep.html)
   Statyczny plik ladowany przez <link> (bez Vite build).
   Zakres ograniczony do .akb — nie nadpisuje globalnych styli panelu.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

.akb{
  --ink:#16244F; --paper:#FAFBFD; --ice:#EDF2F9; --brass:#A8893F; --brass-soft:#F3EDDD;
  --cobalt:#3D63DD; --cobalt-deep:#2C4BB5; --steel:#5B6478; --line:#DCE3EF;
  --green:#1E7B4F; --green-soft:#E6F4EC; --violet:#6D4A9C; --violet-soft:#EFE9F7; --radius:14px;
  font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-align:left;
}
.akb h1,.akb h2,.akb h3{font-family:'Space Grotesk',sans-serif;line-height:1.14;letter-spacing:-0.015em}
.akb .wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.akb .mono{font-family:'IBM Plex Mono',monospace}

/* przyciski */
.akb .btn-akb{display:inline-block;text-decoration:none;font-weight:600;border:0;cursor:pointer;border-radius:10px;padding:11px 20px;font-size:.92rem;font-family:inherit;transition:transform .15s ease,background .15s ease;text-align:center}
.akb .btn-akb:hover{transform:translateY(-1px)}
.akb .btn-cobalt{background:var(--cobalt);color:#fff}.akb .btn-cobalt:hover{background:var(--cobalt-deep);color:#fff}
.akb .btn-green{background:var(--green);color:#fff}.akb .btn-green:hover{color:#fff;filter:brightness(1.08)}
.akb .btn-violet{background:var(--violet);color:#fff}.akb .btn-violet:hover{color:#fff;filter:brightness(1.08)}
.akb .btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}.akb .btn-ghost:hover{border-color:var(--ink);color:var(--ink)}

/* hero + pole wyszukiwania */
.akb .hero{padding:52px 0 22px;text-align:center;position:relative;overflow:hidden}
.akb .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 85% 0%,rgba(61,99,221,.10),transparent 60%),radial-gradient(40% 60% at 8% 100%,rgba(168,137,63,.10),transparent 62%);pointer-events:none}
.akb .hero h1{font-size:clamp(1.7rem,3.8vw,2.6rem);max-width:22ch;margin:0 auto;position:relative}
.akb .hero p{margin:14px auto 26px;color:var(--steel);font-size:1.06rem;max-width:54ch;position:relative}
.akb .search-akb{display:flex;max-width:660px;margin:0 auto;background:#fff;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 14px 36px -24px rgba(22,36,79,.4);position:relative}
.akb .search-akb:focus-within{border-color:var(--cobalt)}
.akb .search-akb input{flex:1;border:0;padding:16px 20px;font-size:1.02rem;font-family:inherit;outline:none;background:transparent;color:var(--ink)}
.akb .search-akb .spin{align-self:center;margin-right:16px;width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--cobalt);border-radius:50%;animation:akbsp .7s linear infinite}
@keyframes akbsp{to{transform:rotate(360deg)}}
.akb .trust{margin-top:22px;display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--steel);position:relative}
.akb .trust span::before{content:"\25CF";color:var(--brass);margin-right:8px;font-size:.6rem;vertical-align:1px}

/* pigulki kategorii */
.akb .cat-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:14px 0 4px}
.akb .cat-pill{font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--steel);transition:all .15s ease;line-height:1.2}
.akb .cat-pill:hover{border-color:var(--ink);color:var(--ink)}
.akb .cat-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}
.akb .cat-pill i{display:none}

/* naglowek kategorii w wynikach */
.akb .cat-head{text-align:center;margin:34px 0 18px}
.akb .cat-head h3{font-size:1.3rem;color:var(--ink)}
.akb .cat-head .rule{height:1px;background:var(--line);max-width:520px;margin:12px auto 0}

/* siatka + karty uslug */
.akb .grid-akb{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.akb .card-akb{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:11px;position:relative;transition:transform .18s ease,box-shadow .18s ease}
.akb .card-akb:hover{transform:translateY(-3px);box-shadow:0 16px 36px -24px rgba(22,36,79,.4)}
.akb .card-akb .cat-tag{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.akb .card-akb h3{font-size:1.05rem}
.akb .card-akb .desc{font-size:.9rem;color:var(--steel);flex-grow:1}
.akb .card-akb .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-wrap:wrap}
.akb .price-akb{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1rem;background:var(--brass-soft);border-radius:8px;padding:6px 11px;white-space:nowrap;color:var(--ink)}
.akb .price-akb small{font-weight:400;color:var(--steel);font-size:.74rem}
.akb .sub-badge{position:absolute;top:14px;right:14px;font-family:'IBM Plex Mono',monospace;font-size:.64rem;font-weight:600;color:var(--cobalt);border:1px solid var(--cobalt);border-radius:999px;padding:3px 9px;background:#fff}
.akb .desc-link{background:none;border:0;color:var(--cobalt);font-weight:600;font-size:.84rem;cursor:pointer;font-family:inherit;padding:0;text-align:left}
.akb .desc-link:hover{text-decoration:underline}
.akb .card-akb .btn-akb{width:100%;margin-top:2px}

.akb .empty-akb{text-align:center;color:var(--steel);padding:40px 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.akb .catalog{padding:20px 0 70px}

@media (prefers-reduced-motion:reduce){.akb .btn-akb,.akb .card-akb,.akb .cat-pill{transition:none}}
@media (max-width:960px){.akb .grid-akb{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.akb .grid-akb{grid-template-columns:1fr}}

/* ---- strona produktu / checkout ---- */
.akb .prod-akb{padding:40px 0 70px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start}
.akb .media-akb{position:relative;border-radius:18px;overflow:hidden;min-height:340px;background:radial-gradient(60% 70% at 80% 10%,rgba(61,99,221,.20),transparent 60%),radial-gradient(50% 60% at 10% 100%,rgba(168,137,63,.18),transparent 62%),linear-gradient(160deg,#101B3D,#1B2A57 60%,#16244F);background-color:#131F44}
.akb .media-akb .halo{position:absolute;top:-40px;left:-40px;width:230px;height:230px;border:3px solid rgba(168,137,63,.5);border-radius:50%}
.akb .media-akb .label{position:absolute;bottom:22px;left:24px;color:#fff}
.akb .media-akb .label .mono{color:#C7D2EC;font-size:.8rem}
.akb .media-akb .label h3{color:#fff;font-size:1.5rem;margin-top:4px}
.akb .badge-akb{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);background:var(--ice);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.akb .prod-akb h1{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:14px 0 6px}
.akb .cat-line{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--steel);text-transform:uppercase;letter-spacing:.06em}
.akb .prod-akb .desc{color:var(--steel);margin:16px 0}
.akb .price-box{margin:18px 0 6px}
.akb .price-box .amt{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.7rem;color:var(--ink)}
.akb .checkout-akb{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:22px;box-shadow:0 20px 44px -30px rgba(22,36,79,.5)}
.akb .checkout-akb h2{font-size:1.2rem;margin-bottom:14px}
.akb .fld{display:flex;gap:8px;margin-bottom:12px}
.akb .fld input[type=text]{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.95rem}
.akb .fld .btn-check{background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:0 16px;font-weight:600;cursor:pointer;color:var(--steel)}
.akb .chk{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:.92rem;color:var(--steel)}
.akb .chk input{margin-top:4px}
.akb .express-akb{background:var(--brass-soft);border:1px solid #E7DBBE;border-radius:10px;padding:11px 14px}
.akb .p24-akb{display:flex;align-items:center;gap:12px;margin:16px 0;padding-top:14px;border-top:1px solid var(--line)}
.akb .p24-akb img{width:130px;height:auto}
.akb .p24-akb small{color:var(--steel)}
.akb .checkout-akb .btn-akb{width:100%;margin-top:8px;font-size:1rem;padding:13px}
@media (max-width:860px){.akb .prod-akb{grid-template-columns:1fr}.akb .media-akb{min-height:200px}}

/* ---- panel klienta ---- */
.akb .panel-akb{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:34px 0 70px}
.akb .side-akb{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;height:max-content}
.akb .side-akb a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:var(--steel);font-weight:600;font-size:.94rem;margin-bottom:4px;text-decoration:none}
.akb .side-akb a.active{background:var(--ink);color:#fff}
.akb .side-akb a:hover:not(.active){background:var(--ice);color:var(--ink)}
.akb .side-akb .dot{width:7px;height:7px;border-radius:50%;background:var(--brass);flex:0 0 auto}
.akb .side-akb a.active .dot{background:#fff}
.akb .side-logout:hover{background:var(--ice)}
.akb .tiles-akb{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.akb .tile-akb{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.akb .tile-akb .k{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.akb .tile-akb .v{font-family:'Space Grotesk';font-size:1.8rem;font-weight:600;margin-top:6px}
.akb .pill-akb{font-family:'IBM Plex Mono',monospace;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px}
.akb .pill-akb.ok{background:var(--green-soft);color:var(--green)}
.akb .pill-akb.wait{background:#FBF3E2;color:#B7791F}
@media (max-width:820px){.akb .panel-akb{grid-template-columns:1fr}.akb .tiles-akb{grid-template-columns:1fr 1fr}}

/* ---- panel klienta: naglowek, dashboard, tabele ---- */
.akb .page-head{padding:34px 0 4px}
.akb .page-head h1{font-size:1.7rem}
.akb .page-head p{color:var(--steel);margin-top:4px}
.akb .box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:18px 0;overflow-x:auto}
.akb .box h2,.akb .box h3{font-size:1.05rem;margin-bottom:12px}
.akb .box .note{color:#B7791F;font-size:.9rem;margin-bottom:12px}
.akb table.tbl{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}
.akb table.tbl th{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--steel);padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.akb table.tbl td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.akb table.tbl tr:hover td{background:#F8FAFD}
.akb .dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.akb .dash-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease}
.akb .dash-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -24px rgba(22,36,79,.4)}
.akb .dash-card .ic{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}
.akb .dash-card h3{font-size:1.05rem;margin:0}
.akb .dash-card p{font-size:.86rem;color:var(--steel);margin:0}
.akb .ic-amber{background:var(--brass)}.akb .ic-cobalt{background:var(--cobalt)}.akb .ic-steel{background:var(--steel)}.akb .ic-green{background:var(--green)}.akb .ic-cyan{background:#0E7490}
@media(max-width:820px){.akb .dash-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.akb .dash-grid{grid-template-columns:1fr}}

/* ---- blog: artykul (prose) ---- */
.akb .prose{font-size:1.02rem;color:#2b3550;line-height:1.75}
.akb .prose h2{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;margin:28px 0 10px;color:var(--ink)}
.akb .prose h3{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;margin:20px 0 8px;color:var(--ink)}
.akb .prose p{margin:0 0 14px}
.akb .prose ul,.akb .prose ol{margin:0 0 14px 22px}
.akb .prose li{margin:4px 0}
.akb .prose a{color:var(--cobalt)}
.akb .prose details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:8px 0}
.akb .prose summary{font-weight:600;cursor:pointer}
.akb .prose .tldr,.akb .prose blockquote{background:var(--ice);border-left:3px solid var(--cobalt);border-radius:8px;padding:14px 16px;margin:16px 0}
.akb .post-meta{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--steel);margin-bottom:10px}