/* Collections submission page */
.coll-hero{padding:32px 24px 8px;max-width:640px;margin:0 auto;}
.coll-hero h1{font-size:1.7rem;margin-bottom:8px;}
.coll-hero p{color:var(--ink-soft);font-size:.95rem;line-height:1.5;}
@media (min-width:761px){ .coll-hero h1{font-size:2.1rem;} .coll-hero p{font-size:1.02rem;} }

.coll-form{max-width:640px;margin:0 auto;padding:8px 24px 60px;}
.coll-field{margin-bottom:20px;}
.coll-address-row{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:12px;}
@media (max-width:600px){.coll-address-row{grid-template-columns:1fr;}}
.coll-field label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px;}
.coll-field .hint{font-weight:400;color:var(--ink-soft);font-size:.78rem;margin-left:4px;}
.coll-field input[type="text"],
.coll-field input[type="email"],
.coll-field input[type="tel"],
.coll-field textarea{
  width:100%;padding:13px 14px;border-radius:8px;border:1.5px solid var(--line);
  /* 16px — below this, iOS Safari auto-zooms the page on focus. */
  font-family:'Inter';font-size:1rem;background:var(--white);
}
.coll-field textarea{min-height:100px;resize:vertical;}
.coll-field input:focus,.coll-field textarea:focus{outline:none;border-color:var(--green);}

/* Photo picker — compact attach button */
.attach-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.attach-btn{
  display:inline-flex;align-items:center;gap:8px;background:var(--white);
  border:1.5px solid var(--ink);border-radius:8px;padding:11px 18px;
  font-weight:600;font-size:.88rem;color:var(--ink);cursor:pointer;
}
.attach-btn svg{width:16px;height:16px;stroke:var(--ink);flex-shrink:0;}
.attach-btn:hover{background:var(--ink);color:#fff;}
.attach-btn:hover svg{stroke:#fff;}
.attach-hint{font-size:.78rem;color:var(--ink-soft);}
#photo-input{display:none;}

.photo-count{font-size:.82rem;color:var(--ink-soft);margin:10px 0 4px;font-weight:600;}
.photo-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;
}
@media (min-width:761px){ .photo-grid{grid-template-columns:repeat(6,1fr);} }
.photo-thumb{
  position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-soft);
  border:1px solid var(--line);
}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.photo-thumb .rm{
  position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;
  background:rgba(25,28,25,.75);color:#fff;border:none;display:flex;align-items:center;
  justify-content:center;font-size:.75rem;line-height:1;cursor:pointer;
}
.photo-thumb .compressing{
  position:absolute;inset:0;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;
  font-size:.65rem;color:var(--ink-soft);
}

.coll-note{font-size:.76rem;color:var(--ink-soft);margin-top:8px;line-height:1.4;}

.coll-submit{
  width:100%;background:var(--green);color:var(--ink);border:none;border-radius:8px;
  padding:16px;font-weight:700;font-size:1rem;margin-top:8px;
}
.coll-submit:disabled{opacity:.55;}
.coll-submit:not(:disabled):hover{background:var(--green-dark);color:#fff;}

.coll-status{text-align:center;font-size:.88rem;margin-top:10px;color:var(--ink-soft);}
.coll-success{
  max-width:520px;margin:60px auto;text-align:center;padding:0 24px;
}
.coll-success .check{
  width:56px;height:56px;border-radius:50%;background:var(--green);display:flex;
  align-items:center;justify-content:center;margin:0 auto 18px;
}
.coll-success .check svg{width:26px;height:26px;stroke:var(--ink);stroke-width:3;}
.coll-success h2{font-size:1.4rem;margin-bottom:8px;}
.coll-success p{color:var(--ink-soft);font-size:.95rem;line-height:1.55;}

.hidden{display:none !important;}