.sample-modal{ display:none; }
.sample-modal.is-open{ display:block; position:fixed; inset:0; z-index:99999; }
.sample-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.5); }
.sample-modal__dialog{ position:relative; max-width:820px; margin:5vh auto; background:#fff; padding:18px; border-radius:12px; z-index:2; }
.sample-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.sample-card{ display:flex; gap:10px; align-items:center; border:1px solid #eee; padding:10px; border-radius:10px; cursor:pointer; }
.sample-thumb img{ width:54px; height:54px; object-fit:cover; border-radius:10px; }
.sample-footer{ display:flex; justify-content:space-between; align-items:center; margin-top:14px; }
.tf-free-sample-label{ opacity:.7; font-size:12px; }
@media (min-width:768px){ .sample-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }