/* ============ nav current-page indicator ============ */
.nav a.is-current{border-bottom:1px solid var(--ink);}

/* ============ shop hero ============ */
.shop-hero{
  padding:88px 0 48px; border-bottom:1px solid var(--line);
}
.shop-title{
  font-size:clamp(32px, 5vw, 52px); line-height:1.08; margin:0 0 18px; max-width:720px;
}
.shop-sub{font-size:17px; color:var(--grey); max-width:600px; margin:0;}

/* ============ product grid ============ */
.shop-grid-section{padding-top:56px;}
.product-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1px;
  background:var(--line); border:1px solid var(--line);
}
.product-card{
  background:var(--paper); display:flex; flex-direction:column;
}

/* ---- image carousel ---- */
.product-media{
  position:relative; aspect-ratio:4/3; background:var(--paper-alt); overflow:hidden;
  border-bottom:1px solid var(--line);
}
.product-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  position:absolute; inset:0; opacity:0; transition:opacity .3s ease;
}
.product-media img.is-active{opacity:1;}
.product-media .media-placeholder{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:11px; color:var(--grey-soft); text-align:center; padding:16px;
}

.media-nav{
  position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px;
  border:1px solid var(--ink); background:rgba(255,255,255,.88); cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-family:var(--mono);
  font-size:14px; color:var(--ink); opacity:0; transition:opacity .2s ease;
}
.product-media:hover .media-nav{opacity:1;}
.media-prev{left:8px;}
.media-next{right:8px;}
.media-dots{
  position:absolute; bottom:10px; left:0; right:0; display:flex; justify-content:center; gap:6px;
}
.media-dot{
  width:6px; height:6px; border-radius:50%; background:rgba(10,10,10,.28); border:none; padding:0; cursor:pointer;
}
.media-dot.is-active{background:var(--ink);}

/* ---- product body ---- */
.product-body{padding:22px 22px 24px; display:flex; flex-direction:column; flex:1;}
.product-name{font-family:var(--display); font-size:18px; font-weight:600; margin:0 0 10px; line-height:1.25;}
.product-specs{list-style:none; margin:0 0 18px; padding:0; flex:1;}
.product-specs li{
  font-family:var(--mono); font-size:12px; color:var(--grey); padding:5px 0;
  border-bottom:1px solid var(--line);
}
.product-specs li:last-child{border-bottom:none;}
.product-price{
  font-family:var(--mono); font-size:12px; color:var(--grey-soft);
  text-transform:uppercase; letter-spacing:.04em; margin:0 0 14px;
}
.product-cta{
  display:flex; align-items:center; justify-content:center; gap:8px;
  width:100%; text-align:center; text-decoration:none;
  font-family:var(--mono); font-size:13px; letter-spacing:.02em;
  padding:12px 16px; border:1px solid var(--ink); border-radius:var(--radius);
  background:var(--ink); color:var(--paper); transition:background .2s ease;
}
.product-cta:hover{background:#2b2b2b;}
.product-cta svg{width:15px; height:15px; flex:none;}

@media (max-width:900px){
  .product-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:560px){
  .product-grid{grid-template-columns:1fr;}
}