/* Catch N Collect — final refinement */
:root {
  --bg: #f9f4eb;
  --bg-alt: #ffffff;
  --bg-soft: #f1eadf;
  --ink: #1f232b;
  --ink-muted: #5f6570;
  --panel-dark: #141a22;
  --panel-dark-strong: #1b2331;
  --panel-light: #fffdf7;
  --accent: #f3b429;
  --accent-strong: #d99611;
  --accent-red: #d94a3d;
  --accent-red-strong: #b7342c;
  --card-red: #d6423b;
  --card-red-strong: #b52c27;
  --border: rgba(31,35,43,0.12);
  --shadow-soft: 0 18px 40px rgba(20,25,34,0.15);
  --shadow-card: 0 24px 60px rgba(20,25,34,0.18);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --max-width: 1160px;
  font-family: "Space Grotesk", "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: linear-gradient(180deg, var(--bg), var(--bg-alt));
  color: var(--ink);
  font-family: inherit;
  line-height: 1.6;
  min-height: 100vh;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

.container { width: min(var(--max-width), calc(100% - 2rem)); margin: 0 auto; }
.section { padding: var(--space-7) 0; }
.section--neutral { background: var(--bg-soft); border-radius: var(--radius-lg); margin-top: var(--space-6); padding:var(--space-6); border:1px solid var(--border); box-shadow:var(--shadow-soft); }

header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(249,244,235,0.9);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(31,35,43,0.08);
}
.header-inner { display:flex; align-items:center; justify-content:space-between; padding: var(--space-4) 0; }
.brand { font-weight:800; font-size:1.1rem; letter-spacing:-0.01em; }
.brand span { color: var(--accent-red); }
.nav { display:flex; gap:var(--space-3); }

.button {
  display:inline-flex; align-items:center; justify-content:center;
  padding:0.85rem 1.9rem;
  border-radius:var(--radius-pill);
  border:1px solid rgba(212,149,17,0.55);
  background:linear-gradient(135deg,var(--accent),var(--accent-strong));
  color:#2b1c05;
  font-weight:800;
  letter-spacing:0.01em;
  cursor:pointer;
  box-shadow:0 18px 36px rgba(212,149,17,0.28);
  transition:transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
  min-height:44px;
}
.button:hover { transform:translateY(-2px); box-shadow:0 24px 44px rgba(212,149,17,0.32); }
.button:active { transform:translateY(0); filter:brightness(0.97); }
.button:focus-visible { outline:3px solid rgba(212,149,17,0.35); outline-offset:3px; }
.button--ghost {
  background:transparent;
  border:1px solid rgba(31,35,43,0.2);
  color:var(--ink);
  box-shadow:none;
}
.button--ghost:hover { background:rgba(31,35,43,0.05); }
.button--muted {
  background:#fff;
  border:1px solid var(--border);
  color:var(--ink);
  border-radius:var(--radius-pill);
  padding:0.7rem 1.4rem;
  box-shadow:none;
}
.button--secondary {
  background:linear-gradient(135deg,var(--accent-red),var(--accent-red-strong));
  border:1px solid rgba(217,74,61,0.4);
  color:#fff;
  box-shadow:0 18px 32px rgba(217,74,61,0.26);
}
.button--icon { width:44px; height:44px; padding:0; font-size:1.2rem; }

.hero { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:var(--space-6); padding:var(--space-7) 0 var(--space-6); }
.hero{position:relative;}
.hero::after{content:"";position:absolute;inset:var(--space-4);border:1px solid rgba(217,74,61,0.08);border-radius:var(--radius-lg);pointer-events:none;}
.hero-content{position:relative;z-index:1;}
.hero .tagline {display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--accent-red);text-transform:uppercase;letter-spacing:0.18em;font-size:0.78rem;margin:0 0 var(--space-3);}
.hero h1{margin:0 0 var(--space-3);font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;}
.tag-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4);} 
.tag{display:inline-flex;align-items:center;padding:0.4rem 1.1rem;border-radius:var(--radius-pill);font-weight:700;font-size:0.85rem;} 
.tag--accent{background:rgba(243,180,41,0.18);color:#8d6010;border:1px solid rgba(243,180,41,0.4);} 
.tag--ghost{background:rgba(31,35,43,0.07);color:var(--ink-muted);border:1px solid rgba(31,35,43,0.12);} 
.hero p.lead{color:var(--ink-muted);max-width:48ch;margin:0 0 var(--space-4);} 
.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);} 
.hero-points{display:grid;gap:var(--space-2);list-style:none;padding:0;margin:0;color:var(--ink-muted);font-weight:600;} 
.hero-points li::before{content:"•";color:var(--accent-red);margin-right:var(--space-2);} 
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;} 
.hero-slideshow{position:relative;width:320px;padding:var(--space-4);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft);border:1px solid var(--border);overflow:hidden;} 
.hero-slideshow::before{content:"";position:absolute;top:calc(var(--space-4) - 8px);left:var(--space-4);right:var(--space-4);height:4px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-red),var(--accent));}
.hero-slide img{width:100%;border-radius:var(--radius-md);border:1px solid rgba(31,35,43,0.08);box-shadow:0 0 0 2px rgba(255,255,255,0.9);} 
.hero-slide__details{margin-top:var(--space-3);color:var(--ink);} 
.hero-slide__details strong{display:block;font-size:1.1rem;} 
.hero-slide__details small{display:block;color:var(--ink-muted);margin-top:var(--space-2);} 
.hero-slide__details span{display:block;margin-top:var(--space-2);font-weight:800;color:var(--accent-red);} 

.section-title{font-size:2rem;margin:0 0 var(--space-4);} 

.featured-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);} 
.featured-hint{margin:0;color:var(--ink-muted);font-size:0.92rem;} 
.featured-controls{display:flex;gap:var(--space-2);} 
.featured-scroll{position:relative;margin-top:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--panel-light);box-shadow:0 14px 32px rgba(20,25,34,0.14);} 
.featured-scroll::-webkit-scrollbar{height:6px;} 
.featured-scroll::-webkit-scrollbar-thumb{background:rgba(31,35,43,0.25);border-radius:999px;} 
.featured-scroll::before,.featured-scroll::after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;} 
.featured-scroll::before{left:0;background:linear-gradient(90deg,rgba(20,25,34,0.12),rgba(249,244,235,0));} 
.featured-scroll::after{right:0;background:linear-gradient(270deg,rgba(20,25,34,0.12),rgba(249,244,235,0));} 
.featured-track{display:flex;gap:var(--space-4);padding-right:var(--space-4);} 
.featured-track .product-card{flex:0 0 260px;} 

.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;} 
.filters select,.filters input{padding:0.65rem 0.95rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(20,25,34,0.08);} 
.inventory-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);} 
.inventory-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));} 
@media(max-width:900px){.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.inventory-grid{grid-template-columns:1fr;}}
.inventory-actions{text-align:center;margin-top:var(--space-4);} 
.inventory-actions .button{min-width:200px;}
.inventory-grid[data-view="full"]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}

.card{background:var(--panel-light);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);} 
.card p{margin:0;color:var(--ink-muted);} 
.card.product-card{position:relative;background:var(--panel-light);border:1px solid var(--border);color:var(--ink);box-shadow:var(--shadow-soft);padding:var(--space-5);padding-top:calc(var(--space-5) + 12px);overflow:hidden;} 
.card.product-card::before{content:"";position:absolute;top:calc(var(--space-5) - 8px);left:var(--space-5);right:var(--space-5);height:4px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-red),var(--accent));} 
.card.product-card img{width:100%;border-radius:var(--radius-md);border:1px solid rgba(31,35,43,0.08);box-shadow:0 0 0 2px rgba(255,255,255,0.9);margin-bottom:var(--space-3);} 
.card.product-card .meta{color:var(--ink-muted);font-size:0.9rem;} 
.product-card__tag{display:inline-flex;padding:0.25rem 0.9rem;border-radius:var(--radius-pill);background:rgba(217,74,61,0.12);color:var(--accent-red);font-size:0.78rem;font-weight:700;margin-bottom:var(--space-3);} 
.product-card__footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(31,35,43,0.08);font-size:0.85rem;color:var(--ink-muted);} 

.price{font-weight:800;font-size:1.1rem;color:var(--accent-red);} 
.badge-small{display:inline-flex;align-items:center;padding:0.2rem 0.6rem;border-radius:var(--radius-pill);background:rgba(31,35,43,0.05);color:var(--ink);font-size:0.8rem;font-weight:700;} 
.badge-small.sold{background:var(--accent-red);color:#fff;} 

.section--neutral .card{background:#fff;border:1px solid var(--border);} 
.trust-head{max-width:640px;margin:0 auto var(--space-5);text-align:center;} 
.trust-head p{margin:0;color:var(--ink-muted);} 
.trust-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));} 
.trust-card{padding:var(--space-4);box-shadow:none;border:1px solid rgba(31,35,43,0.08);border-radius:var(--radius-md);} 
.trust-card h3{margin:0 0 var(--space-2);font-size:1.2rem;} 
.trust-card p{margin:0;color:var(--ink-muted);font-size:0.98rem;line-height:1.55;} 

.contact-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));} 
.contact-card form{display:grid;gap:var(--space-3);} 
.contact-card label{font-weight:600;color:var(--ink);} 
.contact-card input,.contact-card textarea{width:100%;padding:0.8rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;color:var(--ink);font-size:1rem;box-shadow:0 8px 20px rgba(20,25,34,0.08);} 
.contact-card textarea{min-height:140px;resize:vertical;} 
.contact-info p{margin:0 0 var(--space-3);} 

.site-footer{margin-top:var(--space-7);padding:var(--space-5) 0;background:var(--panel-dark);color:var(--panel-text);text-align:center;} 
.site-footer small{color:rgba(247,248,250,0.7);} 

/* Admin page */
.admin-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);padding:var(--space-7) 0 var(--space-5);} 
.admin-hero__card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);} 
.admin-section{padding-top:var(--space-3);} 
.admin-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));} 
.upload-card,.uploads-list{padding:var(--space-5);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);} 
.upload-card .fields{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-4);} 
.upload-card label{font-weight:600;color:var(--ink);} 
.upload-card input,.upload-card select{width:100%;padding:0.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(20,25,34,0.08);} 
.upload-card input[type="file"]{padding:0.5rem;} 
.file-preview{margin:-0.5rem 0 var(--space-2);color:var(--ink-muted);font-size:0.9rem;} 
.uploads-list .list{display:grid;gap:var(--space-3);} 
.upload-empty{padding:var(--space-5);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-soft);color:var(--ink-muted);} 
.upload-item{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-light);box-shadow:0 8px 18px rgba(20,25,34,0.08);} 
.upload-item img{width:70px;height:70px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(31,35,43,0.12);} 
.upload-item .meta{color:var(--ink-muted);font-size:0.9rem;} 
.delete{border-color:rgba(217,74,61,0.4);color:var(--accent-red);} 
.delete:hover{background:var(--accent-red);color:#fff;} 

@media(max-width:720px){
  .hero::after{inset:var(--space-3);}
  .hero-ctas{flex-direction:column;}
  header{position:static;}
}