/* 마테리움 «담아두기» 별 버튼 (2026-09-22) */
.mtxsv{
  position:absolute; top:8px; right:8px; z-index:4;
  width:32px; height:32px; padding:0; display:flex; align-items:center; justify-content:center;
  border:0; border-radius:50%; cursor:pointer;
  background:rgba(0,0,0,.42); backdrop-filter:blur(2px);
  opacity:0; transition:opacity .14s, background .14s, transform .12s;
}
.mtxsv:hover{ background:rgba(0,0,0,.66); transform:scale(1.08); }
.mtxsv.on{ opacity:1; background:rgba(0,0,0,.5); }
a:hover > .mtxsv, .mtxsv:focus{ opacity:1; }
@media (hover:none){ .mtxsv{ opacity:1; } }   /* 터치 기기는 항상 보인다 */

.mtxsv-big{
  display:inline-flex; align-items:center; gap:7px; margin:10px 0 2px;
  padding:9px 16px; border:1px solid var(--line,#e5e7eb); border-radius:999px;
  background:var(--surface,#fff); color:var(--ink-2,#374151);
  font-size:13.5px; font-weight:700; cursor:pointer;
  transition:border-color .12s, color .12s, background .12s;
}
.mtxsv-big svg path{ stroke:var(--ink-3,#6b7280); }
.mtxsv-big:hover{ border-color:#f5b301; color:#b45309; }
.mtxsv-big:hover svg path{ stroke:#f5b301; }
.mtxsv-big.on{ border-color:#f5b301; background:#fffbeb; color:#b45309; }
.mtxsv-big.on svg path{ stroke:#f5b301; fill:#f5b301; }

.mtxsv-nav{
  display:inline-flex; align-items:center; gap:6px; margin-left:14px;
  font-size:13.5px; font-weight:600; color:var(--ink-2,#374151); text-decoration:none;
}
.mtxsv-nav:hover{ color:#b45309; }
.mtxsv-nav i{
  font-style:normal; font-size:11px; font-weight:700; line-height:1;
  padding:3px 6px; border-radius:999px; background:#b45309; color:#fff;
}
@media (max-width:760px){ .mtxsv-nav span{ display:none; } .mtxsv-nav{ margin-left:8px; } }