/* ============================================================
   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-mute);
  display:flex; gap:10px; align-items:center;
}
.ga-crumbs a{ color:var(--ink-mute); 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(--paper-line);
}
@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(--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-mute);
  display:flex; gap:18px; align-items:center;
  padding-top:18px; border-top:1px solid var(--paper-line);
}
.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(--paper-line); border-bottom:1px solid var(--paper-line);
  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-mute);
  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(--paper-line);
  background:transparent; cursor:pointer;
  transition:color .15s, border-color .15s, background .15s;
}
.gear-chip:hover{ color:var(--ink); border-color:var(--paper-line); }
.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(--paper-line);
  text-decoration:none; transition:border-color .15s;
}
.gear-card:hover{ border-color:var(--paper-line); }
.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-mute); 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(--paper-line);
  margin-top:auto;
}
.gear-card-price{
  font-family:var(--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-mute);
}
.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(--paper-line); color:var(--ink-mute);
  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; }
}
/* ── GEAR ARCHIVE ── */
.gear-archive-page{background:#fff}
.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(--paper-line);
}
.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(--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:"Lora",Georgia,serif;font-style:italic;
  font-size:clamp(17px,1.6vw,20px);line-height:1.5;
  color:var(--ink);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-mute);
  display:flex;gap:18px;align-items:center;
  padding-top:18px;border-top:1px solid var(--paper-line);
}
.gear-masthead .count strong{
  font-family:"Lora",Georgia,serif;font-style:italic;
  color:var(--rust);font-size:14px;letter-spacing:normal;text-transform:none;
}

/* FILTERBAR */
.gear-filterbar{
  max-width:1320px;margin:0 auto;padding:20px 40px;
  border-bottom:1px solid var(--paper-line);
  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-mute);margin-right:8px;
}
.gear-chip{
  font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);
  padding:7px 14px;border:1px solid var(--paper-line);background:transparent;cursor:pointer;transition:all .15s;
}
.gear-chip:hover{color:var(--ink);border-color:var(--ink-mute)}
.gear-chip.active{color:#fff;background:var(--rust);border-color:var(--rust)}

/* FEATURED */
.gear-featured{
  max-width:1320px;margin:0 auto;padding:40px 40px;
  display:grid;grid-template-columns:1fr 1fr;gap:56px;
  border-bottom:2px solid var(--ink);
}
.gear-featured-img{
  width:100%;aspect-ratio:4/3;object-fit:cover;
  background:var(--cream-3);display:flex;align-items:center;
  justify-content:center;font-size:64px;overflow:hidden;
}
.gear-featured-img img{width:100%;height:100%;object-fit:cover}
.gear-featured-body{display:flex;flex-direction:column;justify-content:center;gap:12px}
.gear-featured-eyebrow{
  font-family:var(--mono);font-size:10px;font-weight:600;
  letter-spacing:.26em;text-transform:uppercase;color:var(--rust);
}
.gear-featured-title{
  font-family:var(--display);font-style:italic;font-weight:400;
  font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.02em;
  color:var(--ink);margin:0;
}
.gear-featured-price{
  font-family:var(--display);font-style:italic;
  font-size:clamp(28px,3vw,44px);letter-spacing:-.02em;color:var(--ink);
}
.gear-featured-verdict{
  font-family:"Lora",Georgia,serif;font-style:italic;
  font-size:17px;line-height:1.55;color:var(--ink);max-width:42ch;
}
.gear-featured-buy{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.gear-featured-btn{
  font-family:var(--mono);font-size:10px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;padding:10px 18px;
  border:1px solid var(--ink);color:var(--ink);text-decoration:none;transition:all .15s;
}
.gear-featured-btn:hover{background:var(--ink);color:#fff}
.gear-featured-btn.primary{background:var(--rust);color:#fff;border-color:var(--rust)}
.gear-featured-btn.primary:hover{background:oklch(0.45 0.14 45)}

/* GRID */
.gear-grid{
  max-width:1320px;margin:0 auto;padding:40px 40px 80px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--paper-line);
}
.gear-card{
  display:flex;flex-direction:column;padding:24px;background:#fff;
  text-decoration:none;transition:background .15s;
}
.gear-card:hover{background:var(--cream-2)}
.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-3);margin-bottom:18px}
.gear-card-emoji{
  width:100%;aspect-ratio:1;margin-bottom:18px;display:flex;
  align-items:center;justify-content:center;font-size:clamp(32px,4vw,56px);background:var(--cream-2);
}
.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(--display);font-weight:400;font-style:italic;
  font-size:17px;line-height:1.2;color:var(--ink);margin:0 0 8px;flex:1;transition:color .15s;
}
.gear-card-verdict{
  font-family:"Lora",Georgia,serif;font-style:italic;font-size:13.5px;
  line-height:1.45;color:var(--ink-mute);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(--paper-line);margin-top:auto;
}
.gear-card-price{
  font-family:var(--display);font-style:italic;font-size:20px;
  letter-spacing:-.02em;color:var(--ink);
}
.gear-card-buy{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.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:#fff}
.gear-card-btn.secondary{border-color:var(--paper-line);color:var(--ink-mute);font-size:8.5px;padding:4px 8px}
.gear-card-btn.secondary:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* hidden */
.gear-card.hidden{display:none}

@media(max-width:1100px){.gear-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.gear-grid{grid-template-columns:repeat(2,1fr)}.gear-featured{grid-template-columns:1fr}.gear-masthead{grid-template-columns:1fr;gap:24px}}
@media(max-width:480px){.gear-grid{grid-template-columns:1fr}}