/* Thanksgiving crafts (builds on snacks.css) */
.cr .sn-hero{background:radial-gradient(110% 90% at 90% 0%,#FCE3C8,transparent 60%),radial-gradient(90% 80% at 0% 100%,var(--gold-wash),transparent 55%)}
.cr .sn-hero-in{grid-template-columns:1fr minmax(180px,320px)}
.sub-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;padding:0}
.sub-chips span{background:#fff;border:2px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:800;font-size:15px}
.tt{grid-column:2;grid-row:1/span 2;text-align:center}
.tt-svg{width:100%;max-width:300px;margin:0 auto;overflow:visible}
.tf{fill:#F3ECE2;stroke:#3A2E3F;stroke-width:4;transition:fill .5s ease,transform .5s ease;transform-box:fill-box;transform-origin:50% 100%}
.tf.on{fill:var(--fc);animation:fpop .6s ease}
@keyframes fpop{0%{transform:scale(.6)}60%{transform:scale(1.12)}100%{transform:none}}
.tt-msg{margin:4px 0 0;font-weight:700;font-size:15px}
.tt-msg b{color:var(--coral)}
.tt.full .tt-svg{animation:wiggle 1.2s ease 2}
@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
.cr .sn-acts{grid-column:1}
.cr .sn-acts .btn svg{width:22px;height:22px}
.cr-meta{display:flex;gap:12px;align-items:center;margin:0;font-weight:800;font-size:14px;color:var(--plum-soft)}
.cr-mess{display:inline-flex;align-items:center;gap:3px}
.cr-mess i{width:10px;height:10px;border-radius:50%;background:var(--line);display:inline-block}
.cr-mess i.on{background:var(--coral)}
.cr-tpl{align-self:flex-start;background:var(--sky-wash);color:var(--plum);border-radius:8px;padding:3px 9px;font-weight:800;font-size:13px}
.cr-tpl.cr-free{background:var(--leaf-wash)}
.cr-card h4{margin:6px 0 0;font:800 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--plum-soft)}
.cr-need,.cr-steps{margin:0;padding-left:20px;font-size:15.5px}
.cr-need li,.cr-steps li{margin:2px 0}
.cr-little{margin:4px 0 0;font-size:14.5px;background:var(--gold-wash);border-radius:10px;padding:8px 10px}
.cr-done{margin-top:auto;width:100%}
.cr-card.made .cr-done{background:var(--leaf);box-shadow:0 6px 0 #5f8f4c}
.cr-stamp{position:absolute;right:12px;bottom:12px;background:var(--leaf);color:#fff;font:900 16px var(--sans);padding:8px 14px;border-radius:999px;transform:rotate(-6deg);box-shadow:0 4px 0 #5f8f4c}
.cr-pack-prev{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cr-pack-prev img{border-radius:8px;box-shadow:0 10px 24px rgba(58,46,63,.18);background:#fff}
.cr-pack-prev img:nth-child(1){transform:rotate(-3deg)}.cr-pack-prev img:nth-child(3){transform:rotate(3deg)}
.sn-unlocked .btn{width:auto;white-space:nowrap}
@media (max-width:760px){
  .cr .sn-hero-in{grid-template-columns:1fr 128px}
  .tt{grid-row:1}
  .tt-msg{font-size:12px;line-height:1.25}
  .cr .sn-acts{grid-column:1/-1}
  .sub-chips{margin:8px 0 10px}.sub-chips span{font-size:13px;padding:4px 10px}
}
@media (max-width:560px){
  .cr .sn-grid{grid-template-columns:1fr}
  .cr .sn-body{padding:14px 16px 18px;gap:8px}
  .cr .sn-body h3{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.tf,.tt-svg{animation:none!important;transition:none!important}}