/* Aikwarium — powłoka aplikacji (UX-01, A41). Kroje serwowane lokalnie (licencja OFL w assets/fonts). */
@font-face{font-family:"Fraunces AQS";src:url("../fonts/fraunces-latin-ext.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope AQS";src:url("../fonts/manrope-latin-ext.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

body.aqs-app{
  --aqs-ink:#071b2a;--aqs-deep:#0b2a3d;--aqs-deep2:#103b54;--aqs-water:#0a6d8a;--aqs-cyan:#38c5dd;--aqs-cyan-soft:#d9f6fb;
  --aqs-algae:#0f6b51;--aqs-surface:#edf8fb;--aqs-surface2:#f7fbfc;--aqs-sand:#f3f0e8;--aqs-sand-line:#c9bc9a;--aqs-slate:#4c6472;
  --aqs-border:#c8dde7;--aqs-border2:#e3eef3;--aqs-font-display:"Fraunces AQS",Georgia,serif;--aqs-font:"Manrope AQS",system-ui,-apple-system,"Segoe UI",sans-serif;
  margin:0;min-height:100vh;background:var(--aqs-surface2);color:var(--aqs-ink);font-family:var(--aqs-font);
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;-webkit-font-smoothing:antialiased
}
body.aqs-app *,body.aqs-app *::before,body.aqs-app *::after{box-sizing:border-box}
body.aqs-app .aqs-ui{font-family:var(--aqs-font)}
body.aqs-app h1,body.aqs-app h2,body.aqs-app h3{font-family:var(--aqs-font-display);letter-spacing:-.01em}
body.aqs-app :focus-visible{outline:3px solid var(--aqs-cyan);outline-offset:2px}

.aqs-app-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--aqs-ink);padding:10px 14px;border-radius:10px;font-weight:800}
.aqs-app-skip:focus{left:8px}

/* nagłówek */
.aqs-app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(520px 140px at 12% -40%,rgba(56,197,221,.20),transparent 70%),linear-gradient(90deg,#0B2A3D,#103B54);color:#fff;padding:4px 8px;min-height:56px}
.aqs-app-logo{display:flex;align-items:center;gap:8px;color:var(--aqs-cyan);text-decoration:none}
.aqs-app-logo span{font-family:var(--aqs-font-display);font-weight:600;font-size:22px;color:#fff;letter-spacing:-.01em}
.aqs-app-logo span i{font-style:normal;color:#7FD9EA}
.aqs-app-iconbtn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#fff;border-radius:12px;cursor:pointer}
.aqs-app-iconbtn:hover{background:rgba(255,255,255,.08)}
.aqs-app-nav{display:flex;gap:6px}
.aqs-app-nav__link{color:#b9d3de;text-decoration:none;font-weight:700;font-size:15px;padding:10px 14px;border-radius:10px}
.aqs-app-nav__link:hover{color:#fff;background:rgba(255,255,255,.06)}
.aqs-app-nav__link.is-current{color:#fff;background:rgba(10,109,138,.55)}
.aqs-app-account{position:relative}
.aqs-app-account__btn{list-style:none;display:flex;align-items:center;gap:8px;min-height:48px;min-width:48px;justify-content:center;padding:0 10px;border-radius:999px;color:var(--aqs-cyan);cursor:pointer;font-weight:700;font-size:14px}
.aqs-app-account__btn::-webkit-details-marker{display:none}
.aqs-app-account__btn span{color:#fff}
.aqs-app-account[open] .aqs-app-account__btn{background:rgba(255,255,255,.08)}
.aqs-app-account__panel{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:#fff;color:var(--aqs-ink);border:1px solid var(--aqs-border2);border-radius:16px;box-shadow:0 14px 40px rgba(7,27,42,.22);padding:14px;display:flex;flex-direction:column;gap:6px}
.aqs-app-account__who{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--aqs-border2);margin-bottom:4px}
.aqs-app-account__who span{font-size:13px;color:var(--aqs-slate)}
.aqs-app-account__cta{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:var(--aqs-deep);color:#fff;font-weight:800;text-decoration:none}
.aqs-app-account__link{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;border-radius:10px;color:var(--aqs-ink);text-decoration:none;font-weight:700}
.aqs-app-account__link:hover{background:var(--aqs-surface)}
.aqs-app-only-desktop{display:none}
@media (min-width:900px){
  .aqs-app-only-mobile{display:none}
  .aqs-app-only-desktop{display:flex}
  .aqs-app-header{padding:0 48px;min-height:64px}
}

/* szuflada menu (telefon) */
.aqs-app-drawer{margin:0;inset:0 auto 0 0;height:100%;max-height:100%;width:min(360px,88vw);border:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--aqs-ink);color:#fff;display:none;flex-direction:column;gap:20px}
.aqs-app-drawer[open]{display:flex}
.aqs-app-drawer::backdrop{background:rgba(7,27,42,.55)}
.aqs-app-drawer__top{display:flex;align-items:center;justify-content:space-between}
.aqs-app-drawer__nav{display:flex;flex-direction:column;gap:4px}
.aqs-app-drawer__link{display:flex;align-items:center;gap:14px;min-height:56px;padding:0 16px;border-radius:14px;color:#fff;text-decoration:none;font-size:17px;font-weight:800}
.aqs-app-drawer__link .aqs-ico{color:var(--aqs-cyan)}
.aqs-app-drawer__link.is-current{background:rgba(56,197,221,.16)}
.aqs-app-drawer__account{margin-top:auto;background:var(--aqs-deep);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px}
.aqs-app-drawer__account .aqs-app-account__who{border-color:rgba(255,255,255,.12)}
.aqs-app-drawer__account .aqs-app-account__who span{color:#b9d3de}
.aqs-app-drawer__account .aqs-app-account__cta{background:var(--aqs-cyan);color:var(--aqs-ink)}
.aqs-app-drawer__account .aqs-app-account__link{color:#dbe9ef}
.aqs-app-drawer__account .aqs-app-account__link:hover{background:rgba(255,255,255,.08)}

/* pasek wersji STARTOWEJ — sygnalizator */
.aqs-vbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font-size:13px;font-weight:800}
.aqs-vbar__text{display:flex;align-items:center;gap:10px}
.aqs-vbar__cta{font-weight:800;text-decoration:underline;white-space:nowrap;color:inherit}
.aqs-vbar__lamp{flex:none;width:14px;height:14px;border-radius:50%}
.aqs-vbar--green{background:#22c55e;color:#052e16}
.aqs-vbar--green .aqs-vbar__lamp{background:radial-gradient(circle at 35% 35%,#fff 0,#bbf7d0 45%,#bbf7d0 100%);box-shadow:0 0 0 2px rgba(255,255,255,.55),0 0 12px 3px #bbf7d0}
.aqs-vbar--yellow{background:radial-gradient(120% 180% at 12% 50%,#fff7b0 0,#ffe433 28%,#ffc800 70%,#ffb700 100%);color:#3b2a00;box-shadow:0 0 18px 4px rgba(255,200,0,.45)}
.aqs-vbar--yellow .aqs-vbar__lamp{background:radial-gradient(circle at 35% 35%,#fff 0,#fff3a0 45%,#fff3a0 100%);box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 16px 6px #fff3a0}
.aqs-vbar--red{background:#dc2626;color:#fff;animation:aqsVbarPulse 1.1s ease-in-out infinite}
.aqs-vbar--red .aqs-vbar__lamp{background:radial-gradient(circle at 35% 35%,#fff 0,#fecaca 45%,#fecaca 100%);box-shadow:0 0 0 2px rgba(255,255,255,.55),0 0 12px 3px #fecaca}
.aqs-vbar--red .aqs-ico{animation:aqsTick 1.1s ease-in-out infinite;transform-origin:50% 55%}
@keyframes aqsVbarPulse{0%,100%{background:#dc2626;box-shadow:0 0 0 0 rgba(239,68,68,.75)}50%{background:#ef4444;box-shadow:0 0 0 9px rgba(239,68,68,0)}}
@keyframes aqsTick{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
@media (min-width:900px){.aqs-vbar{padding:10px 32px}}

/* treść */
.aqs-app-main{display:block;max-width:1200px;margin:0 auto;padding:20px 16px 48px}
.aqs-app-main:focus{outline:none}
@media (min-width:900px){.aqs-app-main{padding:36px 32px 64px}}

/* przypomnienie co 15 minut */
.aqs-app-toast{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:60;max-width:440px;margin:0 auto;background:#dc2626;color:#fff;border-radius:16px;padding:14px 12px 14px 16px;box-shadow:0 12px 32px rgba(0,0,0,.35);display:flex;gap:12px;align-items:flex-start;transform:translateY(160%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.aqs-app-toast.is-on{transform:translateY(0)}
.aqs-app-toast strong{display:block;font-size:15px;margin-bottom:4px}
.aqs-app-toast p{margin:0;font-size:13px;line-height:1.45}
.aqs-app-toast a{display:inline-flex;margin-top:10px;min-height:40px;align-items:center;padding:0 14px;border-radius:10px;background:#fff;color:#dc2626;font-weight:800;font-size:14px;text-decoration:none}
.aqs-app-toast button{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}

@media (prefers-reduced-motion: reduce){.aqs-vbar--red,.aqs-vbar--red .aqs-ico{animation:none}.aqs-app-toast{transition:none}}

/* goście (logowanie, rejestracja) */
.aqs-app-guestnav{display:flex;gap:6px;align-items:center}
.aqs-app-guestnav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;color:#dbe9ef;font-weight:800;font-size:14px;text-decoration:none}
.aqs-app-guestnav__link:hover{background:rgba(255,255,255,.08);color:#fff}
.aqs-app-guestnav__link--cta{background:var(--aqs-cyan);color:var(--aqs-ink)}
.aqs-app-guestnav__link--cta:hover{background:#6ad6e8;color:var(--aqs-ink)}
.aqs-app-header--guest{padding-left:16px}

/* stopka z dokumentami */
.aqs-app-footer{max-width:1200px;margin:0 auto;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 32px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--aqs-border2);font-size:13px;color:var(--aqs-slate)}
.aqs-app-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.aqs-app-footer a{color:var(--aqs-slate);font-weight:700;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.aqs-app-footer a:hover{color:var(--aqs-ink);text-decoration:underline}
@media (min-width:900px){.aqs-app-footer{padding-left:32px;padding-right:32px}}

/* okienko „Wersja PEŁNA — wkrótce” */
.aqs-app-full{width:min(440px,calc(100vw - 32px));border:0;border-radius:22px;padding:24px;background:#fff;color:var(--aqs-ink);box-shadow:0 24px 60px rgba(7,27,42,.35)}
.aqs-app-full::backdrop{background:rgba(7,27,42,.55)}
.aqs-app-full h2{margin:0 0 6px;font-size:24px;line-height:1.2}
.aqs-app-full__price{margin:0 0 16px;font-family:var(--aqs-font-display);font-size:22px;font-weight:600;color:var(--aqs-algae)}
.aqs-app-full ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.45}
.aqs-app-full li{display:flex;gap:10px;align-items:flex-start}
.aqs-app-full li .aqs-ico{flex:none;color:var(--aqs-algae);margin-top:2px}
.aqs-app-full__ok{width:100%;min-height:52px;border:0;border-radius:14px;background:var(--aqs-deep);color:#fff;font:800 16px var(--aqs-font);cursor:pointer}

/* ===== Układ „tło akwarium” (A41, Visual Refresh — zaakceptowany przez PM) =====
   Zdjęcie na całą stronę (stała warstwa), przezroczysty nagłówek, tytuł na zdjęciu, treść na jasnej warstwie. */
body.aqs-app--bg{background:#0C3048;color:var(--aqs-ink)}
.aqs-app-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:#0E3550}
.aqs-app-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;filter:brightness(1.12) saturate(1.05)}
.aqs-app-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(8,34,52,.40) 0%,rgba(8,34,52,.04) 22%,rgba(8,34,52,.12) 55%,rgba(10,44,64,.55) 100%),
  linear-gradient(90deg,rgba(8,34,52,.45) 0%,rgba(8,34,52,.16) 40%,rgba(8,34,52,0) 65%),
  radial-gradient(120% 70% at 50% 35%,rgba(0,0,0,0) 45%,rgba(8,34,52,.28) 100%)}
body.aqs-app--bg .aqs-app-hero,body.aqs-app--bg .aqs-app-main,body.aqs-app--bg .aqs-app-footer,body.aqs-app--bg .aqs-vbar{position:relative;z-index:1}
body.aqs-app--bg .aqs-app-header{background:linear-gradient(180deg,rgba(8,34,52,.62),rgba(8,34,52,0));box-shadow:none}
body.aqs-app--bg .aqs-app-nav__link.is-current{background:rgba(255,255,255,.14);box-shadow:inset 0 -2px 0 #38C5DD}
/* pasek wersji STARTOWEJ — wąska „pigułka” nad tytułem */
body.aqs-app--bg .aqs-vbar{max-width:1180px;margin:8px auto 0;border-radius:14px}
/* tytuł strony na zdjęciu */
.aqs-app-hero{max-width:1180px;margin:0 auto;padding:48px 56px 32px;color:#fff}
.aqs-app-hero__eb{display:inline-block;font:700 13px var(--aqs-font);letter-spacing:.06em;text-transform:uppercase;color:#9FE4F0;margin-bottom:12px}
.aqs-app-hero__title{margin:0;font:600 48px/1.06 var(--aqs-font-display);letter-spacing:-.02em;max-width:22ch;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.aqs-app-hero__lead{margin:14px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.9);max-width:58ch;text-shadow:0 1px 12px rgba(0,0,0,.35)}
/* warstwa treści */
body.aqs-app--bg .aqs-app-main{max-width:1180px;margin:0 auto 72px;padding:48px 48px 56px;border-radius:28px;
  background:rgba(247,251,252,.97);box-shadow:0 40px 100px rgba(0,0,0,.40),0 1px 0 rgba(255,255,255,.6) inset}
@supports (backdrop-filter:blur(8px)){body.aqs-app--bg .aqs-app-main{background:rgba(247,251,252,.93);backdrop-filter:blur(14px) saturate(1.1)}}
body.aqs-app--narrow .aqs-app-main{max-width:560px}
body.aqs-app--narrow .aqs-app-hero{max-width:560px;padding-left:0;padding-right:0;text-align:left}
/* tytuły zdublowane przez tytuł na zdjęciu */
body.aqs-app--bg .aqs-auth-container>h2:first-child,body.aqs-app--bg .aqs-um-head{display:none}
/* stopka na wodzie */
body.aqs-app--bg .aqs-app-footer{border-top:0;color:rgba(255,255,255,.75)}
body.aqs-app--bg .aqs-app-footer a{color:rgba(255,255,255,.8)}
body.aqs-app--bg .aqs-app-footer a:hover{color:#fff}
@media (max-width:1100px){
  .aqs-app-hero{padding:36px 28px 24px}
  .aqs-app-hero__title{font-size:40px}
  body.aqs-app--bg .aqs-app-main{margin:0 16px 56px;padding:32px 28px 40px}
}
@media (max-width:700px){
  .aqs-app-hero{padding:24px 18px 20px}
  .aqs-app-hero__title{font-size:30px;line-height:1.12}
  .aqs-app-hero__lead{font-size:15px}
  body.aqs-app--bg .aqs-app-main{margin:0 8px 48px;padding:22px 14px 28px;border-radius:22px}
  body.aqs-app--narrow .aqs-app-hero{padding-left:18px;padding-right:18px}
  body.aqs-app--bg .aqs-vbar{margin:6px 8px 0}
}
@media (prefers-reduced-transparency: reduce){body.aqs-app--bg .aqs-app-main{background:#F7FBFC;backdrop-filter:none}}
/* logowanie/rejestracja: formularz bez własnej karty (karta = warstwa treści) */
body.aqs-app--bg .aqs-auth-container{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important}
body.aqs-app--narrow .aqs-app-main{padding:36px 40px 40px}
@media (max-width:700px){body.aqs-app--narrow .aqs-app-main{padding:24px 18px 28px}}