/* ============================================================
   Groov-illa · archivio-gear.css — solo token v5
   ============================================================ */

.gear-archive-page{ background: var(--cream); }

/* ── Breadcrumb ── */
.ga-crumbs{
  max-width:1320px; margin:0 auto; padding:28px 40px 0;
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3);
  display:flex; gap:10px; align-items:center;
}
.ga-crumbs a{ color:var(--ink-3); text-decoration:none; transition:color .15s; }
.ga-crumbs a:hover{ color:var(--rust); }
.ga-crumbs .sep{ opacity:.5; }

/* ── Masthead ── */
.gear-masthead{
  max-width:1320px; margin:0 auto;
  padding:56px 40px 48px;
  display:grid; grid-template-columns:1.4fr 1fr;
  gap:80px; align-items:end;
  border-bottom:1px solid var(--hair-strong);
}
@media(max-width:860px){ .gear-masthead{ grid-template-columns:1fr; gap:24px; } }
.gear-masthead .eyebrow{
  font-family:var(--mono); font-size:11px; font-weight:600;
  letter-spacing:.24em; text-transform:uppercase; color:var(--rust);
  display:inline-flex; gap:14px; align-items:center; margin-bottom:18px;
}
.gear-masthead .eyebrow::before{ content:""; width:24px; height:1px; background:var(--rust); }
.gear-masthead h1{
  font-family:var(--serif-display); font-style:italic; font-weight:400;
  font-size:clamp(64px,10vw,120px); line-height:.92; letter-spacing:-.03em;
  margin:0; color:var(--ink);
}
.gear-masthead h1 em{ color:var(--rust); }
.gear-masthead .manifesto{
  font-family:var(--serif); font-style:italic;
  font-size:clamp(17px,1.6vw,20px); line-height:1.5; color:var(--ink-2);
  max-width:34ch; margin:0 0 20px;
}
.gear-masthead .count{
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3);
  display:flex; gap:18px; align-items:center;
  padding-top:18px; border-top:1px solid var(--hair);
}
.gear-masthead .count strong{
  font-family:var(--serif); font-style:italic;
  color:var(--rust); font-size:14px; letter-spacing:normal; text-transform:none;
}

/* ── Filterbar ── */
.gear-filterbar{
  max-width:1320px; margin:48px auto 0;
  padding:20px 40px;
  border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);
  display:flex; gap:8px; align-items:center; flex-wrap:wrap;
}
.gear-filter-label{
  font-family:var(--mono); font-size:10px; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:var(--ink-3);
  margin-right:8px;
}
.gear-chip{
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2);
  padding:7px 14px; border:1px solid var(--hair);
  background:transparent; cursor:pointer;
  transition:color .15s, border-color .15s, background .15s;
}
.gear-chip:hover{ color:var(--ink); border-color:var(--hair-strong); }
.gear-chip.active{ color:var(--cream); background:var(--rust); border-color:var(--rust); }

/* ── Grid prodotti ── */
.gear-grid{
  max-width:1320px; margin:0 auto;
  padding:40px 40px 80px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:2px;
}
@media(max-width:1100px){ .gear-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:760px){  .gear-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){  .gear-grid{ grid-template-columns:1fr; } }

.gear-card{
  display:flex; flex-direction:column;
  padding:24px; background:var(--cream);
  border:1px solid var(--hair);
  text-decoration:none; transition:border-color .15s;
}
.gear-card:hover{ border-color:var(--hair-strong); }
.gear-card:hover .gear-card-title{ color:var(--rust); }

.gear-card-img{
  width:100%; aspect-ratio:1;
  object-fit:cover; display:block;
  background:var(--cream-2);
  margin-bottom:18px;
}
.gear-card-swatch, .gear-card-emoji{
  width:100%; aspect-ratio:1;
  margin-bottom:18px;
}
.gear-card-emoji{
  display:flex; align-items:center; justify-content:center;
  font-size:clamp(32px,4vw,56px);
}
.gear-card-cat{
  font-family:var(--mono); font-size:9.5px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--rust);
  display:block; margin-bottom:8px;
}
.gear-card-title{
  font-family:var(--serif); font-weight:500;
  font-size:16px; line-height:1.3; color:var(--ink);
  margin:0 0 8px; transition:color .15s; flex:1;
}
.gear-card-verdict{
  font-family:var(--serif); font-style:italic; font-size:13.5px;
  line-height:1.45; color:var(--ink-3); margin:0 0 16px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.gear-card-foot{
  display:flex; justify-content:space-between; align-items:baseline;
  padding-top:14px; border-top:1px solid var(--hair);
  margin-top:auto;
}
.gear-card-price{
  font-family:var(--serif-display); font-style:italic;
  font-size:20px; letter-spacing:-.02em; color:var(--ink);
}
.gear-card-source{
  font-family:var(--mono); font-size:9px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
}
.gear-card-buy{
  display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; align-items:center;
}
.gear-card-btn{
  font-family:var(--mono); font-size:9px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  padding:5px 10px; border:1px solid var(--ink);
  color:var(--ink); text-decoration:none; transition:all .15s;
  display:inline-block;
}
.gear-card-btn:hover{ background:var(--ink); color:var(--cream); }
.gear-card-btn.uk,.gear-card-btn.us{
  border-color:var(--hair); color:var(--ink-3);
  font-size:8.5px; padding:4px 8px;
}
.gear-card-btn.uk:hover,.gear-card-btn.us:hover{
  background:var(--ink-2); border-color:var(--ink-2); color:var(--cream);
}

@media(max-width:480px){
  .gear-grid{ padding-left:20px; padding-right:20px; }
  .gear-filterbar,.gear-masthead,.ga-crumbs{ padding-left:20px; padding-right:20px; }
}