/* r27 · 27.10.2026: Grzegorz's Figma comments on v25 (strona/agencje/FEEDBACK-R27.md). */

/* #38, #40 · the Generate buttons: lighter. Smaller, a lighter weight, no grey ring around the pinned one */
#heroCta, .h11-end .cta { padding: 11px 20px; font-size: 15px; font-weight: 600; letter-spacing: 0; }
.sticky-cta { height: 36px; padding: 0 16px; font-size: 13.5px; font-weight: 600; letter-spacing: 0; box-shadow: 0 6px 18px -8px rgba(0,0,0,.55); }
@media (min-width: 761px) { .sticky-cta { box-shadow: 0 6px 18px -8px rgba(0,0,0,.55); } }
@media (max-width: 760px) {
  .sticky-cta { height: 46px; font-size: 15px; box-shadow: 0 10px 24px -10px rgba(0,0,0,.7); }
  .sticky-cta.ghost { box-shadow: 0 10px 24px -10px rgba(0,0,0,.7); }
}

/* #43 · the artist page's clip sits exactly where it sat on the card (same size, same top), so the push doesn't jump */
.h11-hbg { bottom: auto; height: calc(844 * var(--u)); }

/* #48, #49 · more black around "Less time in the app" */
.claim { padding-block: calc(var(--sp) * 2.4); }
@media (max-width: 759px) { .claim { padding-block: calc(var(--sp) * 1.8); } }

/* #50 · Data: what the organiser gets back, ticketing vs LineApp */
.d27-head { max-width: 860px; }
.d27-h { margin-top: 18px; }
.d27-say { margin-top: 26px; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; color: var(--mute); max-width: 680px; }
.d27-say b { display: block; color: var(--paper); font-size: clamp(24px, 2.3vw, 34px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800; margin-bottom: 10px; }
.d27-t { margin-top: 56px; border-top: 1px solid var(--line-2); }
.d27-r { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--line); }
.d27-r > span { min-width: 0; }
.d27-r b { display: block; font-size: clamp(17px, 1.35vw, 20px); font-weight: 700; letter-spacing: -.01em; }
.d27-r small { display: block; margin-top: 4px; font-size: 14px; color: var(--faint); }
.d27-th { padding: 14px 0; font-size: 12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }
.d27-th .d27-us { color: var(--acc-text); }
.d27-no { font-size: 15px; color: var(--faint); }
.d27-yes { position: relative; padding-left: 30px; font-size: 15.5px; font-weight: 600; color: var(--paper); }
.d27-yes::before { content: ""; position: absolute; left: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; background: var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8' fill='none' stroke='%230E1108' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.d27-foot { font-size: 13px; color: var(--faint); }
.d27 .data-foot { justify-content: space-between; margin-top: 22px; }
@media (max-width: 759px) {
  .d27-t { margin-top: 36px; }
  .d27-r { grid-template-columns: 1fr 1fr; gap: 10px 16px; padding: 18px 0; }
  .d27-r > span:first-child { grid-column: 1 / -1; }
  .d27-th > span:first-child { display: none; }
}

/* #51 · the typical app's artist page: real icons for the socials */
.ab5 .ab27 { display: flex; gap: calc(var(--u) * 12); align-items: center; }
.ab5 .ab27 a { display: block; width: calc(var(--u) * 24); height: calc(var(--u) * 24); color: #555; text-decoration: none; }
.ab5 .ab27 img, .ab5 .ab27 svg { display: block; width: 100%; height: 100%; }

/* #52 · the form: lighter to read. The optional step really stays closed (display:grid beat [hidden]), fewer words, more air */
.f-more[hidden], .spon[hidden] { display: none; }
.final .f-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 34px; max-width: 520px; }
.final .fld { gap: 8px; font-size: 14px; font-weight: 600; color: var(--mute); }
.final .fld input, .final .fld select { height: 56px; font-size: 17px; font-weight: 500; border: 1px solid rgba(247,246,241,.16); }
.final .fld .help { display: none; }
.final .f-step2-btn { padding: 2px 0; font-weight: 600; }
.final .f-more { gap: 18px 16px; }
.final .chk { font-size: 15px; font-weight: 600; background: none; box-shadow: none; padding: 4px 0; }
.final .f-act { margin-top: 30px; }
.final .f-act .small { display: block; margin-top: 12px; }