/* Organizer presentation. Form IDs and behavior are shared with the original flow. */
.organizer-design .organizer-header { max-width:1280px; height:102px; padding-inline:48px; }
.organizer-design .organizer-header nav { gap:30px; }
.organizer-design .organizer-header nav a { font-size:12px; font-weight:600; }
.organizer-design .organizer-nav-cta { padding:10px 17px; border:1px solid #d9cec4; border-radius:99px; display:inline-flex; align-items:center; gap:20px; }
.organizer-design .organizer-nav-cta:hover { background:#f3eae2; }
.organizer-design .organizer-nav-cta span { font-size:18px; color:#a84342; }
.organizer-design .organizer-page { max-width:1280px; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:start; gap:80px; padding:64px 48px 86px; }
.organizer-design .organizer-intro { min-width:0; padding-top:9px; }
.organizer-design .organizer-eyebrow { display:inline-flex; color:#8b4a3e; gap:9px; margin-bottom:27px; font-size:9px; letter-spacing:1.7px; }
.organizer-design .organizer-eyebrow>span { color:#a84342; font-size:18px; line-height:1; }
.organizer-design .organizer-intro h1 { font-family:var(--sans); font-size:clamp(49px,4.6vw,67px); font-weight:600; line-height:1.07; letter-spacing:-3.7px; margin:0 0 25px; }
.organizer-design .organizer-intro h1 em { font-family:var(--serif); font-size:1.11em; letter-spacing:-3px; color:#a84342; }
.organizer-design .organizer-intro .organizer-lead { max-width:430px; color:#74665e; line-height:1.85; font-size:14px; margin:0; }
.invitation-collage { position:relative; max-width:460px; height:290px; margin:22px -10px 13px; isolation:isolate; }
.collage-arch { position:absolute; top:18px; left:60px; right:31px; bottom:22px; border-radius:160px 160px 28px 28px; background:#e5ebdd; transform:rotate(-4deg); }
.collage-ticket { width:286px; height:211px; position:absolute; top:45px; left:87px; background:#fffdf8; border:1px solid #e3d8cb; border-radius:9px; transform:rotate(7deg); padding:17px 19px 15px; box-shadow:0 15px 32px #6b4f3212; }
.collage-ticket-top { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#897267; font-size:7px; letter-spacing:1.8px; padding-bottom:12px; border-bottom:1px dashed #d9c8b9; }
.collage-ticket-top svg { width:16px; height:16px; color:#a84342; }
.collage-ticket-title { font-size:33px; line-height:1.08; letter-spacing:-1.4px; color:#342822; padding:15px 0 16px; font-weight:500; }
.collage-ticket-title em { font-family:var(--serif); color:#a84342; font-size:43px; letter-spacing:-1.5px; }
.collage-ticket-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px dashed #d9c8b9; padding-top:10px; color:#8c766a; font-size:7px; letter-spacing:1px; }
.collage-ticket-bottom svg { color:#a84342; width:18px; height:18px; }
.collage-note { position:absolute; top:72px; left:3px; z-index:2; width:130px; height:115px; transform:rotate(-9deg); background:#f4cfb9; border:1px solid #e9bba1; border-radius:3px; display:flex; align-items:flex-start; gap:8px; padding:17px 10px; box-shadow:0 8px 20px #6b4f3209; }
.collage-note>svg { width:19px; height:19px; color:#97463a; margin-top:2px; }
.collage-note span { font-size:10px; line-height:1.5; color:#704f43; }
.collage-note strong { font-family:var(--serif); font-size:24px; font-style:italic; font-weight:400; color:#8c4136; }
.collage-spark { position:absolute; color:#ae7355; font-family:Georgia,serif; line-height:1; }
.collage-spark-one { top:8px; right:41px; font-size:34px; transform:rotate(12deg); }
.collage-spark-two { left:37px; bottom:15px; font-size:38px; }
.collage-stamp { position:absolute; z-index:3; bottom:0; right:2px; width:105px; height:105px; border-radius:50%; background:#a84342; color:#fff9f0; padding:16px 8px 10px; text-align:center; transform:rotate(-10deg); outline:1px dashed #fbf7f2a3; outline-offset:-6px; }
.collage-stamp>span { display:block; font-size:6px; letter-spacing:1.1px; line-height:1.2; }
.collage-stamp strong { display:block; font-family:var(--serif); font-size:21px; font-style:italic; line-height:1; font-weight:400; margin:8px 0 5px; }
.collage-stamp>span:last-child { font-size:11px; }
.organizer-how { padding-top:20px; max-width:440px; scroll-margin-top:24px; }
.organizer-how>.eyebrow { color:#827366; font-size:8px; letter-spacing:1.6px; margin-bottom:21px; }
.organizer-how ol { list-style:none; margin:0; padding:0; display:grid; gap:17px; }
.organizer-how li { display:flex; gap:13px; align-items:flex-start; }
.organizer-how li>span { width:25px; height:25px; border-radius:50%; border:1px solid #d9cec3; color:#a84342; display:grid; place-items:center; flex:0 0 auto; font-size:8px; font-weight:600; margin-top:1px; }
.organizer-how li strong { display:block; font-size:12px; font-weight:650; margin-bottom:3px; }
.organizer-how li p { font-size:11px; line-height:1.7; margin:0; color:#827366; }
.organizer-design .organizer-card { background:#fffdf9; border:1px solid #e6dcd1; border-radius:26px; padding:29px 31px 26px; box-shadow:0 15px 60px #73523707; }
.organizer-card-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; gap:12px; }
.form-icon { width:39px; height:39px; border-radius:13px; background:#f8e8df; color:#a84342; display:grid; place-items:center; transform:rotate(-5deg); }
.form-icon svg { width:21px; height:21px; }
.form-pilot { display:block; padding:5px 9px; font-size:9px; color:#5a6a4e; background:#edf1e7; border-radius:30px; }
.organizer-design .form-eyebrow { color:#977b6d; font-size:8px; letter-spacing:1.6px; margin-bottom:8px; }
.organizer-design .organizer-card h2 { font-family:var(--sans); font-size:30px; font-weight:600; color:#342822; letter-spacing:-1.2px; line-height:1.15; margin:0 0 10px; }
.organizer-design .form-intro { color:#8b7b6f; font-size:12px; line-height:1.7; margin:0 0 24px; }
.organizer-design .organizer-card label { font-size:11px; color:#55463d; margin-top:17px; margin-bottom:7px; }
.organizer-design .organizer-card .input-row { grid-template-columns:1fr 1fr; gap:15px; }
.organizer-design .organizer-card input:not([type=checkbox]),.organizer-design .organizer-card select,.organizer-design .organizer-card textarea { background:#fffefa; color:#342822; border:1px solid #e0d5c9; border-radius:11px; padding:12px 13px; font-size:14px; min-height:46px; box-shadow:none; }
.organizer-design .organizer-card input::placeholder,.organizer-design .organizer-card textarea::placeholder { color:#aa9a8c; opacity:1; }
.organizer-design .organizer-card input:hover,.organizer-design .organizer-card select:hover,.organizer-design .organizer-card textarea:hover { border-color:#bca797; }
.organizer-design .organizer-card input:focus-visible,.organizer-design .organizer-card select:focus-visible,.organizer-design .organizer-card textarea:focus-visible { outline:2px solid #a84342; outline-offset:3px; }
.organizer-design .organizer-card .hint { font-size:10px; color:#8a796d; line-height:1.75; }
.organizer-design .organizer-card .organizer-email-note { margin:15px 0 0; }
.organizer-design .organizer-card .settings-section { border-top-color:#e8ded3; margin-top:23px; padding-top:16px; }
.organizer-design .organizer-card .settings-section>legend { font-size:12px; color:#55463d; }
.organizer-design .invitation-settings { background:#f9f4ed; border:1px solid #e9ded1; border-radius:13px; margin-top:23px; padding-inline:15px; }
.organizer-design .invitation-settings>summary { font-size:12px; color:#6f5141; padding-block:15px; }
.organizer-design .invitation-settings>summary span { margin-left:15px; font-size:10px; color:#9b8576; }
.organizer-design .invitation-settings[open] { padding-bottom:17px; }
.organizer-design .organizer-card .settings-row { border-color:#e5d8c8; background:#fffdf8; border-radius:12px; }
.organizer-design .organizer-card .small-button { background:#fffdf8; border-color:#d9c8b5; border-radius:9px; color:#785948; }
.organizer-design .organizer-card .check-label { font-size:10px; line-height:1.9; font-weight:400; color:#897568; margin-top:19px; }
.organizer-design .organizer-card .check-label input { width:17px; height:17px; min-height:17px; accent-color:#a84342; }
.organizer-design .organizer-card .check-label a { color:#715447; text-underline-offset:3px; }
.organizer-design .organizer-card .human-check { margin:18px 0 5px; }
.organizer-design .organizer-card #create-link { width:100%; display:flex; justify-content:space-between; gap:12px; background:#a84342; border-radius:12px; color:#fffaf4; padding:15px 18px; min-height:51px; font-size:12px; font-weight:600; margin-top:16px; }
.organizer-design .organizer-card #create-link:hover { background:#8d3737; }
.organizer-design .organizer-card #create-link>span { font-size:22px; font-weight:400; }
.organizer-design .form-reassurance { display:flex; align-items:center; justify-content:center; gap:5px; text-align:center; font-size:8px; color:#9b8778; margin:12px 0 0; line-height:1.6; }
.form-reassurance svg { width:12px; height:12px; }
.organizer-design .created-invitation { border-top-color:#dccdbd; }
.organizer-design .organizer-card .message { overflow-wrap:anywhere; }
@media(min-width:1500px) { .organizer-design .organizer-page { padding-top:76px; gap:98px; } }
@media(max-width:1100px) { .organizer-design .organizer-page { padding-inline:36px; gap:42px; } .organizer-design .organizer-header { padding-inline:36px; } .organizer-design .organizer-intro h1 { font-size:54px; letter-spacing:-2.8px; } .organizer-design .organizer-card { padding:25px; } .invitation-collage { transform:scale(.93); transform-origin:left center; margin-right:-18px; } }
@media(max-width:820px) { .organizer-design .organizer-page { gap:30px; padding-inline:25px; } .organizer-design .organizer-header { padding-inline:25px; } .organizer-design .organizer-intro h1 { font-size:46px; letter-spacing:-2.5px; } .organizer-design .organizer-intro .organizer-lead { font-size:13px; } .organizer-design .organizer-card { padding:23px; } .invitation-collage { width:350px; transform:scale(.79); transform-origin:left top; margin-bottom:-42px; } .collage-ticket { left:59px; } .collage-arch { left:40px; right:-14px; } .collage-stamp { right:-30px; } .organizer-design .organizer-card .input-row { grid-template-columns:1fr; gap:0; } .organizer-design .organizer-card h2 { font-size:27px; } }
@media(max-width:700px) { .organizer-design .organizer-header { height:82px; padding-inline:22px; } .organizer-design .organizer-header nav { gap:0; } .organizer-design .organizer-header nav>a:first-child { display:none; } .organizer-design .organizer-header nav .organizer-nav-cta { display:inline-flex; font-size:10px; padding:8px 12px; gap:11px; } .organizer-design .organizer-page { grid-template-columns:1fr; padding:39px 22px 50px; gap:31px; } .organizer-design .organizer-intro { padding-top:0; } .organizer-design .organizer-eyebrow { margin-bottom:20px; font-size:8px; letter-spacing:1.4px; } .organizer-design .organizer-intro h1 { font-size:clamp(43px,9.5vw,65px); line-height:1.05; letter-spacing:-2.8px; margin-bottom:21px; } .organizer-design .organizer-intro h1 em { letter-spacing:-2.4px; } .organizer-design .organizer-intro .organizer-lead { font-size:13px; line-height:1.85; max-width:470px; } .invitation-collage { width:100%; max-width:460px; height:271px; transform:none; margin:13px auto 0; } .collage-arch { top:25px; bottom:20px; left:45px; right:20px; } .collage-ticket { left:calc(50% - 120px); top:45px; width:270px; height:203px; } .collage-ticket-title { font-size:31px; } .collage-ticket-title em { font-size:39px; } .collage-note { left:0; top:79px; width:114px; height:105px; padding:15px 9px; gap:5px; } .collage-note svg { width:16px; height:16px; } .collage-note span { font-size:9px; } .collage-note strong { font-size:23px; } .collage-stamp { right:0; bottom:2px; width:96px; height:96px; padding-top:15px; } .collage-stamp strong { font-size:19px; } .collage-spark-one { right:24px; top:4px; } .collage-spark-two { left:14px; bottom:14px; } .organizer-how { display:none; } .organizer-how:target { display:block; padding-top:24px; } .organizer-design .organizer-card { padding:26px 23px 23px; border-radius:22px; } .organizer-card-heading { margin-bottom:24px; } .organizer-design .organizer-card h2 { font-size:29px; } .organizer-design .organizer-card .input-row { grid-template-columns:1fr 1fr; gap:13px; } .organizer-design .organizer-card input:not([type=checkbox]),.organizer-design .organizer-card select,.organizer-design .organizer-card textarea { font-size:16px; } .organizer-design .organizer-card .check-label { font-size:11px; } .organizer-design .form-reassurance { font-size:9px; } }
@media(max-width:390px) { .organizer-design .organizer-header { padding-inline:18px; gap:8px; } .organizer-design .organizer-header .brand { font-size:18px; gap:6px; white-space:nowrap; } .organizer-design .organizer-header .brand-dot { margin-left:-6px; } .organizer-design .organizer-header nav .organizer-nav-cta { font-size:9px; gap:7px; padding:8px 10px; } .organizer-design .organizer-page { padding-inline:18px; } .organizer-design .organizer-card { padding:23px 18px 21px; } .organizer-design .organizer-card .input-row { grid-template-columns:1fr; gap:0; } .organizer-design .organizer-intro h1 { font-size:43px; letter-spacing:-2.7px; } .invitation-collage { height:240px; } .collage-ticket { width:235px; height:188px; left:calc(50% - 108px); top:35px; padding:14px 16px; } .collage-ticket-top { font-size:6px; padding-bottom:10px; letter-spacing:1.2px; } .collage-ticket-title { font-size:28px; padding-top:13px; padding-bottom:14px; } .collage-ticket-title em { font-size:36px; } .collage-ticket-bottom { font-size:6px; padding-top:9px; } .collage-note { width:100px; height:98px; left:1px; top:69px; } .collage-note strong { font-size:21px; } .collage-stamp { width:85px; height:85px; bottom:0; right:2px; padding-top:12px; } .collage-stamp strong { font-size:17px; margin-block:6px 3px; } .collage-stamp>span { font-size:5px; } .collage-spark-one { right:4px; font-size:29px; } .collage-spark-two { bottom:0; font-size:31px; } .organizer-design .form-reassurance { font-size:8px; } }
/* Czytelność krótkich etykiet i informacji przy formularzu. */
.organizer-design .organizer-card label { font-size:12px; }
.organizer-design .organizer-card input::placeholder,.organizer-design .organizer-card textarea::placeholder { color:#78695f; }
.organizer-design .invitation-settings>summary span,.organizer-design .form-eyebrow { color:#78695f; }
.organizer-design .form-intro { font-size:13px; color:#78695f; }
.organizer-design .organizer-card .hint { font-size:11px; color:#78695f; }
.organizer-design .organizer-card .check-label { font-size:12px; color:#78695f; }
.organizer-design .organizer-card #create-link { font-size:14px; }
.organizer-design .form-reassurance { font-size:10px; color:#78695f; }
.organizer-how li strong { font-size:13px; }
.organizer-how li p { font-size:12px; color:#78695f; }
.collage-note strong { white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { .organizer-design .organizer-nav-cta { scroll-behavior:auto; } }