/* ═══════════════════════════════════════════════
   BAR SNOW — goods.css
   Official keychain giveaway, shown inside the SPECIAL board.
   ═══════════════════════════════════════════════ */

.spgoods{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,4vw,56px);align-items:center;
  margin-top:clamp(30px,4vw,52px);
  background:linear-gradient(180deg,#FBF6E9,#F2EAD6);
  border:1px solid rgba(36,27,18,.22);
  padding:clamp(26px,3.6vw,46px) clamp(22px,3.4vw,48px);
  box-shadow:0 3px 9px rgba(43,33,24,.14),0 20px 42px rgba(43,33,24,.16);
  transform:rotate(-.35deg);
}
.spgoods::before{ /* inner hairline frame, same language as the rules sheet */
  content:"";position:absolute;inset:10px;border:1px solid rgba(36,27,18,.2);
  pointer-events:none;
}
.spgoods::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:var(--tex-paper);background-size:220px 220px;
  mix-blend-mode:multiply;opacity:.24;
}
.spgoods>*{position:relative;z-index:1}

/* ── the product shot: a cut-out sticker on the paper ── */
.spgoods__shot{
  display:flex;align-items:center;justify-content:center;
  padding:clamp(6px,1.4vw,16px);
}
.spgoods__shot img{
  width:100%;max-width:420px;height:auto;
  filter:drop-shadow(3px 7px 9px rgba(52,34,16,.3));
  transform:rotate(1.4deg);
}

/* ── copy ── */
.spgoods__title{
  font-family:var(--font-jp);font-weight:800;
  font-size:clamp(22px,3vw,30px);letter-spacing:.08em;color:var(--ink);
  margin:8px 0 12px;
}
.spgoods__lead{
  font-size:clamp(13.5px,1.5vw,15px);line-height:2.05;color:var(--ink-soft);
  margin-bottom:18px;
}
.spgoods__spec{
  display:flex;flex-direction:column;
  border-top:1px solid var(--paper-line);
  margin-bottom:22px;
}
.spgoods__spec div{
  display:flex;gap:16px;align-items:baseline;
  padding:9px 2px;border-bottom:1px solid var(--paper-line);
}
.spgoods__spec dt{
  flex:0 0 78px;
  font-family:var(--font-wood);font-size:10.5px;letter-spacing:.24em;color:var(--verm);
}
.spgoods__spec dd{font-size:13.5px;color:var(--ink-soft);letter-spacing:.04em}
.spgoods__note{
  margin-top:16px;font-size:11.5px;line-height:1.95;color:var(--ink-mute);
}

@media(max-width:860px){
  .spgoods{grid-template-columns:1fr;gap:22px}
  .spgoods__shot img{max-width:300px}
}