:root {
  --bg: #f7f5f0;
  --bg2: #efece5;
  --white: #ffffff;
  --ink: #0f0e0c;
  --ink2: #3a3832;
  --muted: #9a9690;
  --accent: #1a3a2e;
  --accent2: #2d6b52;
  --accent-light: rgba(26,58,46,0.08);
  --gold: #c8963c;
  --red: #c0392b;
  --border: rgba(15,14,12,0.1);
  --border2: rgba(15,14,12,0.06);
}
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--ink); font-family:'Syne',sans-serif; font-size:15px; line-height:1.6; overflow-x:hidden; }

/* ── NAV ── */
nav {
  position:sticky; top:0; z-index:200;
  background:rgba(247,245,240,0.97); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:56px;
}
.logo { font-family:'Instrument Serif',serif; font-size:1.45rem; letter-spacing:-0.02em; text-decoration:none; color:var(--ink); }
.logo span { color:var(--accent2); }

/* ── BUTTONS ── */
.btn-primary {
  background:var(--accent); color:#fff; border:none; padding:14px 28px;
  font-family:'Syne',sans-serif; font-size:0.82rem; font-weight:600;
  letter-spacing:0.08em; text-transform:uppercase; cursor:pointer;
  text-decoration:none; display:inline-block; transition:all 0.25s;
  -webkit-appearance:none;
}
.btn-primary:hover { background:var(--accent2); }
.btn-primary:active { transform:scale(0.98); }
.btn-secondary {
  background:transparent; color:var(--accent); border:2px solid var(--accent); padding:14px 28px;
  font-family:'Syne',sans-serif; font-size:0.82rem; font-weight:600;
  letter-spacing:0.08em; text-transform:uppercase; cursor:pointer;
  text-decoration:none; display:inline-block; transition:all 0.25s;
  -webkit-appearance:none;
}
.btn-secondary:hover { background:var(--accent); color:#fff; }

/* ── CART BUTTON ── */
.cart-btn {
  position:relative; background:var(--accent); color:#fff; border:none;
  padding:10px 16px; font-family:'Syne',sans-serif; font-size:0.78rem; font-weight:600;
  letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; display:flex; align-items:center; gap:8px;
  transition:background 0.2s; text-decoration:none; white-space:nowrap;
}
.cart-btn:hover { background:var(--accent2); }
.cart-count {
  background:#fff; color:var(--accent); width:20px; height:20px; border-radius:50%;
  display:none; align-items:center; justify-content:center;
  font-size:0.72rem; font-weight:700;
}
.cart-count.visible { display:flex; }
.discount-badge {
  background:var(--gold); color:#fff; font-size:0.62rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase; padding:3px 8px; display:none;
}
.discount-badge.visible { display:inline-block; }

/* ── HERO ── */
.hero {
  max-width:1200px; margin:0 auto; padding:60px 20px 48px;
  display:grid; grid-template-columns:1fr; gap:32px; align-items:center;
}
.hero-tag { display:inline-flex; align-items:center; gap:8px; font-size:0.68rem; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent2); margin-bottom:16px; }
.hero-tag-dot { width:7px; height:7px; border-radius:50%; background:var(--accent2); flex-shrink:0; }
.hero h1 { font-family:'Instrument Serif',serif; font-size:clamp(2.1rem,7vw,3.8rem); line-height:1.05; letter-spacing:-0.02em; margin-bottom:16px; }
.hero h1 em { font-style:italic; color:var(--accent2); }
.hero p { color:var(--ink2); font-size:0.92rem; line-height:1.75; margin-bottom:28px; }
.hero-card { background:var(--white); border:1px solid var(--border); padding:22px; box-shadow:0 8px 32px rgba(0,0,0,0.06); }

/* ── TRUST BLOCK ──────────────────────────────────────── */
.trust-block {
  background:var(--white);
  border:1px solid var(--border);
  padding:24px 24px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,0.07);
  display:flex; flex-direction:column; gap:0;
}
.trust-rating-row {
  display:flex; align-items:center; gap:14px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
  margin-bottom:14px;
}
.trust-stars { font-size:1.3rem; color:#f5a623; letter-spacing:2px; line-height:1; }
.trust-rating-num { font-family:'Instrument Serif',serif; font-size:1.3rem; color:var(--ink); line-height:1.1; }
.trust-rating-sub { font-size:0.68rem; color:var(--muted); margin-top:2px; }
.trust-reviews { display:flex; flex-direction:column; gap:0; }
.trust-review {
  padding:12px 0;
  border-bottom:1px solid var(--border);
}
.trust-review--last { border-bottom:none; padding-bottom:4px; }
.trust-review-top {
  display:flex; align-items:center; gap:8px; margin-bottom:6px;
}
.trust-avatar {
  width:30px; height:30px; border-radius:50%;
  background:var(--accent); color:#fff;
  font-size:0.62rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; letter-spacing:0.04em;
}
.trust-reviewer { font-size:0.78rem; font-weight:600; color:var(--ink); line-height:1.1; }
.trust-stars-sm { font-size:0.65rem; color:#f5a623; letter-spacing:1px; }
.trust-doc-tag {
  margin-left:auto;
  font-size:0.62rem; font-weight:600;
  color:var(--accent2); background:rgba(45,107,82,0.08);
  padding:2px 7px; border-radius:20px;
  white-space:nowrap;
}
.trust-review-text {
  font-size:0.77rem; color:var(--ink2); line-height:1.6;
  margin:0; font-style:italic;
}
.trust-badges {
  display:flex; gap:6px; flex-wrap:wrap;
  margin-top:14px; padding-top:12px;
  border-top:1px solid var(--border);
}
.trust-badge {
  font-size:0.65rem; font-weight:600;
  color:var(--muted);
  background:var(--bg);
  border:1px solid var(--border);
  padding:3px 9px; border-radius:20px;
  white-space:nowrap;
}

/* ── PAKIET BIZNESOWY BLOCK ──────────────────────────────── */
.biznes-block {
  background:var(--white);
  border:1px solid var(--border);
  padding:32px 28px 28px;
  display:flex; flex-direction:column; gap:0;
  position:relative; overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.07);
}
.biznes-block::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--accent) 0%, var(--gold) 100%);
}
.biznes-label {
  font-size:0.62rem; font-weight:700; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--gold);
  margin-bottom:14px;
}
.biznes-title {
  font-family:'Instrument Serif',serif;
  font-size:1.65rem; line-height:1.12;
  color:var(--ink); margin-bottom:8px;
}
.biznes-sub {
  font-size:0.82rem; color:var(--ink2);
  line-height:1.65; margin-bottom:22px;
  border-bottom:1px solid var(--border);
  padding-bottom:20px;
}
.biznes-list {
  list-style:none; padding:0; margin:0 0 22px;
  display:flex; flex-direction:column; gap:0;
}
.biznes-list li {
  display:flex; align-items:center; gap:12px;
  font-size:0.81rem; color:var(--ink);
  padding:9px 0;
  border-bottom:1px solid var(--border);
}
.biznes-list li:last-child { border-bottom:none; }
.biznes-check {
  width:20px; height:20px; border-radius:50%;
  background:var(--accent); 
  display:flex; align-items:center; justify-content:center;
  font-size:0.58rem; flex-shrink:0; color:#fff; font-weight:700;
}
.biznes-coming {
  display:inline-flex; align-items:center; gap:8px;
  font-size:0.68rem; color:var(--muted);
  background:var(--bg); border:1px solid var(--border);
  padding:6px 12px; align-self:flex-start;
}
.biznes-coming-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--gold);
  animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%,100% { opacity:0.4; transform:scale(1); }
  50% { opacity:1; transform:scale(1.3); }
}

/* ── btn-generate-full (replaces Dodaj+Generuj) ───────────── */
.btn-generate-full {
  background:var(--accent); color:#fff;
  border:none; padding:9px 18px;
  font-family:'Syne',sans-serif; font-size:0.75rem;
  font-weight:700; letter-spacing:0.04em;
  text-transform:uppercase; cursor:pointer;
  transition:background 0.18s; width:100%;
}
.btn-generate-full:hover { background:var(--accent2); }


/* ── STATS ── */
.stats-bar {
  background:var(--ink); padding:0 20px;
  display:grid; grid-template-columns:repeat(4,1fr);
  overflow-x:auto; -webkit-overflow-scrolling:touch;
}
.stat-item { padding:18px 12px; border-right:1px solid rgba(255,255,255,0.06); min-width:80px; }
.stat-item:last-child { border-right:none; }
.stat-num { font-family:'Instrument Serif',serif; font-size:1.55rem; color:#fff; line-height:1; }
.stat-label { font-size:0.6rem; letter-spacing:0.09em; text-transform:uppercase; color:rgba(255,255,255,0.38); margin-top:2px; }

/* ── SECTION ── */
.section-eyebrow { font-size:0.68rem; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--accent2); margin-bottom:10px; display:block; }
.section-title { font-family:'Instrument Serif',serif; font-size:clamp(1.6rem,4vw,2.4rem); letter-spacing:-0.02em; margin-bottom:8px; }
.section-sub { color:var(--muted); font-size:0.86rem; }

/* ── DISCOUNT BANNER ── */
.discount-banner { background:var(--accent); color:#fff; padding:12px 20px; display:none; align-items:center; justify-content:center; gap:12px; font-size:0.82rem; text-align:center; }
.discount-banner.visible { display:flex; }

/* ── DOCS SECTION ── */
.docs-section { max-width:1200px; margin:0 auto; padding:32px 16px 80px; }

/* ── CATEGORY FILTER ── */
.category-filter {
  display:flex; gap:8px; margin-bottom:28px;
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  padding-bottom:4px; scrollbar-width:none;
}
.category-filter::-webkit-scrollbar { display:none; }
.cat-btn {
  background:transparent; border:1px solid var(--border); color:var(--ink2);
  padding:8px 14px; font-family:'Syne',sans-serif; font-size:0.7rem; font-weight:600;
  letter-spacing:0.07em; text-transform:uppercase; cursor:pointer; transition:all 0.2s;
  white-space:nowrap; flex-shrink:0; -webkit-appearance:none;
}
.cat-btn:hover, .cat-btn.active { background:var(--accent); color:#fff; border-color:var(--accent); }

/* ── DOCS GRID ── */
.docs-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

/* ── DOC CARD ── */
.doc-card {
  background:var(--white); border:1px solid var(--border);
  transition:box-shadow 0.25s, border-color 0.25s;
  position:relative; display:flex; flex-direction:column;
}
.doc-card-body { padding:16px 16px 12px; flex:1; }
.doc-card-icon { font-size:1.3rem; margin-bottom:8px; display:block; }
.doc-card-name { font-family:'Instrument Serif',serif; font-size:0.95rem; line-height:1.25; margin-bottom:6px; }
.doc-card-desc { font-size:0.74rem; color:var(--muted); line-height:1.5; display:none; }
.doc-card-footer { padding:10px 16px; border-top:1px solid var(--border2); display:flex; align-items:center; justify-content:space-between; gap:8px; }
.doc-price { font-family:'Instrument Serif',serif; font-size:1.1rem; color:var(--accent); }
.doc-price-unit { font-size:0.68rem; color:var(--muted); }
.doc-card.in-cart { border-color:var(--accent2); }
.doc-card.in-cart::before {
  content:'✓'; position:absolute; top:10px; right:10px;
  background:var(--accent2); color:#fff; font-size:0.6rem; font-weight:700;
  width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center;
}

/* ── DOC CARD BUTTONS ── */
.btn-add {
  background:transparent; color:var(--ink2); border:1px solid var(--border);
  padding:6px 10px; font-family:'Syne',sans-serif; font-size:0.65rem; font-weight:600;
  letter-spacing:0.07em; text-transform:uppercase; cursor:pointer; transition:all 0.2s;
  white-space:nowrap; -webkit-appearance:none;
}
.btn-add:active { transform:scale(0.96); }
.btn-add.added { background:var(--accent2); color:#fff; border-color:var(--accent2); }
.btn-generate-doc {
  background:var(--accent); color:#fff; border:none;
  padding:6px 10px; font-family:'Syne',sans-serif; font-size:0.65rem; font-weight:700;
  letter-spacing:0.07em; text-transform:uppercase; cursor:pointer; transition:all 0.2s;
  white-space:nowrap; -webkit-appearance:none;
}
.btn-generate-doc:active { transform:scale(0.96); }

/* ── CV CARD ── */
.doc-card.cv-card { border:1.5px solid var(--accent2); cursor:pointer; }
.doc-card.cv-card .doc-card-name { color:var(--accent2); }
.doc-card-btn.cv-btn { font-size:0.72rem; font-weight:700; color:var(--accent2); }

/* ── BOTTOM CART BAR (mobile) ── */
.bottom-cart-bar {
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:250;
  background:var(--accent); color:#fff; padding:14px 20px;
  align-items:center; justify-content:space-between; gap:12px;
  box-shadow:0 -4px 20px rgba(0,0,0,0.15);
}
.bottom-cart-bar.visible { display:flex; }
.bottom-cart-bar-left { font-size:0.78rem; line-height:1.3; }
.bottom-cart-bar-left strong { display:block; font-size:1rem; font-family:'Instrument Serif',serif; }
.bottom-cart-bar-btn { background:#fff; color:var(--accent); border:none; padding:10px 18px; font-family:'Syne',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; white-space:nowrap; flex-shrink:0; }

/* ── CART SIDEBAR ── */
.cart-overlay { position:fixed; inset:0; background:rgba(15,14,12,0.45); z-index:299; opacity:0; pointer-events:none; transition:opacity 0.3s; }
.cart-overlay.open { opacity:1; pointer-events:all; }
.cart-sidebar {
  position:fixed; right:0; top:0; bottom:0; width:min(380px,100vw);
  background:var(--white); border-left:1px solid var(--border);
  z-index:300; transform:translateX(100%); transition:transform 0.32s cubic-bezier(0.4,0,0.2,1);
  display:flex; flex-direction:column;
}
.cart-sidebar.open { transform:translateX(0); }
.cart-header { padding:20px 22px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
.cart-header h3 { font-family:'Instrument Serif',serif; font-size:1.15rem; }
.cart-close { background:none; border:none; font-size:1.3rem; cursor:pointer; color:var(--muted); padding:4px; }
.cart-items { flex:1; overflow-y:auto; padding:14px 22px; -webkit-overflow-scrolling:touch; }
.cart-empty { text-align:center; padding:50px 20px; font-size:0.86rem; color:var(--muted); line-height:1.7; }
.cart-empty-icon { font-size:2.2rem; margin-bottom:10px; display:block; }
.cart-item { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--border2); }
.cart-item:last-child { border-bottom:none; }
.cart-item-name { font-size:0.83rem; font-weight:500; line-height:1.3; margin-bottom:2px; }
.cart-item-cat { font-size:0.68rem; color:var(--muted); }
.cart-item-right { display:flex; flex-direction:column; align-items:flex-end; gap:5px; flex-shrink:0; }
.cart-item-price { font-family:'Instrument Serif',serif; font-size:0.95rem; color:var(--accent); }
.cart-item-remove { font-size:0.63rem; color:var(--muted); cursor:pointer; background:none; border:none; font-family:'Syne',sans-serif; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; padding:0; }
.cart-item-remove:hover { color:var(--red); }
.cart-footer { padding:18px 22px; border-top:1px solid var(--border); flex-shrink:0; }
.cart-discount-info { background:rgba(200,150,60,0.08); border:1px solid rgba(200,150,60,0.25); padding:10px 14px; margin-bottom:12px; display:none; }
.cart-discount-info.visible { display:block; }
.cart-discount-info p { font-size:0.76rem; color:var(--gold); font-weight:500; }
.cart-progress { margin-bottom:12px; }
.cart-progress-text { font-size:0.73rem; color:var(--muted); margin-bottom:5px; }
.cart-progress-bar { height:3px; background:var(--bg2); border-radius:2px; overflow:hidden; }
.cart-progress-fill { height:100%; background:var(--gold); border-radius:2px; transition:width 0.4s; }
.cart-total-row { display:flex; justify-content:space-between; align-items:center; font-size:0.8rem; color:var(--muted); margin-bottom:5px; }
.cart-total-row.main { font-size:0.95rem; color:var(--ink); font-weight:600; margin-top:6px; padding-top:6px; border-top:1px solid var(--border2); }
.cart-total-row .green { color:var(--accent2); }
.btn-checkout {
  width:100%; background:var(--accent); color:#fff; border:none; padding:15px;
  font-family:'Syne',sans-serif; font-size:0.83rem; font-weight:600; letter-spacing:0.1em;
  text-transform:uppercase; cursor:pointer; transition:background 0.25s; margin-bottom:8px;
  -webkit-appearance:none;
}
.btn-checkout:hover { background:var(--accent2); }
.btn-checkout:disabled { opacity:0.4; cursor:not-allowed; }
.cart-note { font-size:0.68rem; color:var(--muted); text-align:center; line-height:1.55; }

/* ── SUBPAGE ── */
.subpage { display:none; position:fixed; inset:0; background:var(--bg); z-index:400; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.subpage.open { display:block; }
.subpage-nav {
  position:sticky; top:0; background:rgba(247,245,240,0.97); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border); padding:0 20px;
  display:flex; align-items:center; justify-content:space-between; height:56px; z-index:10;
}
.btn-back { display:flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer; font-family:'Syne',sans-serif; font-size:0.75rem; font-weight:600; color:var(--muted); letter-spacing:0.06em; text-transform:uppercase; padding:8px 0; }
.btn-back:hover { color:var(--ink); }
.subpage-body { max-width:640px; margin:0 auto; padding:32px 20px 100px; }
.subpage-icon { font-size:2rem; margin-bottom:10px; display:block; }
.subpage-title { font-family:'Instrument Serif',serif; font-size:1.8rem; line-height:1.1; letter-spacing:-0.02em; margin-bottom:8px; }
.subpage-desc { color:var(--muted); font-size:0.87rem; line-height:1.65; margin-bottom:14px; }
.subpage-price-tag { display:inline-flex; align-items:baseline; gap:6px; background:var(--accent-light); padding:8px 14px; margin-bottom:28px; }
.subpage-price-num { font-family:'Instrument Serif',serif; font-size:1.6rem; color:var(--accent); }
.subpage-price-label { font-size:0.8rem; color:var(--muted); }

/* ── QUEUE ── */
.queue-bar { background:var(--accent); color:#fff; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.queue-steps { display:flex; gap:6px; align-items:center; overflow-x:auto; }
.queue-step { display:flex; align-items:center; gap:5px; font-size:0.68rem; font-weight:600; opacity:0.45; white-space:nowrap; }
.queue-step.active { opacity:1; }
.queue-step.done { opacity:0.6; }
.queue-step-num { width:20px; height:20px; border-radius:50%; border:1px solid rgba(255,255,255,0.4); display:flex; align-items:center; justify-content:center; font-size:0.66rem; flex-shrink:0; }
.queue-step.active .queue-step-num { background:#fff; color:var(--accent); border-color:#fff; }
.queue-step.done .queue-step-num { background:rgba(255,255,255,0.25); }
.queue-sep { color:rgba(255,255,255,0.25); flex-shrink:0; }

/* ── FORM ── */
.form-card { background:var(--white); border:1px solid var(--border); padding:22px 18px; }
.form-section-title { font-size:0.65rem; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:var(--accent2); padding-bottom:8px; border-bottom:1px solid var(--border2); margin-bottom:16px; margin-top:22px; display:block; }
.form-section-title:first-child { margin-top:0; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.form-group { margin-bottom:4px; }
.form-group.full { grid-column:1/-1; }
.form-group label { display:block; font-size:0.64rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink2); margin-bottom:5px; }
.form-group label .req { color:var(--red); }
.form-input { width:100%; background:var(--bg); border:1px solid var(--border); color:var(--ink); font-family:'Syne',sans-serif; font-size:0.86rem; padding:10px 12px; outline:none; transition:border-color 0.2s; -webkit-appearance:none; border-radius:0; }
.form-input:focus { border-color:var(--accent2); }
textarea.form-input { resize:vertical; min-height:70px; line-height:1.6; }
.prefill-notice { background:rgba(26,58,46,0.06); border:1px solid rgba(26,58,46,0.15); padding:10px 14px; margin-bottom:18px; display:flex; align-items:center; gap:10px; }
.prefill-notice p { font-size:0.76rem; color:var(--accent2); line-height:1.5; }
.error-msg { display:none; padding:10px 14px; background:#fdf2f2; border-left:2px solid var(--red); font-size:0.8rem; color:var(--red); margin-bottom:14px; }
.error-msg.visible { display:block; }
.btn-generate { width:100%; background:var(--accent); color:#fff; border:none; padding:15px; font-family:'Syne',sans-serif; font-size:0.85rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; cursor:pointer; transition:background 0.25s; margin-top:18px; -webkit-appearance:none; }
.btn-generate:hover { background:var(--accent2); }

/* ── LOADING ── */
.sp-loading { display:none; text-align:center; padding:60px 20px; }
.sp-loading.visible { display:block; }
.spinner { width:36px; height:36px; border:2px solid var(--bg2); border-top-color:var(--accent); border-radius:50%; margin:0 auto 18px; animation:spin 0.9s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.sp-loading h3 { font-family:'Instrument Serif',serif; font-size:1.05rem; margin-bottom:6px; }
.sp-loading p { font-size:0.8rem; color:var(--muted); }

/* ── RESULT ── */
.sp-result { display:none; }
.sp-result.visible { display:block; }
.result-header { display:flex; align-items:center; gap:10px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--border2); }
.result-dot { width:8px; height:8px; border-radius:50%; background:var(--accent2); flex-shrink:0; }
.result-title { font-family:'Instrument Serif',serif; font-size:1.1rem; }
.result-doc { background:var(--white); border:1px solid var(--border); padding:20px; font-size:0.77rem; line-height:1.85; color:var(--ink2); white-space:pre-wrap; font-family:'DM Mono',monospace; max-height:360px; overflow-y:auto; margin-bottom:14px; -webkit-overflow-scrolling:touch; }
.result-actions { display:flex; gap:8px; margin-bottom:12px; }
.btn-action { flex:1; background:transparent; border:1px solid var(--border); color:var(--ink); padding:10px 8px; font-family:'Syne',sans-serif; font-size:0.72rem; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; cursor:pointer; transition:all 0.2s; }
.btn-next-doc { width:100%; background:var(--accent2); color:#fff; border:none; padding:13px; font-family:'Syne',sans-serif; font-size:0.8rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; margin-bottom:8px; }
.result-disclaimer { font-size:0.68rem; color:var(--muted); line-height:1.65; padding-top:12px; border-top:1px solid var(--border2); }

/* ── HOW IT WORKS ── */
.how { background:var(--accent); padding:48px 20px; }
.how-inner { max-width:1200px; margin:0 auto; }
.steps { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid rgba(255,255,255,0.1); margin-top:32px; }
.step { padding:22px 20px; border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); }
.step:nth-child(2n) { border-right:none; }
.step:nth-last-child(-n+2) { border-bottom:none; }
.step-num { font-family:'Instrument Serif',serif; font-size:1.8rem; color:rgba(255,255,255,0.1); line-height:1; margin-bottom:10px; }
.step h4 { font-size:0.85rem; font-weight:600; color:#fff; margin-bottom:6px; }
.step p { font-size:0.78rem; color:rgba(255,255,255,0.5); line-height:1.6; }

/* ── FOOTER ── */
footer { background:var(--ink); padding:28px 20px; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
footer .logo { color:#fff; }
footer .logo span { color:#6bbf9a; }
footer p { font-size:0.7rem; color:rgba(255,255,255,0.3); }

/* ── PAY SCREEN ── */
.pay-screen { display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding:40px 0 80px; }
.pay-all-check { width:52px; height:52px; border-radius:50%; background:var(--accent); color:#fff; font-size:1.4rem; display:flex; align-items:center; justify-content:center; }
.pay-title { font-family:'Instrument Serif',serif; font-size:1.8rem; letter-spacing:-0.02em; line-height:1.1; }
.pay-sub { font-size:0.86rem; color:var(--muted); line-height:1.65; }
.pay-summary { width:100%; border:1px solid var(--border); background:var(--white); }
.pay-item { display:flex; justify-content:space-between; align-items:center; padding:11px 16px; font-size:0.83rem; border-bottom:1px solid var(--border2); }
.pay-item:last-child { border-bottom:none; }
.pay-discount { color:var(--accent2); font-size:0.8rem; }
.pay-total { font-weight:700; font-size:0.95rem; background:var(--bg2); }
.pay-total span:last-child { font-family:'Instrument Serif',serif; font-size:1.3rem; color:var(--accent); }
.pay-download-section { width:100%; border:1px solid rgba(45,107,82,0.25); background:rgba(45,107,82,0.04); padding:18px; animation:gf-slide-in 0.35s ease; }
.pay-confirmed { font-size:0.75rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--accent2); margin-bottom:10px; }
.pay-download-hint { font-size:0.8rem; color:var(--muted); margin-bottom:10px; }
.pay-download-list { display:flex; flex-direction:column; gap:7px; }
.pay-download-btn { background:var(--white); border:1px solid var(--border); color:var(--ink); padding:10px 16px; font-family:'Syne',sans-serif; font-size:0.76rem; font-weight:600; text-align:left; cursor:pointer; transition:all 0.2s; letter-spacing:0.04em; width:100%; -webkit-appearance:none; }
.pay-download-btn:hover { background:var(--accent); color:#fff; border-color:var(--accent); }
.pay-download-all { margin-top:8px; background:var(--accent2); color:#fff; border:none; padding:12px 18px; font-family:'Syne',sans-serif; font-size:0.76rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; width:100%; -webkit-appearance:none; }

/* ── PROGRESS BAR ── */
.gf-progress-bar { height:3px; background:var(--border); margin-bottom:6px; border-radius:2px; overflow:hidden; }
.gf-progress-fill { height:100%; background:var(--accent2); border-radius:2px; transition:width 0.4s ease; }
.gf-progress-label { font-size:0.68rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin-bottom:28px; }
.gf-next-notice { display:flex; align-items:center; gap:12px; padding:16px 18px; background:rgba(45,107,82,0.07); border:1px solid rgba(45,107,82,0.18); font-size:0.86rem; color:var(--ink); animation:gf-slide-in 0.3s ease; }
.gf-next-check { width:26px; height:26px; border-radius:50%; background:var(--accent2); color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.78rem; flex-shrink:0; }
@keyframes gf-slide-in { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

/* ── CV FORM STYLES ── */
.cvf-photo-box { width:80px; height:80px; border:2px dashed var(--border); background:var(--white); cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; transition:border-color 0.2s; flex-shrink:0; }
.cvf-photo-box:hover { border-color:var(--accent2); }
.cvf-section { font-size:0.65rem; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent2); margin:18px 0 8px; display:flex; align-items:center; justify-content:space-between; }
.cvf-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.cvf-group { margin-bottom:8px; }
.cvf-full { grid-column:1/-1; }
.cvf-group label { display:block; font-size:0.63rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink2); margin-bottom:4px; }
.cvf-input { width:100%; background:var(--white); border:1px solid var(--border); color:var(--ink); font-family:'Syne',sans-serif; font-size:0.82rem; padding:8px 10px; outline:none; transition:border-color 0.2s; -webkit-appearance:none; border-radius:0; }
.cvf-input:focus { border-color:var(--accent2); }
textarea.cvf-input { resize:vertical; min-height:54px; line-height:1.5; }
.cvf-card { background:var(--white); border:1px solid var(--border); padding:12px; margin-bottom:8px; }
.cvf-add-btn { background:transparent; border:1px solid var(--accent2); color:var(--accent2); padding:3px 10px; font-family:'Syne',sans-serif; font-size:0.62rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; -webkit-appearance:none; }
.cvf-remove-btn { background:transparent; border:none; color:var(--muted); font-size:0.66rem; cursor:pointer; font-family:'Syne',sans-serif; margin-top:4px; padding:0; }
.cvf-remove-btn:hover { color:var(--red); }

/* ── DRAG & DROP ── */
.cvf-section-block.dragging { opacity:0.4; }
.cvf-section-block.drag-over { border-top:2px solid var(--accent2); }
.cvf-drag-handle { display:inline-flex; align-items:center; cursor:grab; color:var(--muted); padding:2px 6px 2px 0; font-size:0.9rem; user-select:none; transition:color 0.15s; vertical-align:middle; }
.cvf-drag-handle:hover { color:var(--accent2); }

/* ── CHIPS ── */
.cvf-suggestions { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
.cvf-chip { background:var(--bg); border:1px solid var(--border); padding:4px 10px; font-size:0.67rem; cursor:pointer; color:var(--ink2); transition:all 0.15s; border-radius:2px; }
.cvf-chip:hover { background:var(--accent2); color:#fff; border-color:var(--accent2); }
.cvf-chip.used { opacity:0.3; cursor:default; text-decoration:line-through; }
.cvf-chip.used:hover { background:var(--bg); color:var(--ink2); border-color:var(--border); }

/* ── AUTOCOMPLETE ── */
.cvf-autocomplete-wrap { position:relative; }
.cvf-autocomplete-list { position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid var(--border); border-top:none; z-index:200; max-height:160px; overflow-y:auto; display:none; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.cvf-autocomplete-list.show { display:block; }
.cvf-autocomplete-item { padding:8px 10px; font-size:0.78rem; cursor:pointer; color:var(--ink); }
.cvf-autocomplete-item:hover { background:var(--bg); color:var(--accent2); }

/* ── CUSTOM SECTION BTN ── */
.cvf-add-custom-btn { width:100%; margin-top:14px; margin-bottom:20px; padding:10px; background:transparent; border:1.5px dashed var(--border); font-family:'Syne',sans-serif; font-size:0.7rem; font-weight:600; letter-spacing:0.08em; color:var(--muted); cursor:pointer; transition:all 0.2s; -webkit-appearance:none; }
.cvf-add-custom-btn:hover { border-color:var(--accent2); color:var(--accent2); }

/* ── RESPONSIVE: TABLET ── */
@media(min-width:640px) {
  nav { padding:0 32px; height:62px; }
  .logo { font-size:1.55rem; }
  .hero { padding:72px 40px 56px; }
  .docs-section { padding:48px 32px 100px; }
  .docs-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
  .doc-card-desc { display:block; }
  .how { padding:60px 40px; }
  footer { flex-direction:row; justify-content:space-between; padding:28px 40px; }
  .steps { grid-template-columns:repeat(4,1fr); }
  .step { border-right:1px solid rgba(255,255,255,0.1); border-bottom:none; }
  .step:last-child { border-right:none; }
}

/* ── RESPONSIVE: DESKTOP ── */
@media(min-width:960px) {
  nav { padding:0 60px; height:64px; }
  .hero { grid-template-columns:1fr 1fr; gap:80px; padding:80px 60px 60px; }
  .docs-section { padding:70px 60px 80px; }
  .docs-grid { grid-template-columns:repeat(3,1fr); gap:16px; }
  .doc-card-body { padding:24px 24px 16px; }
  .doc-card-footer { padding:14px 24px; }
  .btn-add, .btn-generate-doc { font-size:0.7rem; padding:7px 14px; }
  .how { padding:70px 60px; }
  .stats-bar { padding:0 60px; grid-template-columns:repeat(4,1fr); }
  .stat-item { padding:22px 16px; }
  .stat-num { font-size:1.8rem; }
  .bottom-cart-bar { display:none !important; }
}

/* ── KREATOR CV – LAYOUT ── */
.cv-app { display:flex; flex-direction:column; height:100dvh; height:100vh; }
.cv-nav { position:relative; z-index:100; height:54px; border-bottom:1px solid rgba(255,255,255,.07); display:flex; align-items:center; justify-content:space-between; padding:0 16px; background:rgba(14,15,17,.97); backdrop-filter:blur(12px); flex-shrink:0; gap:8px; }
.cv-nav-right { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.btn-choose-tpl { display:flex; align-items:center; gap:6px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:7px 12px; font-family:'Syne',sans-serif; font-size:0.68rem; font-weight:600; letter-spacing:0.07em; text-transform:uppercase; cursor:pointer; color:rgba(240,237,232,.8); transition:all 0.2s; white-space:nowrap; border-radius:8px; }
.btn-choose-tpl:hover { border-color:rgba(255,255,255,.3); color:#f0ede8; background:rgba(255,255,255,.1); }
.tpl-preview-dot { width:12px; height:12px; border-radius:2px; flex-shrink:0; }
.btn-import-pdf { display:flex; align-items:center; gap:6px; background:rgba(34,197,94,.15); color:#39ff8a; border:1px solid rgba(57,255,138,.25); padding:7px 12px; font-family:'Syne',sans-serif; font-size:0.68rem; font-weight:600; letter-spacing:0.07em; text-transform:uppercase; cursor:pointer; transition:all 0.2s; white-space:nowrap; border-radius:8px; }
.btn-import-pdf:hover { background:rgba(34,197,94,.25); border-color:rgba(57,255,138,.4); }

/* CV main area */
.cv-main { display:flex; flex:1; overflow:hidden; }
.cv-form-col { width:100%; flex-shrink:0; overflow-y:auto; padding:16px 16px 180px; border-right:1px solid var(--border); background:var(--bg); -webkit-overflow-scrolling:touch; }
.cv-preview-col { display:none; flex:1; background:#d0cec9; flex-direction:column; align-items:center; padding:0 20px; overflow-y:auto; padding-bottom:140px; overflow-x:auto; }
.cv-preview-label { font-size:0.63rem; color:rgba(0,0,0,0.35); font-weight:600; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; width:100%; max-width:595px; position:sticky; top:0; z-index:10; padding:6px 0 6px; background:rgba(208,206,201,0.92); backdrop-filter:blur(4px); }
.cv-preview-doc { background:#fff; box-shadow:0 4px 40px rgba(0,0,0,0.22); width:595px; min-height:842px; transform-origin:top center; }
.cv-zoom-bar { display:flex; align-items:center; gap:5px; flex-shrink:0; }
.cv-zoom-btn { width:22px; height:22px; border-radius:5px; border:1px solid rgba(0,0,0,0.18); background:rgba(255,255,255,0.75); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:14px; line-height:1; color:rgba(0,0,0,0.45); padding:0; transition:all 0.15s; font-family:sans-serif; }
.cv-zoom-btn:hover { background:#fff; color:rgba(0,0,0,0.75); border-color:rgba(0,0,0,0.3); }
#cvZoomLevel { font-size:0.6rem; font-weight:700; letter-spacing:0.08em; color:rgba(0,0,0,0.38); min-width:34px; text-align:center; }

/* CV mobile tabs */
.cv-mobile-tabs { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:200; background:var(--white); border-top:1px solid var(--border); }
.cv-tab-btn { flex:1; padding:14px 8px 18px; background:none; border:none; font-family:'Syne',sans-serif; font-size:0.72rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; color:var(--muted); display:flex; flex-direction:column; align-items:center; gap:4px; transition:color 0.2s; }
.cv-tab-btn .tab-icon { font-size:1.1rem; }
.cv-tab-btn.active { color:var(--accent2); }
.cv-tab-btn.active::after { content:''; display:block; position:absolute; bottom:0; width:40px; height:2px; background:var(--accent2); }

/* CV nav download button — hidden on mobile, visible on desktop */
.cv-nav-dl-btn { display:none; }
@media(min-width:768px) { .cv-nav-dl-btn { display:flex; background:var(--accent2); border-color:var(--accent2); color:#fff; } .cv-nav-dl-btn:hover { background:#1a5c43; border-color:#1a5c43; } }

/* CV template drawer */
.cv-tpl-overlay { position:fixed; inset:0; z-index:800; pointer-events:none; }
.cv-tpl-overlay.open { pointer-events:all; }
.cv-tpl-backdrop { position:absolute; inset:0; background:rgba(0,0,0,0); transition:background 0.3s; }
.cv-tpl-overlay.open .cv-tpl-backdrop { background:rgba(0,0,0,0.35); }
.cv-tpl-drawer { position:absolute; top:0; right:0; bottom:0; width:min(480px,100vw); background:var(--white); border-left:1px solid var(--border); transform:translateX(100%); transition:transform 0.32s cubic-bezier(0.4,0,0.2,1); display:flex; flex-direction:column; }
.cv-tpl-overlay.open .cv-tpl-drawer { transform:translateX(0); }
.cv-tpl-drawer-head { padding:18px 22px 14px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
.cv-tpl-drawer-head h3 { font-family:'Instrument Serif',serif; font-size:1.1rem; }
.cv-tpl-drawer-head button { background:none; border:none; font-size:1.2rem; cursor:pointer; color:var(--muted); }
.cv-tpl-grid { display:grid; grid-template-columns:repeat(auto-fill, 105px); justify-content:center; gap:10px; padding:14px 22px; overflow-y:auto; }
.cv-tpl-card { border:2px solid var(--border); cursor:pointer; transition:all 0.2s; position:relative; overflow:hidden; border-radius:4px; width:105px; }
.cv-tpl-card:hover { border-color:var(--accent2); transform:translateY(-1px); box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.cv-tpl-card.active { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.cv-tpl-card.active::after { content:'✓'; position:absolute; top:7px; right:7px; background:var(--accent); color:#fff; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.65rem; font-weight:700; z-index:2; }
.cv-tpl-thumb { width:105px; height:148px; overflow:hidden; pointer-events:none; user-select:none; }
.cv-tpl-name { padding:8px 10px; font-size:0.7rem; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink2); background:var(--white); border-top:1px solid var(--border); }
.cv-tpl-section-label { grid-column:1/-1; font-size:0.63rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); padding:10px 0 4px; border-bottom:1px solid var(--border); margin-bottom:2px; }


/* Translate CV modal */
.tcv-overlay { position:fixed; inset:0; z-index:900; background:rgba(0,0,0,0.55); display:flex; align-items:flex-end; justify-content:center; opacity:0; pointer-events:none; transition:opacity 0.25s; }
.tcv-overlay.open { opacity:1; pointer-events:all; }
.tcv-modal { background:var(--white); width:100%; max-width:520px; padding:30px 22px 32px; position:relative; max-height:90dvh; overflow-y:auto; }
.tcv-modal h2 { font-family:'Instrument Serif',serif; font-size:1.4rem; margin-bottom:5px; }
.tcv-modal .tcv-sub { font-size:0.78rem; color:var(--muted); margin-bottom:18px; line-height:1.55; }
.tcv-drop { border:2px dashed var(--border); padding:36px 16px; text-align:center; cursor:pointer; transition:all 0.2s; background:var(--bg); }
.tcv-drop:hover, .tcv-drop.dragover { border-color:var(--accent2); background:#edf7f2; }
.tcv-drop-icon { font-size:2.4rem; margin-bottom:8px; }
.tcv-drop p { margin:0; font-size:0.78rem; color:var(--muted); }
.tcv-drop strong { color:var(--ink); }
.tcv-progress { display:none; margin-top:18px; }
.tcv-progress.show { display:block; }
.tcv-progress-label { font-size:0.74rem; color:var(--muted); margin-bottom:6px; }
.tcv-bar-wrap { height:4px; background:var(--border); border-radius:2px; }
.tcv-bar { height:4px; background:var(--accent2); border-radius:2px; width:0%; transition:width 0.5s ease; }
.tcv-error { display:none; margin-top:12px; padding:10px 14px; background:#fef2f2; border:1px solid #fca5a5; font-size:0.76rem; color:#991b1b; }
.tcv-error.show { display:block; }
.tcv-close { position:absolute; top:12px; right:16px; background:none; border:none; font-size:1.2rem; cursor:pointer; color:var(--muted); }


/* ── RESIZABLE DIVIDER ── */
.cv-resizer { width:5px; background:transparent; cursor:col-resize; flex-shrink:0; position:relative; transition:background .2s; z-index:10; }
.cv-resizer:hover, .cv-resizer.dragging { background:rgba(34,197,94,.4); }
.cv-resizer::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1px; height:40px; background:rgba(26,23,20,.12); border-radius:1px; }
.cv-resizer:hover::after, .cv-resizer.dragging::after { background:#22c55e; }
@media(max-width:767px) { .cv-resizer { display:none; } }

/* ── DESKTOP KREATOR OVERRIDES ── */
@media(min-width:768px) {
  .cv-nav { padding:0 20px; height:56px; }
  .cv-form-col { width:50%; padding:20px 24px 80px; }
  .cv-preview-col { display:flex; }
  .cv-mobile-tabs { display:none; }
  .tcv-overlay { align-items:center; }
}

@media(min-width:960px) {
  .cv-form-col { width:50%; }
  .cv-pay-bar { width:50%; }
}

/* ── WYNIK GENEROWANIA — PODGLĄD + POBIERANIE ── */
.doc-result-card {
  width:100%;
  border:1px solid var(--border);
  background:var(--white);
  margin-bottom:24px;
  animation:gf-slide-in 0.3s ease;
}
.doc-result-header {
  display:flex; align-items:center; gap:14px;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
  background:var(--bg);
}
.doc-result-icon { font-size:1.6rem; line-height:1; }
.doc-result-name {
  font-family:'Syne',sans-serif; font-size:0.92rem;
  font-weight:700; color:var(--ink);
}
.doc-result-badge {
  font-size:0.68rem; font-weight:700; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--accent2); margin-top:3px;
}

/* Scrollable text preview */
.doc-result-preview {
  max-height:340px;
  overflow-y:auto;
  padding:20px 20px;
  border-bottom:1px solid var(--border);
  background:#fafaf8;
}
.doc-result-text {
  font-family:'DM Mono',monospace;
  font-size:0.78rem;
  line-height:1.75;
  color:var(--ink);
  white-space:pre-wrap;
  word-break:break-word;
  margin:0;
}

/* Download buttons row */
.doc-result-downloads { padding:16px 18px; }
.doc-result-dl-label {
  font-size:0.65rem; font-weight:700; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--muted); margin-bottom:12px;
}
.doc-result-dl-btns {
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
}
.doc-dl-btn {
  display:flex; flex-direction:column; align-items:center;
  gap:6px; padding:14px 8px;
  border:1.5px solid var(--border);
  background:var(--white);
  cursor:pointer; transition:all 0.18s;
  font-family:'Syne',sans-serif;
  font-size:0.78rem; font-weight:600;
  color:var(--ink2); text-align:center;
  -webkit-appearance:none;
}
.doc-dl-btn small { font-size:0.65rem; color:var(--muted); font-weight:400; }
.doc-dl-icon { font-size:1.5rem; line-height:1; }
.doc-dl-btn:hover { border-color:var(--accent2); color:var(--accent2); background:rgba(45,107,82,0.04); }
.doc-dl-txt:hover { border-color:#6b7280; color:#374151; background:#f9fafb; }
.doc-dl-pdf:hover { border-color:#dc2626; color:#dc2626; background:#fef2f2; }
.doc-dl-word:hover { border-color:#2563eb; color:#2563eb; background:#eff6ff; }

@media (max-width:480px) {
  .doc-result-dl-btns { grid-template-columns:repeat(3,1fr); gap:6px; }
  .doc-dl-btn { padding:10px 4px; font-size:0.72rem; }
  .doc-result-preview { max-height:240px; }
}

/* ── NAV AUTH ── */
.nav-auth { display:flex; align-items:center; gap:10px; }

/* Profile avatar */
.nav-profile { position:relative; display:flex; align-items:center; }
.nav-avatar {
  width:34px; height:34px; border-radius:50%;
  background:var(--accent); color:#fff;
  font-family:'Syne',sans-serif; font-size:0.78rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; border:2px solid transparent; transition:border-color 0.2s;
  overflow:hidden; flex-shrink:0;
}
.nav-avatar:hover, .nav-profile:hover .nav-avatar { border-color:var(--accent2); }

/* Dropdown */
.nav-profile-dropdown {
  display:none; position:absolute; top:calc(100% + 12px); right:0;
  background:var(--white); border:1px solid var(--border);
  min-width:220px; z-index:999; padding:8px 0;
  box-shadow:0 12px 40px rgba(0,0,0,0.13);
}
.nav-profile-dropdown.open { display:block !important; }
.nav-profile-email {
  font-family:'DM Mono',monospace; font-size:0.73rem; color:var(--ink2);
  padding:10px 16px 10px; font-weight:500; letter-spacing:-0.01em;
  border-bottom: none;
}
.nav-profile-link {
  display:block; padding:9px 16px; font-size:0.77rem; font-family:'Syne',sans-serif;
  color:var(--ink2); text-decoration:none; transition:background 0.15s;
  background:none; border:none; cursor:pointer; width:100%; text-align:left;
  font-weight:600; letter-spacing:0.03em;
}
.nav-profile-link:hover { background:var(--bg); color:var(--accent2); }
.nav-logout-btn { color:#e05c5c !important; font-weight:500 !important; }
.nav-logout-btn:hover { background:#fff5f5 !important; }