/* 2 columns on desktop (Swell friendly) */
.fspp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width: 782px){.fspp-grid{grid-template-columns:1fr;gap:16px}}
.fspp-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #eee;border-radius:14px;padding:10px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.fspp-thumb{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#f5f5f5}
.fspp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fspp-title{font-size:13px;line-height:1.4;margin:2px 0 2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Price line */
.fspp-pricebox{display:flex;align-items:center;gap:10px;margin:2px 0 6px;justify-content:center;flex-wrap:wrap}
.fspp-price-regular{text-decoration:line-through;opacity:.6}
.fspp-price-sale{font-weight:700}
.fspp-arrow{opacity:.5}
.fspp-save{margin-left:auto;font-weight:700;color:#d23}

/* Actions: use WP core button markup so SWELL styles apply */
.fspp-actions{margin-top:auto;display:flex;gap:12px}
.fspp-actions .wp-block-button__link{text-decoration:none}
/* Pagination */
.fspp-pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}
.fspp-pagination a{padding:6px 10px;border:1px solid #ddd;border-radius:8px;text-decoration:none}
.fspp-pagination a.is-active{background:#111;color:#fff;border-color:#111}

.fspp-price-left{display:flex;gap:10px;align-items:center}.fspp-save{color:#d23;font-weight:700;margin-left:0}.fspp-off{color:#d23;font-weight:700}
.fspp-actions{justify-content:center}.fspp-actions .wp-block-button{flex:0 0 48%}.fspp-actions .wp-block-button__link{width:100%;text-align:center}
.fspp-thumb.is-square{aspect-ratio:1/1}
.fspp-price-left{display:flex;gap:8px;align-items:center}.fspp-save{color:#d23;font-weight:700}.fspp-arrow{opacity:.5}
/* --- Compact layout tweaks --- */
.fspp-compact.fspp-grid{gap:14px}
.fspp-compact .fspp-card{gap:2px;padding:8px;border-radius:12px}
.fspp-compact .fspp-thumb{border-radius:10px}
.fspp-compact .fspp-title{font-size:16px;line-height:1.42;margin:6px 0 2px;overflow:hidden}
.fspp-compact .fspp-pricebox{margin:0 0 4px;gap:6px}
.fspp-compact .fspp-price-left{gap:6px}
.fspp-compact .fspp-price-regular,.fspp-compact .fspp-price-sale,.fspp-compact .fspp-save{font-size:12px}
.fspp-compact .wp-block-button__link{padding:8px 10px;border-radius:999px}