:root{--brand:#16a34a;--brand-700:#15803d;--ring:rgba(22,163,74,.18);}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;color:#0f172a;background:#fff}
.nav-link{color:#0f172a}.nav-link:hover{color:var(--brand-700)}
.section-title{font-size:1.875rem;line-height:2.25rem;font-weight:800;color:#0f172a;margin-bottom:1rem}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.card-title{font-weight:700;color:#0f172a;margin-bottom:.25rem}
.card-text{color:#334155}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,var(--brand),#22c55e);color:#fff;padding:.65rem 1.05rem;border-radius:.8rem;border:1px solid rgba(34,197,94,.4)}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#ecfdf5;color:#065f46;padding:.6rem 1rem;border-radius:.8rem;border:1px solid rgba(22,163,74,.25)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:.6rem 1rem;border-radius:.8rem}
.link{color:var(--brand-700)}.link:hover{text-decoration:underline}
.label{display:block;margin-bottom:.25rem;font-weight:600;color:#0f172a}
.input{width:100%;border:1px solid #e2e8f0;border-radius:.8rem;padding:.6rem .8rem;background:#fff}
.input:focus{outline:2px solid #bbf7d0;outline-offset:2px;box-shadow:0 0 0 4px var(--ring)}
.faq{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;margin:.5rem 0}
.phone-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:.75rem;border:1px solid rgba(22,163,74,.25);background:rgba(22,163,74,.1);color:#065f46}
.picture-frame{border-radius:1rem;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.07);border:1px solid #e2e8f0}
.dropzone{display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed #94a3b8;border-radius:0.75rem;background:#f8fafc;padding:1.25rem;min-height:110px;cursor:pointer}
.dropzone.dragover{background:#f1f5f9;border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12) inset}
.preview-item{position:relative;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;background:#fff}
.preview-item img{display:block;width:100%;height:100%;object-fit:cover}
.preview-meta{position:absolute;left:.25rem;bottom:.25rem;background:rgba(0,0,0,.55);color:#fff;font-size:.7rem;padding:.1rem .3rem;border-radius:.25rem}
.preview-remove{position:absolute;top:.25rem;right:.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;padding:.05rem .35rem;font-size:.75rem;line-height:1;cursor:pointer}
.error-text{color:#b91c1c}

/* Shared Auto-Scrolling Gallery */
.itad-scroller{overflow:hidden;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;padding:.5rem}
.itad-track{display:flex;align-items:center;gap:.75rem;animation:itad-scroll 20s linear infinite;will-change:transform}
.itad-scroller:hover .itad-track,.itad-scroller.pause .itad-track{animation-play-state:paused}
@keyframes itad-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Uniform sizing for 'How to Drop Off' images */
.dropoff-img{width:100%;height:220px;object-fit:cover;border-radius:0.5rem}
@media (max-width: 768px){.dropoff-img{height:200px}}

/* Drag-to-scroll affordance */
.itad-scroller{touch-action: pan-y; cursor: grab}
.itad-scroller.dragging{cursor: grabbing}

/* Disable native image dragging/select within scrollers */
.itad-scroller img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}




/* Business/ITAD image: responsive width, auto height */
.business-itad-img{width:100%;height:auto;max-height:none;display:block;object-fit:cover;}