.samples-section{margin-top:2rem;margin-inline:auto;max-width:1400px}.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1.5rem}.sample-item{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;height:100%;background:#fff}.sample-image-wrapper{position:relative;padding-top:100%}.sample-image-wrapper:before{content:"Sample";position:absolute;top:10px;right:10px;background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:10;opacity:.9}.sample-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:1rem}.sample-link{display:block;text-decoration:none;color:inherit;position:relative}.sample-link:after{content:"";position:absolute;bottom:8px;right:8px;width:24px;height:24px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></svg>');opacity:.7;z-index:5}.sample-info{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.sample-title{font-size:1.125rem;color:#005487;margin:0;line-height:1.4;text-align:center}.sample-description{font-size:.875rem;color:#4b5563;line-height:1.6;margin:0}.sample-audio-wrapper{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}audio{width:100%;outline:none}audio::-webkit-media-controls-panel{background-color:#fff;border-radius:8px}@media (max-width: 768px){.samples-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sonlight-samples-block.css.map */