/* Συνέχεια πρόσκλησης — κοινές ενότητες κάτω από την κάρτα */
#xs{display:none;position:relative;z-index:5;padding:30px 16px 110px;--xs-ink:var(--ink-color,#3a3533);--xs-bg:var(--card-color,#fbfaf7);color:var(--xs-ink);font-family:var(--xs-body,"Noto Serif",Georgia,serif)}
body.opened.xs-on #xs{display:block}
body.opened.xs-on{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important}
body.opened.xs-on .invitation-stage,body.opened.xs-on>.stage{position:absolute!important}
#xs .xs-wrap{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
#xs section{background:var(--xs-bg);border-radius:4px;box-shadow:0 1px 1px #0000001a,0 10px 28px #0000001c;padding:44px 34px;text-align:center;opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
#xs section.in{opacity:1;transform:none}
#xs h3{margin:0 0 6px;font-family:var(--xs-head,var(--name-font,serif));font-weight:400;font-size:38px;line-height:1.15;color:var(--xs-ink)}
#xs .xs-k{display:block;font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;opacity:.75;margin:0 0 14px}
#xs p{margin:6px 0;font-size:16px;line-height:1.65;white-space:pre-line}
#xs .xs-orn{display:block;width:46px;height:1px;background:currentColor;opacity:.45;margin:18px auto}
#xs a{color:inherit}
#xs .xs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;margin:6px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:12px;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;transition:background .25s,color .25s}
#xs .xs-btn:hover,#xs .xs-btn.on{background:var(--xs-ink);color:var(--xs-bg)}
#xs .xs-btn:focus-visible,#xs input:focus-visible,#xs select:focus-visible,#xs textarea:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#xs .xs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}
#xs .xs-grid p{margin:2px 0;font-size:15.5px}
#xs .xs-grid a{text-underline-offset:4px}
/* countdown */
#xs .xs-cd{display:flex;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}
#xs .xs-cd div{min-width:96px;padding:16px 8px;border:1px solid color-mix(in srgb,currentColor 35%,transparent)}
#xs .xs-cd b{display:block;font-family:var(--xs-head,serif);font-weight:400;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
#xs .xs-cd span{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.75}
/* rsvp */
#xs form{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:20px}
#xs .xs-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;width:100%}
#xs label.xs-f{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;text-align:left;flex:1 1 200px;max-width:420px}
#xs input,#xs select,#xs textarea{font:inherit;font-size:16px;letter-spacing:normal;text-transform:none;color:inherit;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 55%,transparent);padding:10px 2px;border-radius:0;min-height:44px}
#xs select option{color:#222}
#xs textarea{resize:vertical;min-height:70px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);padding:10px}
#xs .xs-hide{display:none!important}
#xs .xs-ok{font-style:italic;opacity:.9}
#xs .xs-note{font-size:13px;opacity:.75}
/* map */
#xs .xs-map{position:relative;margin:22px auto 6px;height:300px;max-width:560px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);overflow:hidden;background:color-mix(in srgb,currentColor 7%,var(--xs-bg))}
#xs .xs-map iframe{position:absolute;inset:-60px 0 0;width:100%;height:calc(100% + 60px);border:0;filter:grayscale(.55) contrast(.95) sepia(.12)}
#xs .xs-pin{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-46px 0 0 -23px;pointer-events:none;filter:drop-shadow(0 4px 4px #0005);animation:xsbeat 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes xsbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}}
#xs .xs-mapfb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;font-size:14px;opacity:.7}
/* stay & program */
#xs .xs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:20px;text-align:center}
#xs .xs-item{padding:20px 14px;border:1px solid color-mix(in srgb,currentColor 25%,transparent)}
#xs .xs-item h4{margin:0 0 6px;font-family:var(--xs-head,serif);font-weight:400;font-size:22px}
#xs .xs-item p{font-size:14px;margin:4px 0 10px}
#xs .xs-tl{list-style:none;margin:22px auto 0;padding:0;max-width:420px;text-align:left}
#xs .xs-tl li{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:16px}
#xs .xs-tl b{font-family:var(--xs-head,serif);font-weight:400;font-size:20px}
#xs .xs-iban{display:inline-block;margin:10px 0;padding:10px 16px;border:1px dashed color-mix(in srgb,currentColor 45%,transparent);font-size:15px;letter-spacing:.06em;word-break:break-all}
/* scroll hint */
#xs-hint{position:fixed;left:50%;bottom:62px;z-index:45;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:4px;font:11px Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#4a4542;background:#ffffffd0;padding:8px 14px 6px;border-radius:20px;opacity:0;transition:opacity .6s;pointer-events:none}
body.opened.xs-on #xs-hint{display:flex}
#xs-hint.show{opacity:1}
#xs-hint svg{width:16px;height:16px;animation:xsdown 1.4s ease-in-out infinite}
@keyframes xsdown{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@media (max-width:600px){#xs section{padding:34px 20px}#xs h3{font-size:31px}#xs .xs-grid{grid-template-columns:1fr;gap:18px}#xs .xs-cd div{min-width:68px;padding:12px 4px}#xs .xs-cd b{font-size:32px}}
@media (prefers-reduced-motion:reduce){#xs section{transition:none;opacity:1;transform:none}#xs .xs-pin,#xs-hint svg{animation:none}}

#xsx label{display:block!important;font:12px Arial;margin:12px 0!important;color:#292724}#xsx label input,#xsx label textarea{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:6px;border:1px solid #dcd6cd;border-radius:5px;font:15px Arial}

/* timeline */
#xs .xs-tl2{list-style:none;position:relative;margin:30px auto 10px;padding:6px 0;max-width:520px}
#xs .xs-tl2:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.4px;margin-left:-.7px;background:currentColor;opacity:.85}
#xs .xs-tl2:after{content:"";position:absolute;left:50%;bottom:-3px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:currentColor}
#xs .xs-tl2 li{position:relative;display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;min-height:86px}
#xs .xs-tl2 .dot{grid-column:2;justify-self:center;width:7px;height:7px;background:currentColor;border-radius:1px;transform:rotate(45deg)}
#xs .xs-tl2 .tx{display:flex;flex-direction:column;gap:3px;line-height:1.3}
#xs .xs-tl2 .tx b{font-family:var(--xs-head,serif);font-weight:400;font-size:17px;letter-spacing:.12em}
#xs .xs-tl2 .tx span{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
#xs .xs-tl2 .ic{display:flex;width:62px;height:62px}
#xs .xs-tl2 .ic svg{width:100%;height:100%}
#xs .xs-tl2 li.l .tx{grid-column:1;grid-row:1;text-align:right;align-items:flex-end;padding-right:6px}
#xs .xs-tl2 li.l .ic{grid-column:3;grid-row:1;justify-self:start;margin-left:6px}
#xs .xs-tl2 li.r .tx{grid-column:3;grid-row:1;text-align:left;align-items:flex-start;padding-left:6px}
#xs .xs-tl2 li.r .ic{grid-column:1;grid-row:1;justify-self:end;margin-right:6px}
#xs .xs-tl2 li .dot{grid-row:1}
#xs .xs-prog.in .xs-tl2 li{animation:xstl .7s both}
#xs .xs-prog.in .xs-tl2 li:nth-child(2){animation-delay:.12s}#xs .xs-prog.in .xs-tl2 li:nth-child(3){animation-delay:.24s}#xs .xs-prog.in .xs-tl2 li:nth-child(4){animation-delay:.36s}#xs .xs-prog.in .xs-tl2 li:nth-child(5){animation-delay:.48s}#xs .xs-prog.in .xs-tl2 li:nth-child(6){animation-delay:.6s}#xs .xs-prog.in .xs-tl2 li:nth-child(7){animation-delay:.72s}#xs .xs-prog.in .xs-tl2 li:nth-child(n+8){animation-delay:.84s}
@keyframes xstl{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#xs .xs-sprig{display:block;width:110px;margin:22px auto 0;opacity:.85}
@media (max-width:600px){#xs .xs-tl2 li{grid-template-columns:1fr 26px 1fr;min-height:74px}#xs .xs-tl2 .ic{width:46px;height:46px}#xs .xs-tl2 .tx b{font-size:15px}#xs .xs-tl2 .tx span{font-size:11px;letter-spacing:.14em}}
@media (prefers-reduced-motion:reduce){#xs .xs-prog .xs-tl2 li{animation:none!important}}

#xs{font-family:var(--xs-body-o,var(--xs-body,"Noto Serif",Georgia,serif))!important}
#xs h3,#xs .xs-cd b,#xs .xs-item h4,#xs .xs-tl b,#xs .xs-tl2 .tx b,#xs .xs-h4{font-family:var(--xs-head-o,var(--xs-head,serif))!important}
#xs input,#xs select,#xs textarea,#xs .xs-btn{font-family:inherit!important}
#xs .xs-wrap{zoom:var(--xs-z,1)}
#xs .xs-h4{margin:6px 0 4px;font-weight:400;font-size:24px}
#xs .xs-house+.xs-orn{margin:28px auto}
#xs form>label.xs-f{flex:0 0 auto;width:100%}

#xs section{font-family:var(--xs-body-o,var(--xs-body,"Noto Serif",Georgia,serif))!important}#xs section h3{zoom:var(--xs-zh,1)}#xs section>:not(h3){zoom:var(--xs-zb,1)}

#xs .xs-st{max-width:520px;margin:10px auto 6px;font-size:17px;line-height:1.85}
#xs .xs-gal{display:grid;gap:10px;margin:24px auto 6px;max-width:580px;grid-template-columns:repeat(2,1fr)}
#xs .xs-gal.n1{grid-template-columns:1fr;max-width:420px}#xs .xs-gal.n3{grid-template-columns:repeat(3,1fr)}#xs .xs-gal.n5,#xs .xs-gal.n6{grid-template-columns:repeat(3,1fr)}
#xs .xs-gal figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:color-mix(in srgb,currentColor 8%,transparent)}
#xs .xs-gal.n1 figure{aspect-ratio:4/3}
#xs .xs-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s ease}
#xs .xs-gal figure:hover img{transform:scale(1.04)}
#xs .xs-sign{margin-top:18px;font-family:var(--xs-head-o,var(--xs-head,serif));font-size:26px}
@media (max-width:600px){#xs .xs-gal.n3,#xs .xs-gal.n5,#xs .xs-gal.n6{grid-template-columns:repeat(2,1fr)}}

#xs .xs-map{height:320px}
#xs .xs-map .xs-lmap{position:absolute;inset:0;z-index:2}
#xs .xs-map.live .xs-mapfb{visibility:hidden}
#xs .xs-mapfb{flex-direction:column;gap:8px;opacity:1!important;font-size:14px;text-align:center;background:repeating-linear-gradient(45deg,transparent 0 22px,color-mix(in srgb,currentColor 5%,transparent) 22px 23px),repeating-linear-gradient(-45deg,transparent 0 30px,color-mix(in srgb,currentColor 4%,transparent) 30px 31px)}
#xs .xs-fbpin{position:relative;width:46px;height:46px;display:block}
#xs .xs-fbpin .xs-pin{position:static;margin:0}
#xs .xs-heart{background:none;border:0}
#xs .xs-pin2{width:46px;height:46px;filter:drop-shadow(0 4px 4px #0005);animation:xsbeat 1.6s ease-in-out infinite;transform-origin:50% 90%}
#xs .leaflet-container{font:12px Arial,sans-serif;background:#eee}