/* Figa na Fuji — wspólne tokeny i komponenty (strona + aplikacja). Paleta i kroje z figanafuji.com. */
:root{
  --paper:#f6f4ec; --paper-2:#efece1; --ink:#293e34; --ink-2:#1f3029; --muted:#677169; --line:#293e3426;
  --adult:#e6ece1; --adult-accent:#2e5143; --family:#f1e5d8; --family-accent:#80553e;
  --dot:#aa6850; --sand:#e9dcc8; --sky:#dce8ee; --night:#1f2a3a; --gold:#d9a35b;
  --serif:Georgia,'Times New Roman',serif; --sans:"Segoe UI",Arial,Helvetica,sans-serif;
  --radius:14px; --shadow:0 18px 50px -24px rgba(31,48,41,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}
a{color:inherit}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid #b76b49;outline-offset:3px}
.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--ink);color:#fff;z-index:200}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ico{width:22px;height:22px;flex-shrink:0}

/* Przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;min-height:46px}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(31,48,41,.8)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.link-btn{background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;color:inherit}

/* Odznaki sklepów (atrapa) */
.store-badges{display:flex;flex-wrap:wrap;gap:12px}
.store-badge{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff;border:1px solid #111;border-radius:12px;padding:8px 16px 8px 12px;min-height:52px;text-align:left;transition:transform .2s,box-shadow .2s}
.store-badge:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(0,0,0,.7)}
.store-badge svg{width:24px;height:24px}
.store-badge span{display:flex;flex-direction:column;line-height:1.05}
.store-badge small{font-size:10px;letter-spacing:.2px;opacity:.85}
.store-badge strong{font-size:17px;font-weight:600;letter-spacing:-.2px}

/* Okno dialogowe */
.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(23,33,29,.48);backdrop-filter:blur(4px);animation:fade .2s ease-out}
.modal[hidden]{display:none}
.modal-card{position:relative;width:min(480px,100%);max-height:calc(100svh - 40px);overflow:auto;background:var(--paper);border-radius:22px;padding:34px 30px 28px;box-shadow:0 40px 90px -30px rgba(0,0,0,.55);animation:rise .28s ease-out}
.modal-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center}
.modal-close:hover{background:var(--paper-2)}
.modal h2{font:30px/1.15 var(--serif);letter-spacing:-.8px;font-weight:400;margin:6px 0 12px}
.modal p{font-size:14.5px;margin:0 0 14px;color:#3d4f46}
.modal .eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.modal-mark{width:54px;height:54px;border-radius:50%;background:var(--adult);display:grid;place-items:center;margin-bottom:14px;color:var(--adult-accent)}
.mini-form{display:grid;gap:10px;margin:18px 0 6px}
.mini-form label{font-size:12px}
.mini-form input[type=email],.mini-form input[type=text]{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:15px var(--sans);color:var(--ink)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:11.5px;line-height:1.55;color:var(--muted)}
.consent input{margin-top:3px;width:16px;height:16px;flex-shrink:0}
.proto-note{font-size:11.5px!important;color:var(--muted)!important;background:var(--paper-2);border-radius:10px;padding:10px 12px;margin-top:12px!important}
.modal-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13px}

/* Komunikat (toast) */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:999px;font-size:14px;z-index:400;transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}