/* Etykieta w stylu opisów na frontach rozdzielnic. */
.panel-label{display:inline-block;padding:4px 10px;background:#fff4b0;border:1px solid #e2d277;color:#1d2b33;font:600 11px/1.4 Barlow,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}

/* Sygnet rysowany w hero. */
.stamp-signet{width:48px;height:48px;flex:none;filter:drop-shadow(0 2px 6px #0006)}


/* Kreator zapytania. */
.inquiry-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:4px 0 22px}
.inquiry-mode button{min-height:44px;border:0;background:white;color:var(--muted);font:500 12px Barlow,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.inquiry-mode button[aria-pressed=true]{background:var(--navy);color:white}
.inquiry-mode button:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.wizard-top{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.wizard-bar{flex:1;height:3px;background:var(--line)}
.wizard-bar span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--navy),var(--red));transition:width .45s cubic-bezier(.2,.65,.3,1)}
.wizard-step{border:0;margin:0;padding:0;min-width:0}
.wizard-step legend{padding:0;margin-bottom:18px;font:500 26px/1.15 Barlow,Arial,sans-serif;color:var(--ink)}
.wizard-step legend small{display:block;margin-top:6px;font:400 13px Poppins,Arial,sans-serif;color:var(--muted)}
.wizard-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.wizard-tiles-compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.wizard-tiles-list{grid-template-columns:1fr}
.wizard .tile{margin:0;justify-content:flex-start;text-align:left;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);background:#f8fafb;color:var(--ink);cursor:pointer;font:500 15px/1.25 Barlow,Arial,sans-serif;letter-spacing:normal;text-transform:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.wizard .tile input,.wizard .chip input{position:absolute;opacity:0;pointer-events:none}
.wizard .tile svg{width:30px;height:30px;color:var(--navy)}
.wizard .tile:hover{border-color:#8aa4b2;transform:translateY(-2px)}
.wizard .tile:has(input:checked){border-color:var(--navy);background:white;box-shadow:inset 0 0 0 1px var(--navy),0 8px 20px #06324b14}
.wizard .tile:has(input:checked)::after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:white;font-size:12px}
.wizard .tile:has(input:checked) svg{color:var(--red)}
.wizard .tile:has(input:focus-visible),.wizard .chip:has(input:focus-visible){outline:3px solid var(--red);outline-offset:2px}
.wizard .tile-check{flex-direction:row;align-items:center;padding:14px 40px 14px 16px;min-height:56px}
.wizard .tile-wide{padding:16px 44px 16px 18px}
.wizard .tile-wide strong{display:block;font-size:17px;font-weight:500}
.wizard .tile-wide small{display:block;margin-top:4px;font:400 13px/1.5 Poppins,Arial,sans-serif;color:var(--muted)}
.wizard-sub{margin:0 0 10px;font-size:12px;letter-spacing:.12em;font-weight:500;text-transform:uppercase}
.wizard-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.wizard .chip{position:relative;cursor:pointer}
.wizard .chip span{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid var(--line);background:#f8fafb;font:500 14px Barlow,Arial,sans-serif;transition:background .2s,border-color .2s,color .2s}
.wizard .chip:has(input:checked) span{background:var(--navy);border-color:var(--navy);color:white}
.wizard-error{margin:12px 0 0;font-size:13px;color:#b4221a}
.wizard-error::before{content:"! ";font-weight:700}
.wizard-summary{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:6px 0 4px;padding:16px;background:#f5f8f9;border-left:3px solid var(--navy);font-size:13px}
.wizard-summary:empty{display:none}
.wizard-summary dt{color:var(--muted);font-weight:500}
.wizard-summary dd{margin:0}
.wizard-edit{border:0;background:none;padding:0 2px;color:var(--navy);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wizard-nav{display:flex;align-items:center;gap:12px;margin-top:26px}
.wizard-nav .button{flex:1;justify-content:center}
.wizard-back{min-height:57px;padding:0 20px;border:1px solid var(--line);background:white;color:var(--ink);font:500 13px Barlow,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.wizard-back:hover{border-color:var(--navy)}
.wizard-submit{background:var(--red);border-color:var(--red)}
.wizard-submit:hover{background:#b4221a}
@media(max-width:650px){.wizard-step legend{font-size:23px}.wizard-tiles{grid-template-columns:1fr 1fr;gap:8px}.wizard-tiles-compact,.wizard-tiles-list{grid-template-columns:1fr}.wizard .tile{padding:14px}.wizard-summary{grid-template-columns:1fr;gap:2px}.wizard-summary dd{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.wizard .tile,.wizard-bar span{transition:none}}

.wizard-nav [hidden],.wizard [hidden]{display:none}
.inquiry .wizard-next{background:var(--navy);border-color:var(--navy)}
.inquiry .wizard-next:hover{background:var(--deep)}



/* Sygnety (hero, tła sekcji): łuki pojawiają się przy wejściu na ekran i znikają przy wyjściu. */
@media(prefers-reduced-motion:no-preference){
.signet-anim path{transform-box:fill-box;transform-origin:center;transition:opacity .4s ease,transform .55s cubic-bezier(.4,0,.6,1);transition-delay:calc((19 - var(--i)) * 30ms)}
.signet-anim.is-waiting path{opacity:0;transform:scale(.55)}
.signet-anim.is-drawn path{transition-duration:.7s,1s;transition-timing-function:ease,cubic-bezier(.2,.65,.3,1);transition-delay:calc(var(--i) * 90ms)}
.stamp-signet.is-drawn path{transition-delay:calc(var(--i) * 60ms)}
}
.quality{overflow:hidden;isolation:isolate}
.quality .bg-signet{position:absolute;z-index:0;left:-110px;bottom:-150px;width:clamp(320px,34vw,480px);height:auto;aspect-ratio:1;opacity:.16;pointer-events:none}
.quality>:not(.bg-signet){position:relative;z-index:1}
@media(max-width:650px){.quality .bg-signet{width:300px;left:-120px;bottom:-120px;opacity:.12}}

.contact-page .contact{position:relative;overflow:hidden;isolation:isolate}
.contact-page .contact>.container{position:relative;z-index:1}
.contact-page .contact .bg-signet{position:absolute;z-index:0;left:-4%;bottom:0;translate:0 33.333%;width:50%;max-width:820px;height:auto;aspect-ratio:1;opacity:.14;pointer-events:none}
@media(max-width:900px){.contact-page .contact .bg-signet{top:-60px;translate:none;left:-25%;width:95%;opacity:.12}}
@media(max-width:650px){.contact-page .contact .bg-signet{width:115%;left:-40%;top:-40px}}
.wizard .chip{margin:0;display:inline-block}

/* Wysyłka zapytania przez /api/contact. */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#wizard-status.is-sent,#form-status.is-sent{padding:22px;border-left:3px solid #2e7d4f;background:#eef7f1;outline:none}
#wizard-status.is-sent strong,#form-status.is-sent strong{display:block;margin-bottom:6px;font:600 20px Barlow,Arial,sans-serif;color:#1f5e3a}
#wizard-status.is-sent p,#form-status.is-sent p{margin:0;font-size:14px;color:var(--ink)}
.wizard.is-sent :is(.wizard-top,.wizard-step,.wizard-nav,.form-note),#inquiry-form.is-sent :is(.field,.field-row,.field-hint,label,button,.form-note){display:none}
.inquiry:has(form.is-sent) .inquiry-mode{display:none}
button[type=submit]:disabled{opacity:.6;cursor:progress}