/* ════════════ БАЗА ════════════ */
:root{
  --cream:#f7f4e5;        /* основне тло */
  --cream-2:#fdfaf0;      /* картки, поля */
  --wine:#573219;         /* темний бордо (текст на кремі) */
  --wine-bg:#472813;      /* тло бордових секцій */
  --wine-dark:#351e0d;    /* найтемніша секція */
  --wine-mid:#683f23;
  --ink:#48382d;
  --muted:#88766a;
  --pearl:#f5ede0;        /* текст на бордовому */
  --rose:#a6714c;         /* приглушена пудрова кнопка */
  --gold:#c2a15f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;background:#e9e2d3;color:var(--ink);
  font-family:"Playfair Display",Georgia,serif;font-size:17px;line-height:1.5;
  overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased;
}
body.lock{overflow:hidden;height:100vh}
/* запрошення сверстано під телефон — на ширших екранах тримаємо колонку */
#page{
  max-width:560px;margin:0 auto;background:var(--cream);
  box-shadow:0 0 70px rgba(77,55,41,.16);overflow:hidden;
}
.script{font-family:"Marck Script","Playfair Display",cursive;font-weight:400}
.text-center{text-align:center}
.container{width:100%;max-width:520px;margin:0 auto;padding:0 26px}
img{max-width:100%;display:block}

.section{padding:78px 0;position:relative}
.section--cream{background:var(--cream)}
.section--wine{background:var(--wine-bg);color:var(--pearl)}
.section--dark{background:var(--wine-dark);color:var(--pearl)}

.heading{
  font-size:clamp(36px,10vw,52px);margin:0 0 26px;line-height:1.14;
  color:var(--wine);font-weight:400;
}
.section--wine .heading,.section--dark .heading{color:#fdf6ea}

/* ════════════ ІНТРО · конверт ════════════ */
.boot{
  position:fixed;top:0;bottom:0;left:50%;width:100%;max-width:560px;
  transform:translateX(-50%);
  z-index:100;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  background:linear-gradient(150deg,#864b25,#6a3a1a 45%,#462712);
  transition:opacity .8s ease,transform .8s ease;
}
.boot.done{opacity:0;transform:translateX(-50%) scale(1.12);pointer-events:none}

/* конверт намальовано одним SVG (viewBox 720×1280) — геометрія з відео */
.boot-env{position:absolute;inset:0}
.boot-env svg{width:100%;height:100%;display:block}
#envSeal{
  transform-box:fill-box;transform-origin:center;
  transition:transform .55s cubic-bezier(.5,0,.75,0),opacity .5s ease;
}
#envPearls{transition:opacity .5s ease}
#envFlapG{
  transform-box:fill-box;transform-origin:top center;
  transition:transform .7s cubic-bezier(.5,0,.7,.2),opacity .6s ease .1s;
}
.boot.opening #envSeal{opacity:0;transform:scale(.25) rotate(120deg)}
.boot.opening #envPearls{opacity:0}
.boot.opening #envFlapG{opacity:0;transform:scaleY(.15)}
/* кремова завіса, що розкривається на весь екран */
.boot-veil{
  position:absolute;left:50%;top:56%;width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle,#fdfaf0 60%,#f3ecdb);
  transform:translate(-50%,-50%) scale(0);opacity:0;z-index:7;
  transition:transform .85s cubic-bezier(.6,0,.3,1) .25s,opacity .3s ease .25s;
}
.boot.opening .boot-veil{opacity:1;transform:translate(-50%,-50%) scale(240)}

.boot-btn{
  position:relative;z-index:8;margin-bottom:9vh;
  font-family:"Playfair Display",serif;font-size:16px;letter-spacing:.04em;
  color:var(--wine);background:#f6efe2;border:none;cursor:pointer;
  padding:15px 40px;border-radius:999px;
  box-shadow:0 14px 30px rgba(0,0,0,.4);
  transition:transform .25s ease,box-shadow .25s ease;
}
.boot-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.5)}
.boot.opening .boot-btn{opacity:0;transition:opacity .3s}

/* ════════════ 1 · ГОЛОВНИЙ ЕКРАН ════════════ */
.section-hero{background:var(--cream);padding-bottom:34px}
.hero-photo{position:relative;width:100%;aspect-ratio:3/4;max-height:74vh}
.hero-photo img{
  width:100%;height:100%;object-fit:cover;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 52%,transparent 96%);
          mask-image:linear-gradient(to bottom,#000 0,#000 52%,transparent 96%);
}
.hero-photo-ph{
  position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(170deg,#e9e1cd,#d9cfb6);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 52%,transparent 96%);
          mask-image:linear-gradient(to bottom,#000 0,#000 52%,transparent 96%);
}
.hero-photo.is-empty img{display:none}
.hero-photo.is-empty .hero-photo-ph{display:flex}
.hero-photo-ph span{font-size:13px;color:#957f57;letter-spacing:.04em}

.hero-caption{margin-top:-16%;position:relative;z-index:2;text-align:center;padding:0 20px}
.hero-names{
  font-family:"Marck Script","Playfair Display",cursive;font-weight:400;
  font-size:clamp(40px,12.5vw,68px);line-height:1.1;margin:0;color:var(--wine);
}
.hero-names span{font-size:.86em}
.hero-date{
  display:flex;align-items:center;justify-content:center;gap:22px;
  margin-top:16px;
}
.hd-side{display:flex;flex-direction:column;align-items:center;gap:7px}
.hd-side::before,.hd-side::after{
  content:"";display:block;width:88px;height:1px;background:rgba(122,84,60,.5);
}
.hd-side i{font-style:normal;font-size:17px;color:var(--muted);letter-spacing:.02em}
.hd-day{font-size:clamp(38px,11vw,54px);font-weight:500;color:var(--wine);line-height:1}

/* ════════════ 2 · ДОРОГІ ГОСТІ ════════════ */
.greeting{padding-top:0;padding-bottom:64px;overflow:hidden}
.pearl-strands{width:100%;margin-bottom:10px;line-height:0}
.pearl-strands svg{width:100%;height:auto;display:block}

/* пропорції конверта збігаються з viewBox 430×560 */
.env-open{
  position:relative;width:min(430px,92vw);margin:0 auto;
  aspect-ratio:430/560;
  filter:drop-shadow(0 26px 46px rgba(59,40,27,.28));
}
.eo-back,.eo-front{position:absolute;inset:0}
.eo-back{z-index:1}
.eo-front{z-index:4;pointer-events:none}
.eo-back svg,.eo-front svg{width:100%;height:100%;display:block}

/* картка з мереживом */
.eo-card{position:absolute;left:9.8%;right:9.8%;top:18.8%;bottom:16%;z-index:3}
.eo-lace{
  position:absolute;inset:-26px;border-radius:4px;
  background:
    radial-gradient(circle 2.6px,transparent 90%,#e7dcc6 94%) 16px 16px/32px 32px,
    radial-gradient(circle 16.4px,#fffdf7 94%,transparent 97%) 0 0/32px 32px;
  filter:drop-shadow(0 3px 5px rgba(59,40,27,.22));
}
.eo-card-in{
  position:absolute;inset:0;background:#fbf6e9;border-radius:2px;
  padding:30px 22px;text-align:center;
  box-shadow:0 6px 16px rgba(59,40,27,.16);
  display:flex;flex-direction:column;justify-content:flex-start;
}
.eo-title{font-size:clamp(32px,8.4vw,44px);color:var(--wine);margin:0 0 16px;line-height:1.1}
.eo-card-in p{
  margin:0 0 11px;font-style:italic;font-size:15.5px;line-height:1.5;color:var(--wine);
}
.eo-card-in p:last-child{margin-bottom:0}

/* ════════════ 3 · ЛОКАЦІЇ ════════════ */
.loc{overflow:hidden}
.loc-pearl{
  position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 34% 28%,#fffefa,#efe6d2 48%,#c0b294 78%,#9b8d70);
  box-shadow:0 4px 10px rgba(77,57,43,.18);
}
.loc-pearl--1{width:26px;height:26px;left:5%;top:16%}
.loc-pearl--2{width:16px;height:16px;left:11%;top:22%}
.loc-pearl--3{width:24px;height:24px;right:4%;top:19%}

.loc-item{margin-top:34px}
.loc-item:first-of-type{margin-top:10px}
.loc-name{
  font-size:23px;font-weight:700;font-style:italic;color:var(--wine);
  margin:0 0 4px;line-height:1.24;
}
.loc-addr{
  font-size:17px;font-style:italic;color:var(--wine);margin:0;
  line-height:1.4;opacity:.9;
}
.loc-art{color:#8b5832;margin:14px auto 12px;width:100%}
.loc-art svg{width:100%;height:auto}
.btn-map{
  display:inline-block;text-decoration:none;cursor:pointer;
  font-family:inherit;font-size:16px;font-style:italic;color:#f3e9dc;
  background:var(--wine-mid);padding:14px 40px;border-radius:999px;
  box-shadow:0 10px 22px rgba(77,55,41,.28);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.btn-map:hover{transform:translateY(-2px);background:#784828;
  box-shadow:0 14px 28px rgba(77,55,41,.36)}

/* ════════════ 4 · ПРОГРАМА ДНЯ ════════════ */
.timing{padding:72px 0 84px}
.prog{position:relative;margin-top:12px}
.prog::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;
  background:repeating-linear-gradient(rgba(245,237,224,.55) 0 26px,transparent 26px 44px);
}
.prog-row{
  position:relative;display:grid;grid-template-columns:1fr 84px 1fr;
  align-items:center;padding:22px 0;
}
.prog-label{
  text-align:right;padding-right:16px;font-size:16px;letter-spacing:.16em;
  color:#f6efe3;
}
.prog-time{
  text-align:left;padding-left:16px;font-size:21px;letter-spacing:.13em;
  color:#f6efe3;
}
.prog-ico{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  color:#f2e2d8;padding:6px 0;background:var(--wine-bg);
}
.prog-ico svg{width:76px;height:auto;display:block}

/* ════════════ 5 · ДРЕС-КОД ════════════ */
.dress-text{
  font-style:italic;font-size:17px;line-height:1.5;color:var(--wine);
  margin:0 auto 34px;max-width:420px;
}
.dress-label{
  font-size:19px;font-weight:600;font-style:italic;color:var(--wine);
  margin:0 0 18px;
}
.silks{display:flex;justify-content:center;align-items:center;margin:0;padding-left:26px}
.silk{
  width:clamp(74px,20vw,104px);aspect-ratio:1;border-radius:50%;
  margin-left:-26px;flex:0 0 auto;overflow:hidden;background:var(--c);
  box-shadow:0 6px 16px rgba(77,57,43,.2),inset 0 0 0 1px rgba(255,255,255,.16);
}
.silk img{width:100%;height:100%;object-fit:cover;display:block}

/* ════════════ 7 · ЗВОРОТНИЙ ВІДЛІК ════════════ */
.cdown{padding-bottom:88px}
.ringbox{width:min(140px,34vw);margin:0 auto 6px}
.ringbox svg{width:100%;height:auto;display:block}
.cdown .heading{margin-bottom:20px}
.countdown{
  display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-bottom:26px;
}
.cd-item{display:flex;flex-direction:column;align-items:center;min-width:56px}
.cd-item b{font-size:clamp(30px,8.4vw,40px);font-weight:700;color:#583924;line-height:1}
.cd-item i{
  font-family:"Marck Script",cursive;font-style:normal;
  font-size:16px;color:var(--muted);margin-top:4px;
}
.cd-sep{font-size:clamp(22px,6vw,30px);color:#9a8070;line-height:1.1;padding-top:2px}
.cd-note{
  font-style:italic;font-size:17px;line-height:1.5;color:var(--wine);
  margin:0 auto 28px;max-width:420px;
}
.btn-rose{
  display:inline-block;text-decoration:none;cursor:pointer;
  font-family:inherit;font-size:17px;font-style:italic;color:#fdf6ea;
  background:var(--rose);padding:16px 42px;border-radius:999px;border:none;
  box-shadow:0 12px 26px rgba(142,128,118,.34);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.btn-rose:hover{transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 16px 32px rgba(142,128,118,.42)}

/* ════════════ 8 · АНКЕТА ГОСТЯ ════════════ */
.rsvp{
  position:relative;padding-bottom:84px;overflow:hidden;
  background:linear-gradient(180deg,#fdfaf3,#f8f3e8);
}
.rsvp-bow{
  position:relative;width:100%;max-width:560px;margin:0 auto -6px;line-height:0;
  filter:drop-shadow(0 14px 26px rgba(77,55,41,.22));
}
.rsvp-bow svg{width:100%;height:auto;display:block}
.rsvp-in{position:relative;z-index:1;padding-top:16px}
.rsvp .heading{margin-bottom:22px}

.rsvp-deadline{
  font-size:16px;font-style:italic;color:var(--muted);margin:-6px 0 24px;
  letter-spacing:.02em;
}
.rsvp-deadline b{font-weight:600;color:var(--wine)}
.cd-note b{font-weight:600;color:#583924}

.rsvp-form{display:flex;flex-direction:column;gap:16px;text-align:left}
.fld{
  font-family:inherit;font-size:16px;font-style:italic;
  padding:17px 26px;width:100%;border:1px solid #e4d9c1;border-radius:32px;
  background:#fffdf7;color:#432817;
  box-shadow:0 6px 16px rgba(77,55,41,.08);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.fld::placeholder{color:#a08d7c;opacity:1}
.fld:focus{
  outline:none;border-color:var(--rose);
  box-shadow:0 0 0 3px rgba(170,154,143,.2);
}
.fld--area{border-radius:26px;resize:vertical;line-height:1.45}
.q{
  font-size:17px;font-style:italic;font-weight:600;color:var(--wine);
  margin:12px 0 2px;line-height:1.35;
}
.opt{
  display:flex;align-items:center;gap:11px;cursor:pointer;
  font-size:16.5px;font-style:italic;color:var(--ink);padding:3px 0;
}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt .dot{
  flex:0 0 auto;width:19px;height:19px;border-radius:50%;
  background:#fffdf7;box-shadow:inset 0 0 0 1.5px #cbb9a0;
  transition:box-shadow .2s ease;
}
.opt input:checked + .dot{box-shadow:inset 0 0 0 5.5px var(--wine-mid)}
.opt input:focus-visible + .dot{outline:2px solid var(--rose);outline-offset:3px}
/* лічильник гостей */
.pcount{
  display:flex;align-items:center;gap:20px;align-self:flex-start;
  background:#fffdf7;border:1px solid #e4d9c1;border-radius:999px;
  padding:8px 14px;box-shadow:0 6px 16px rgba(77,55,41,.08);
}
.pc-btn{
  width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;
  font-size:30px;line-height:1;color:#f6ece0;background:var(--wine-mid);
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s ease,background .2s ease,opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.pc-btn:hover{background:#784828}
.pc-btn:active{transform:scale(.9)}
.pc-btn:disabled{opacity:.35;cursor:default;background:var(--wine-mid)}
.pc-num{
  font-size:32px;font-weight:600;color:var(--wine);
  min-width:52px;text-align:center;font-variant-numeric:tabular-nums;
  transition:transform .15s ease;
}
.pc-hint{
  font-size:14px;font-style:italic;color:var(--muted);
  margin:-8px 0 0;letter-spacing:.02em;
}

.btn-send{
  align-self:flex-end;margin-top:12px;cursor:pointer;border:none;
  font-family:inherit;font-size:17px;font-style:italic;letter-spacing:.02em;
  color:#f6ece0;background:var(--wine-mid);padding:16px 46px;border-radius:999px;
  box-shadow:0 12px 26px rgba(77,55,41,.28);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.btn-send:hover{transform:translateY(-2px);background:#784828;
  box-shadow:0 16px 32px rgba(77,55,41,.36)}

.rsvp-closed{
  background:#fffdf7;border:1px solid #e4d9c1;
  border-radius:22px;padding:34px 26px;
  box-shadow:0 10px 26px rgba(77,55,41,.1);
}
.rsvp-closed h3{font-size:24px;margin:0 0 8px;color:var(--wine);font-weight:500}
.rsvp-closed p{margin:0;color:var(--muted);font-style:italic}

/* ════════════ 9 · СВЯТКУЙ З НАМИ ════════════ */
.final{position:relative;background:#efeae0}
.final-photo{position:relative;width:100%;aspect-ratio:3/4;max-height:88vh}
.final-photo img{width:100%;height:100%;object-fit:cover}
/* затемнення згори — під біблійний рядок */
.final-photo::before{
  content:"";position:absolute;left:0;right:0;top:0;height:54%;z-index:1;
  background:linear-gradient(to bottom,
    rgba(34,22,14,.72),rgba(34,22,14,.5) 32%,rgba(34,22,14,.22) 62%,transparent);
  pointer-events:none;
}
/* м'яке затемнення знизу, щоб імена читались на світлому фото */
.final-photo::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:34%;
  background:linear-gradient(to top,rgba(42,29,20,.62),rgba(42,29,20,.22) 45%,transparent);
  pointer-events:none;
}
.final-photo-ph{
  position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(170deg,#e6e0d2,#d4ccb8);
}
.final-photo.is-empty img{display:none}
.final-photo.is-empty .final-photo-ph{display:flex}
.final-photo-ph span{font-size:13px;color:#957f57}
.final-names{
  position:absolute;bottom:30px;left:0;right:0;z-index:2;text-align:center;
  font-size:clamp(19px,5.4vw,26px);letter-spacing:.14em;color:#fdf6ea;margin:0;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}

/* біблійний рядок поверх фото */
.verse{
  position:absolute;top:0;left:0;right:0;z-index:2;margin:0;
  padding:40px 26px 0;text-align:center;
}
.verse-orn{
  display:block;width:58px;height:1px;margin:0 auto 22px;
  background:linear-gradient(90deg,transparent,rgba(248,240,226,.8),transparent);
}
.verse blockquote{
  margin:0 auto;max-width:380px;
  font-size:clamp(17px,4.5vw,21px);font-style:italic;line-height:1.5;
  color:#fdf6ea;text-shadow:0 2px 14px rgba(27,18,12,.6);
}
.verse figcaption{
  margin-top:15px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(248,240,226,.82);text-shadow:0 2px 10px rgba(27,18,12,.6);
}

/* ════════════ REVEAL ════════════ */
.reveal{opacity:0;transform:translateY(34px);
  transition:opacity .85s ease,transform .85s ease}
.reveal.in{opacity:1;transform:none}

/* ════════════ ЕКРАНИ: КОД / ПОДЯКА ════════════ */
.gate-body,.success-body{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(120% 70% at 50% 20%,rgba(231,191,164,.14),transparent 60%),
    linear-gradient(155deg,#864b25,#673819 48%,#41230f);
}
.gate,.success{width:100%;display:flex;justify-content:center;padding:34px 22px}
.gate-card,.success-card{
  position:relative;width:100%;max-width:410px;text-align:center;
  background:#fbf6e9;border-radius:20px;padding:44px 32px;
  box-shadow:0 28px 56px rgba(27,18,12,.5);
}
.gate-card::before,.success-card::before{
  content:"";position:absolute;inset:9px;border-radius:13px;
  border:1px solid rgba(105,77,59,.28);pointer-events:none;
}
.gate-seal{width:96px;margin:0 auto 14px}
.gate-seal svg{width:100%;height:auto;display:block}
.gate-kicker{letter-spacing:.2em;text-transform:uppercase;font-size:11px;
  color:var(--muted);margin:0}
.gate-title{font-size:38px;color:var(--wine);margin:8px 0 8px;line-height:1.1}
.gate-text{color:var(--muted);margin:0 0 22px;font-size:16px;font-style:italic}
.gate-form{display:flex;flex-direction:column;gap:14px}
.gate-input{
  font-family:inherit;font-size:19px;padding:15px 18px;width:100%;
  border:1px solid #e0d4bc;border-radius:999px;background:#fffdf6;
  color:var(--ink);transition:border .2s ease,box-shadow .2s ease;
}
.gate-input:focus{outline:none;border-color:var(--rose);
  box-shadow:0 0 0 3px rgba(170,154,143,.2)}
.gate-input[aria-invalid="true"]{
  border-color:#bd461e;box-shadow:0 0 0 3px rgba(161,84,58,.18);
  animation:shake .4s ease;
}
@keyframes shake{
  25%{transform:translateX(-7px)}50%{transform:translateX(6px)}
  75%{transform:translateX(-4px)}
}
.gate-error{color:#bd461e;font-size:14px;margin:-2px 0 0}
.gate-form .btn-rose{margin-top:2px;width:100%}

.success-rings{width:120px;margin:0 auto 10px}
.success-rings svg{width:100%;height:auto;display:block}
.success-title{font-size:42px;color:var(--wine);margin:4px 0 10px;line-height:1.08}
.success-text{color:var(--muted);margin:0 0 14px;font-size:16px;font-style:italic}
.success-date{color:var(--wine);font-size:17px;font-style:italic;margin:0 0 22px}

/* ════════════ СТОРІНКА СТАТИСТИКИ ════════════ */
.stat-body{background:var(--cream)}
.stat-wrap{max-width:800px;margin:0 auto;padding:48px 22px 74px}
.stat-head{text-align:center;margin-bottom:30px}
.stat-back{color:var(--muted);text-decoration:none;font-size:15px}
.stat-title{font-size:52px;color:var(--wine);margin:8px 0 0;line-height:1}
.stat-sub{color:var(--muted);margin:2px 0 0;font-size:17px;font-style:italic}

.stat-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.stat-card{
  flex:1 1 130px;background:var(--cream-2);border-radius:16px;padding:20px 14px;
  text-align:center;border:1px solid #e8dfc9;
  box-shadow:0 10px 24px rgba(77,55,41,.1);
}
.stat-card b{display:block;font-size:34px;font-weight:700;color:var(--ink)}
.stat-card i{font-style:normal;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted)}
.stat-card--wine{background:linear-gradient(150deg,#683f23,#452713);border-color:#452713}
.stat-card--wine b,.stat-card--wine i{color:#f6ece0}

.stat-table{background:var(--cream-2);border-radius:16px;overflow:hidden;
  border:1px solid #e8dfc9;box-shadow:0 10px 24px rgba(77,55,41,.1)}
.stat-row{display:grid;grid-template-columns:34px 1.1fr 1.5fr 88px 128px;
  gap:8px;padding:13px 18px;border-bottom:1px solid #efe6d0;align-items:center}
.stat-row:last-child{border-bottom:none}
.stat-row--head{background:#f1ebd9;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.stat-idx{color:var(--muted)}
.stat-name{font-size:17px;color:var(--ink)}
.stat-guests{font-size:14px;color:var(--muted);font-style:italic}
.stat-yes{color:#4f7043;font-weight:600}
.stat-no{color:#9e6640;font-weight:600}
.stat-date{font-size:14px;color:var(--muted)}
.stat-empty{text-align:center;color:var(--muted);padding:46px 0;font-size:19px}

/* редагування запису */
.stat-item{border-bottom:1px solid #efe6d0}
.stat-item:last-child{border-bottom:none}
.stat-item > summary{cursor:pointer;list-style:none;border-bottom:none}
.stat-item > summary::-webkit-details-marker{display:none}
.stat-item > summary:hover{background:#faf6ea}
.stat-item[open] > summary{background:#f4eddc}
.stat-notice{
  margin:0 0 14px;padding:12px 18px;border-radius:12px;
  background:#e8efdd;color:#4f7043;font-size:15px;text-align:center;
}
.stat-tip{text-align:center;color:var(--muted);font-size:13px;margin:12px 0 0}

.stat-edit{
  padding:18px 20px 22px;background:#fbf7ec;
  border-top:1px solid #efe6d0;
}
.stat-form{
  display:grid;grid-template-columns:1fr 140px;gap:14px 16px;align-items:end;
}
.stat-field{display:flex;flex-direction:column;gap:6px}
.stat-field--wide{grid-column:1 / -1}
.stat-field > span{
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
}
.stat-field input,.stat-field textarea{
  font-family:inherit;font-size:16px;padding:11px 14px;
  border:1px solid #e0d4bc;border-radius:10px;background:#fffdf7;color:var(--ink);
  width:100%;resize:vertical;
}
.stat-field input:focus,.stat-field textarea:focus{
  outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(150,116,92,.18);
}
.stat-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}
.stat-edit .stat-btn--save{
  background:linear-gradient(120deg,#78452d,#683f23);color:#f6ece0;
}
.stat-del{margin-top:14px;text-align:right}
.stat-edit .stat-btn--del{
  background:transparent;color:#bd461e;border:1.5px solid #d9bfae;
  padding:10px 20px;font-size:14px;
}
.stat-edit .stat-btn--del:hover{background:#bd461e;color:#fff;border-color:#bd461e}
@media(max-width:560px){
  .stat-form{grid-template-columns:1fr}
}
.stat-footer{text-align:center;color:var(--muted);font-size:13px;margin-top:30px}
.stat-tools{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  justify-content:center;background:var(--cream-2);border-radius:16px;
  padding:16px 18px;margin-bottom:16px;border:1px solid #e8dfc9;
}
.stat-status{font-size:16px;color:var(--ink)}
.stat-status b{font-weight:600;text-transform:uppercase;font-size:12px;
  letter-spacing:.06em;padding:3px 11px;border-radius:999px}
.stat-status .is-open{color:#4f7043;background:#e6efdd}
.stat-status .is-closed{color:#bd461e;background:#eee6e1}
.stat-tools form{margin:0}
.stat-btn{
  font-family:inherit;font-size:15px;cursor:pointer;color:#fff;border:none;
  padding:12px 24px;border-radius:999px;transition:transform .2s ease,filter .2s ease;
}
.stat-btn--close{background:linear-gradient(120deg,#88532f,#683f23)}
.stat-btn--open{background:linear-gradient(120deg,#6f8060,#57683f)}
.stat-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.stat-logout-form{margin-left:auto}
.stat-logout{
  font-family:inherit;font-size:15px;cursor:pointer;
  background:transparent;border:1.5px solid #ddd0b6;color:var(--muted);
  padding:11px 20px;border-radius:999px;transition:border .2s,color .2s;
}
.stat-logout:hover{border-color:var(--wine);color:var(--wine)}

/* ════════════ АДАПТИВ ════════════ */
@media(max-width:860px){
  .stat-row{grid-template-columns:30px 1fr 76px;font-size:15px;padding:12px 13px}
  .stat-guests,.stat-date{display:none}
  .stat-row--head span:nth-child(3),
  .stat-row--head span:nth-child(5){display:none}
}
@media(max-width:560px){
  .stat-logout-form{margin-left:0}
  .prog-row{grid-template-columns:1fr 68px 1fr;padding:16px 0}
  .prog-ico svg{width:60px}
  .prog-label{font-size:14px;letter-spacing:.12em;padding-right:10px}
  .prog-time{font-size:18px;padding-left:10px}
  .hd-side::before,.hd-side::after{width:62px}
  .hero-date{gap:14px}
}
@media(max-width:400px){
  .container{padding:0 20px}
  .eo-card-in{padding:26px 18px}
  .countdown{gap:3px}
  .cd-item{min-width:46px}
}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important}
  .reveal{transition:opacity .4s ease;transform:none}
}