.inv-main,.checkout{padding:55px 5vw 90px}.inv-heading{max-width:780px;margin-bottom:38px}.inv-heading h1,.checkout h1{font:800 clamp(2rem,4vw,3.6rem)/1.12 Manrope;letter-spacing:-.04em}.inv-heading p{line-height:1.7;color:#53616a}.inv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.template-card{display:block;overflow:hidden;border:1px solid #d8dce3;border-radius:16px;background:white;transition:transform .2s}.template-card:hover{transform:translateY(-5px)}.template-caption{display:flex;justify-content:space-between;align-items:center;padding:18px;gap:10px}.template-caption small{font-size:12px;color:#697784}.template-caption h2{font:700 16px Manrope;margin:5px 0}.template-caption>span{font-size:14px;white-space:nowrap;color:#0759bd}
.invitation{background:var(--ibg);color:var(--iink);font-family:var(--ifont);overflow:hidden;text-align:center;line-height:1.65;overflow-wrap:anywhere}.invite-cover{padding:65px 35px 45px;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center}.invite-cover>small,.invite-body>small{font:12px Arial;letter-spacing:.2em}.invite-cover h2{font-size:clamp(2.3rem,4vw,4.2rem);font-weight:400;line-height:1.1;margin:25px 0;max-width:100%}.invite-cover h2 em{display:block;color:var(--ia);font-size:.65em;padding:12px;font-style:italic}.invite-cover p{max-width:480px;white-space:pre-wrap}.wedding-date{font:14px Arial}.invite-body{padding:30px 35px 55px}.invite-body p{white-space:pre-wrap}.invite-body h3{font-size:26px;font-weight:400}.invite-body hr{border:0;border-top:1px solid var(--ia);opacity:.45;margin:35px auto;max-width:150px}.event-times{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:14px}.map-link{display:inline-block;padding:12px 20px;border:1px solid var(--ia);border-radius:35px}.couple-photo{width:100%;max-height:320px;object-fit:cover;margin-top:28px;border-radius:8px}.mini .invite-cover{min-height:310px;height:310px;padding:25px 18px}.mini h2{font-size:32px}.mini .invite-cover>small{font-size:12px}.mini .invite-cover p{font-size:14px;margin:15px 0}.mini .wedding-date{display:none}
.motif-arch .invite-cover{margin:22px;border:1px solid var(--ia);border-radius:180px 180px 0 0}.motif-frame{padding:14px}.motif-frame .invite-cover{border:4px double var(--ia)}.motif-split .invite-cover{text-align:left;align-items:flex-start;border-left:18px solid var(--ia)}.motif-split h2 em{display:inline;padding:0 9px}.motif-letter .invite-cover{margin:22px;box-shadow:0 7px 25px #0001;border-top:6px solid var(--ia);transform:rotate(-1deg)}.motif-circle .invite-cover{background:radial-gradient(ellipse at center,transparent 61%,var(--ia) 61.3%,transparent 62%)}.motif-poster .invite-cover h2{font-weight:800;text-transform:uppercase;letter-spacing:-.045em}.motif-poster .invite-cover{border-top:18px solid var(--ia);border-bottom:18px solid var(--ia)}
.editor{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:45px;max-width:1350px;margin:auto;padding:35px 4vw 75px}.editor-fields h1{font:800 28px Manrope}.editor-fields>p,.privacy-note{font-size:14px;line-height:1.6;color:#596670}.editor-fields form{display:flex;flex-direction:column;gap:17px}.editor label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;min-width:0}.editor input,.editor select,.editor textarea{border:1px solid #bbc5cd;border-radius:8px;padding:12px;background:white;width:100%;font-size:16px;color:#17232b}.editor textarea{resize:vertical}.editor small{font-size:13px;line-height:1.6;color:#596670}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-column{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 125px);overflow:auto;border:1px solid #ccd3dc;border-radius:15px;background:white}.preview-label{padding:15px;font:12px Arial;background:#172431;color:white;text-align:center;letter-spacing:.07em}.preview-column audio{width:100%;margin-top:10px}#music-player{padding:15px}#music-player:empty{display:none}#draft-status{font-size:13px;color:#536573}.checkout{max-width:1150px;margin:auto}.checkout-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.checkout-box{padding:30px;border:1px solid #d0d7dc;border-radius:16px;background:white}.checkout-box p{line-height:1.7}.checkout-box .btn{margin:10px 0;width:100%;cursor:pointer}.checkout-box dl{display:grid;grid-template-columns:1fr 1.7fr;gap:15px;font-size:15px;line-height:1.5}.checkout-box dt{color:#65717b}.checkout-box dd{margin:0;overflow-wrap:anywhere}.checkout-box h2{font:700 23px Manrope}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1764cb;outline-offset:4px}
@media(max-width:1100px){.inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav nav{gap:14px}.nav .logo b{font-size:14px}}
@media(max-width:800px){.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor{grid-template-columns:1fr;gap:25px}.preview-column{position:static;max-height:none}.checkout-grid{grid-template-columns:1fr}}
@media(max-width:480px){.inv-grid{grid-template-columns:1fr}.inv-main{padding:30px 5vw}.field-pair{grid-template-columns:1fr}.checkout-box{padding:20px}.checkout-box dl{grid-template-columns:1fr}.checkout-box dt{margin-top:8px}.logo b{max-width:170px}.invite-cover{padding:45px 20px}.invite-body{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}