/* ===========================================================
   W & R — Wesele · wspólne style (glamour: biel / złoto / zieleń)
   =========================================================== */

:root{
  --cream:      #FAF7F0;
  --cream-deep: #F2ECDF;
  --ivory:      #FFFFFF;
  --gold:       #BF9B53;
  --gold-light: #E2C988;
  --gold-deep:  #8C6E32;
  --sage:       #A9BE9C;
  --sage-deep:  #7E9670;
  --ink:        #1C1C1A;
  --ink-soft:   #57564F;
  --gold-foil: linear-gradient(135deg,#E7D199 0%,#BF9B53 38%,#8C6E32 58%,#D8BC79 100%);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  font-family:"Cormorant Garamond",serif;
  color:var(--ink);
  background:radial-gradient(120% 80% at 50% -10%, var(--ivory) 0%, var(--cream) 45%, var(--cream-deep) 100%);
  background-attachment:fixed;
  min-height:100vh;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{color:inherit}

/* ---------- reveal animation ---------- */
.reveal{opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.d1{animation-delay:.05s}.d2{animation-delay:.22s}.d3{animation-delay:.4s}
.d4{animation-delay:.58s}.d5{animation-delay:.76s}.d6{animation-delay:.94s}
@keyframes rise{to{opacity:1;transform:translateY(0)}}

/* ---------- shared eyebrow ---------- */
.eyebrow{
  font-family:"Jost",sans-serif;font-weight:400;
  letter-spacing:.42em;text-transform:uppercase;
  font-size:.72rem;color:var(--sage-deep);padding-left:.42em;
}

/* ---------- shared divider ---------- */
.divider{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:clamp(28px,5vw,40px) auto;max-width:300px;
}
.divider .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.divider .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);transform:rotate(45deg)}

/* ===========================================================
   STRONA GŁÓWNA (landing)
   =========================================================== */
.page{
  max-width:880px;margin:0 auto;
  padding:clamp(32px,7vw,72px) clamp(20px,5vw,40px) clamp(48px,9vw,96px);
  text-align:center;
}
.page .eyebrow{display:block;margin-bottom:clamp(22px,4vw,32px)}

.crest{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(10px,3vw,26px);margin-bottom:clamp(28px,5vw,44px);
}
.crest .sprig{width:clamp(40px,9vw,68px);height:auto;flex:0 0 auto}
.crest .sprig.right{transform:scaleX(-1)}

.monogram{
  position:relative;
  width:clamp(132px,30vw,180px);height:clamp(132px,30vw,180px);flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:radial-gradient(circle at 50% 38%, #fff 0%, var(--cream) 78%);
  box-shadow:0 18px 40px -22px rgba(140,110,50,.55),inset 0 0 0 1px rgba(191,155,83,.25);
}
.monogram::before,.monogram::after{
  content:"";position:absolute;inset:0;border-radius:50%;padding:2px;
  background:var(--gold-foil);background-size:200% 200%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:foil 7s ease-in-out infinite;
}
.monogram::after{inset:9px;opacity:.55;padding:1px}
@keyframes foil{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.monogram .letters{display:flex;align-items:baseline;justify-content:center;gap:.04em;line-height:1}
.monogram .ltr{
  font-family:"Cormorant Garamond",serif;font-weight:500;
  font-size:clamp(3.1rem,9.5vw,4.4rem);
  background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.monogram .amp{
  font-family:"Pinyon Script",cursive;font-size:clamp(2rem,6vw,2.8rem);
  color:var(--sage-deep);margin:0 .02em;transform:translateY(-.06em);
}

.couple{
  font-family:"Pinyon Script",cursive;font-size:clamp(2.4rem,8vw,3.6rem);
  color:var(--ink);line-height:1.05;margin-bottom:clamp(30px,6vw,52px);
}
.couple .amp{color:var(--gold-deep)}

.frame{
  position:relative;width:min(360px,82vw);margin:0 auto clamp(26px,5vw,40px);
  padding:clamp(10px,2.4vw,16px);border-radius:4px;
  background:var(--gold-foil);background-size:200% 200%;
  box-shadow:0 28px 55px -26px rgba(140,110,50,.6);
}
.frame-inner{
  position:relative;border:2px solid rgba(255,255,255,.65);
  outline:1px solid rgba(140,110,50,.35);outline-offset:-5px;
  background:var(--ivory);overflow:hidden;aspect-ratio:4/5;
}
.frame-inner img{width:100%;height:100%;object-fit:cover;display:block}

.photo-placeholder{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;
  background:linear-gradient(160deg,#EDF1E8 0%,#DCE6D4 55%,#CBD9BF 100%);
  color:var(--sage-deep);
}
.photo-placeholder svg{width:42px;height:42px;opacity:.7}
.photo-placeholder span{font-family:"Jost",sans-serif;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}

.welcome{
  font-family:"Cormorant Garamond",serif;font-weight:400;
  font-size:clamp(1.5rem,5vw,2.15rem);color:var(--ink);line-height:1.25;margin-bottom:.35em;
}
.welcome-sub{
  font-family:"Jost",sans-serif;font-weight:300;font-size:clamp(.92rem,2.6vw,1.05rem);
  letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep);
}

/* ---------- kafelki nawigacji ---------- */
.nav{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  gap:clamp(14px,2.6vw,20px);max-width:660px;margin:0 auto;
}
.nav-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:clamp(22px,4vw,30px) 16px;text-decoration:none;color:var(--ink);
  background:var(--ivory);border:1px solid rgba(191,155,83,.4);border-radius:6px;
  box-shadow:0 12px 28px -22px rgba(28,28,26,.5);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;
}
.nav-card .ic{width:34px;height:34px;color:var(--gold-deep);transition:color .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.nav-card .ic svg{width:100%;height:100%;display:block}
.nav-card .label{font-family:"Jost",sans-serif;font-weight:400;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase}
.nav-card .hint{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1rem;color:var(--ink-soft)}
.nav-card:hover,.nav-card:focus-visible{
  transform:translateY(-5px);border-color:var(--gold);
  background:linear-gradient(180deg,#fff,#FCF8EE);
  box-shadow:0 22px 38px -22px rgba(140,110,50,.6);outline:none;
}
.nav-card:hover .ic,.nav-card:focus-visible .ic{color:var(--gold);transform:translateY(-2px) scale(1.06)}
.nav-card:focus-visible{box-shadow:0 0 0 3px rgba(126,150,112,.45),0 22px 38px -22px rgba(140,110,50,.6)}

.footer{
  margin-top:clamp(44px,8vw,72px);font-family:"Jost",sans-serif;font-weight:300;
  font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--sage-deep);text-align:center;
}

/* ===========================================================
   PODSTRONY — wspólny layout
   =========================================================== */
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:960px;margin:0 auto;
  padding:clamp(16px,4vw,26px) clamp(20px,5vw,40px);
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.mini-mono{
  position:relative;width:46px;height:46px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 38%,#fff 0%,var(--cream) 80%);
}
.mini-mono::before{
  content:"";position:absolute;inset:0;border-radius:50%;padding:2px;
  background:var(--gold-foil);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.mini-mono span{
  font-family:"Cormorant Garamond",serif;font-weight:600;font-size:.95rem;letter-spacing:.02em;
  background:var(--gold-foil);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand .brand-txt{font-family:"Jost",sans-serif;font-weight:400;font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}
.back{
  font-family:"Jost",sans-serif;font-weight:400;font-size:.74rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-deep);text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;padding:8px 4px;border-radius:4px;transition:color .3s ease;
}
.back:hover,.back:focus-visible{color:var(--gold);outline:none}
.back:focus-visible{outline:2px solid var(--sage);outline-offset:3px}

.wrap{max-width:880px;margin:0 auto;padding:0 clamp(20px,5vw,40px) clamp(56px,10vw,96px)}

.page-head{text-align:center;padding:clamp(18px,5vw,40px) 0 clamp(6px,2vw,16px)}
.page-eyebrow{
  font-family:"Pinyon Script",cursive;font-size:clamp(1.4rem,5vw,2rem);
  color:var(--sage-deep);line-height:1;margin-bottom:.2em;display:block;
}
.page-title{
  font-family:"Cormorant Garamond",serif;font-weight:400;
  font-size:clamp(2.3rem,7vw,3.3rem);letter-spacing:.01em;line-height:1.08;
}
.page-intro{
  font-family:"Cormorant Garamond",serif;font-style:italic;
  font-size:clamp(1.05rem,3vw,1.25rem);color:var(--ink-soft);
  max-width:560px;margin:0 auto;
}

/* ---------- galeria ---------- */
.gallery-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(10px,2vw,16px);
}
.gallery-cell{
  position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;
  background:linear-gradient(150deg,#EDF1E8,#D5E1CB);
  border:1px solid rgba(191,155,83,.35);display:flex;align-items:center;justify-content:center;
  color:var(--sage-deep);
}
.gallery-cell img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-cell svg{width:30px;height:30px;opacity:.6}
.gallery-note{
  margin-top:clamp(26px,5vw,40px);text-align:center;
  font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.1rem;color:var(--ink-soft);
}
.gallery-note a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px}

/* ---------- bingo ---------- */
.bingo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.8vw,14px)}
.bingo-cell{
  aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:8px;border:1px solid rgba(191,155,83,.45);border-radius:5px;background:var(--ivory);
  font-family:"Cormorant Garamond",serif;font-size:clamp(.78rem,2.4vw,1rem);line-height:1.2;color:var(--ink);
  box-shadow:0 8px 20px -18px rgba(28,28,26,.5);cursor:pointer;
  transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease;
  user-select:none;
}
.bingo-cell:hover{transform:translateY(-2px);border-color:var(--gold)}
.bingo-cell.done{
  background:var(--gold-foil);color:#fff;border-color:transparent;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.bingo-cell.free{font-family:"Pinyon Script",cursive;font-size:clamp(1.1rem,4vw,1.5rem);color:var(--sage-deep);background:linear-gradient(150deg,#EDF1E8,#DCE6D4)}
@media (max-width:460px){.bingo-grid{grid-template-columns:repeat(3,1fr)}}
.bingo-name{max-width:420px;margin:0 auto clamp(22px,4vw,32px)}

/* ---------- callout (np. info o nagrodzie) ---------- */
.callout{
  max-width:560px;margin:clamp(28px,5vw,44px) auto 0;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  background:linear-gradient(180deg,#fff,#FCF8EE);
  border:1px solid rgba(191,155,83,.45);border-radius:10px;
  padding:clamp(22px,4vw,30px);box-shadow:0 16px 34px -24px rgba(140,110,50,.6);
}
.callout .ic{width:34px;height:34px;color:var(--gold-deep)}
.callout .ic svg{width:100%;height:100%;display:block}
.callout p{font-family:"Cormorant Garamond",serif;font-size:clamp(1.15rem,3.2vw,1.4rem);line-height:1.35;color:var(--ink)}
.callout strong{font-weight:600;color:var(--gold-deep)}

/* ---------- harmonogram (timeline) ---------- */
.timeline{position:relative;max-width:560px;margin:0 auto;padding-left:6px}
.timeline::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--gold),var(--sage))}
.t-item{position:relative;padding:0 0 clamp(24px,4vw,34px) 46px}
.t-item::before{
  content:"";position:absolute;left:7px;top:6px;width:13px;height:13px;border-radius:50%;
  background:var(--gold-foil);box-shadow:0 0 0 4px var(--cream);
}
.t-time{font-family:"Jost",sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.2em;color:var(--gold-deep)}
.t-name{font-family:"Cormorant Garamond",serif;font-size:clamp(1.3rem,4vw,1.7rem);line-height:1.15;margin:.05em 0 .1em}
.t-desc{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--ink-soft)}

/* ---------- menu ---------- */
.menu-block{max-width:600px;margin:0 auto}
.menu-section{margin-bottom:clamp(30px,5vw,44px)}
.menu-section h2{
  font-family:"Pinyon Script",cursive;font-weight:400;font-size:clamp(1.8rem,5vw,2.4rem);
  color:var(--sage-deep);text-align:center;margin-bottom:clamp(14px,3vw,22px);
}
.menu-item{padding:11px 0;border-bottom:1px dotted rgba(191,155,83,.5)}
.menu-item:last-child{border-bottom:none}
.menu-item .name{font-family:"Cormorant Garamond",serif;font-size:1.2rem;color:var(--ink)}
.menu-item .desc{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:.98rem;color:var(--ink-soft)}

/* ---------- usługodawcy ---------- */
.vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(14px,2.6vw,20px)}
.vendor-card{
  background:var(--ivory);border:1px solid rgba(191,155,83,.4);border-radius:6px;
  padding:clamp(20px,3vw,26px);box-shadow:0 12px 28px -22px rgba(28,28,26,.5);
  display:flex;flex-direction:column;gap:6px;
}
.vendor-role{font-family:"Jost",sans-serif;font-weight:400;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
.vendor-name{font-family:"Cormorant Garamond",serif;font-size:1.45rem;color:var(--ink);line-height:1.15}
.vendor-card a{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px;font-size:1rem}

/* ---------- ankieta (form) ---------- */
.form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(20px,3.5vw,28px)}
.field{display:flex;flex-direction:column;gap:9px;text-align:left}
.field > label.q{font-family:"Cormorant Garamond",serif;font-size:clamp(1.15rem,3.4vw,1.4rem);color:var(--ink)}
.field input[type=text],
.field input[type=email],
.field select,
.field textarea{
  font-family:"Jost",sans-serif;font-weight:300;font-size:1rem;color:var(--ink);
  background:var(--ivory);border:1px solid rgba(191,155,83,.5);border-radius:5px;
  padding:13px 14px;width:100%;transition:border-color .25s ease,box-shadow .25s ease;
}
.field textarea{min-height:96px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(191,155,83,.18);
}
.choices{display:flex;flex-direction:column;gap:10px}
.choice{display:flex;align-items:center;gap:11px;font-family:"Jost",sans-serif;font-weight:300;font-size:1rem;cursor:pointer}
.choice input{width:18px;height:18px;accent-color:var(--gold-deep)}
.btn{
  font-family:"Jost",sans-serif;font-weight:400;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;
  color:#fff;background:var(--gold-foil);background-size:200% 200%;
  border:none;border-radius:5px;padding:16px 28px;cursor:pointer;
  box-shadow:0 14px 30px -16px rgba(140,110,50,.7);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,background-position .6s ease;
}
.btn:hover{transform:translateY(-3px);background-position:100% 50%;box-shadow:0 20px 34px -16px rgba(140,110,50,.8)}
.btn:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.form-thanks{
  display:none;text-align:center;font-family:"Pinyon Script",cursive;
  font-size:clamp(1.8rem,5vw,2.4rem);color:var(--sage-deep);padding:clamp(20px,5vw,40px) 0;
}
.form-thanks.show{display:block;animation:rise .7s ease forwards}

/* ---------- reduce motion ---------- */
@media (prefers-reduced-motion:reduce){
  .reveal,.monogram::before,.monogram::after,.nav-card,.nav-card .ic,.btn,.bingo-cell,.gallery-cell{
    animation:none!important;transition:none!important;
  }
  .reveal{opacity:1;transform:none}
}

/* ===========================================================
   GALERIA + UPLOAD QR + ADMIN
   =========================================================== */

/* ---------- pasek narzędzi galerii ---------- */
.gallery-toolbar{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-bottom:clamp(22px,4vw,32px)}
.btn-outline{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-family:"Jost",sans-serif;font-weight:400;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);text-decoration:none;background:var(--ivory);
  border:1px solid var(--gold);border-radius:5px;padding:13px 22px;
  transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.btn-outline svg{width:17px;height:17px}
.btn-outline:hover,.btn-outline:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#FCF8EE);box-shadow:0 14px 28px -20px rgba(140,110,50,.6);outline:none}
.btn-outline:focus-visible{outline:2px solid var(--sage);outline-offset:3px}

/* ---------- kod QR ---------- */
.qr-box{display:none;flex-direction:column;align-items:center;gap:12px;margin:0 auto clamp(26px,5vw,38px);
  max-width:300px;background:var(--ivory);border:1px solid rgba(191,155,83,.4);border-radius:10px;
  padding:clamp(20px,4vw,26px);box-shadow:0 16px 34px -24px rgba(140,110,50,.6)}
.qr-box.show{display:flex;animation:rise .5s ease}
.qr-box img{width:200px;height:200px;border-radius:6px;background:#fff}
.qr-box span{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--ink-soft);text-align:center;font-size:1.05rem}

/* ---------- masonry ---------- */
.masonry{column-count:4;column-gap:clamp(10px,2vw,16px)}
@media(max-width:900px){.masonry{column-count:3}}
@media(max-width:600px){.masonry{column-count:2}}
.masonry .ph{break-inside:avoid;margin-bottom:clamp(10px,2vw,16px);border-radius:5px;overflow:hidden;
  border:1px solid rgba(191,155,83,.3);cursor:zoom-in;display:block;background:#EDF1E8;
  box-shadow:0 10px 24px -20px rgba(28,28,26,.5);transition:transform .3s ease,box-shadow .3s ease}
.masonry .ph:hover{transform:translateY(-3px);box-shadow:0 18px 32px -22px rgba(140,110,50,.55)}
.masonry .ph img{width:100%;display:block}
.gallery-empty{text-align:center;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.2rem;color:var(--ink-soft);padding:clamp(30px,6vw,60px) 0}

/* ---------- lightbox ---------- */
.lightbox{position:fixed;inset:0;background:rgba(20,18,14,.88);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}
.lightbox.show{display:flex}
.lightbox img{max-width:100%;max-height:90vh;border-radius:5px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.lightbox .close{position:absolute;top:18px;right:22px;color:#fff;font-size:2rem;line-height:1;cursor:pointer;font-family:"Jost",sans-serif;opacity:.85}

/* ---------- strona uploadu ---------- */
.uploader{max-width:560px;margin:0 auto}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;
  border:2px dashed var(--gold);border-radius:12px;padding:clamp(34px,7vw,52px) 22px;cursor:pointer;
  background:linear-gradient(180deg,#fff,#FCF8EE);transition:border-color .3s ease,background .3s ease}
.drop:hover{border-color:var(--gold-deep)}
.drop svg{width:44px;height:44px;color:var(--gold-deep)}
.drop .big{font-family:"Cormorant Garamond",serif;font-size:clamp(1.3rem,4vw,1.6rem);color:var(--ink)}
.drop .small{font-family:"Jost",sans-serif;font-weight:300;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep)}
.upload-name{margin:clamp(20px,4vw,28px) 0}
.queue{display:flex;flex-direction:column;gap:12px;margin-top:clamp(22px,4vw,30px)}
.qitem{display:flex;align-items:center;gap:14px;background:var(--ivory);border:1px solid rgba(191,155,83,.35);
  border-radius:7px;padding:12px;box-shadow:0 8px 20px -18px rgba(28,28,26,.5)}
.qthumb{width:52px;height:52px;border-radius:5px;object-fit:cover;flex:0 0 auto;background:#EDF1E8}
.qmeta{flex:1;min-width:0}
.qname{font-family:"Cormorant Garamond",serif;font-size:1.05rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qbar{height:3px;border-radius:3px;background:#E7E2D4;margin-top:7px;overflow:hidden}
.qbar i{display:block;height:100%;width:0;background:var(--gold-foil);transition:width .25s ease}
.qstatus{font-family:"Jost",sans-serif;font-weight:400;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;flex:0 0 auto}
.qstatus.up{color:var(--gold-deep)}.qstatus.ok{color:var(--sage-deep)}.qstatus.err{color:#B3503E}
.upload-done{text-align:center;font-family:"Pinyon Script",cursive;font-size:clamp(1.8rem,5vw,2.4rem);color:var(--sage-deep);margin-top:clamp(20px,4vw,30px);min-height:1.2em}

/* ---------- panel admina ---------- */
.login{max-width:360px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.admin-photo{position:relative}
.admin-photo .del{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(20,18,14,.62);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);transition:background .25s ease}
.admin-photo .del:hover{background:#B3503E}
.admin-photo .del svg{width:16px;height:16px}
.admin-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:clamp(20px,4vw,28px)}
.admin-count{font-family:"Jost",sans-serif;font-weight:300;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}