.reels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.sp-card{position:relative;aspect-ratio:9/16;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform 0.25s ease,border-color 0.25s ease}.sp-card--video{border:1.5px solid rgb(255 255 255 / .08);background:#1a0a17}.sp-card--video:hover{transform:translateY(-4px) scale(1.015);border-color:var(--color-rose)}.reel-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.4s ease}.sp-card--video:hover .reel-bg{transform:scale(1.05)}.reel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 45%,rgb(26 10 23 / .92) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px}.reel-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:48px;height:48px;border-radius:50%;background:rgb(255 255 255 / .15);border:1.5px solid rgb(255 255 255 / .7);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1rem;opacity:0;transition:opacity 0.2s,transform 0.2s,background 0.2s}.sp-card--video:hover .reel-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1);background:var(--color-rose);border-color:var(--color-rose)}.reel-info h5{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--color-white);margin:0 0 3px;line-height:1.3}.reel-info p{font-size:.65rem;color:rgb(253 232 229 / .75);margin:0 0 5px}.reel-views-pill{display:inline-block;background:rgb(255 255 255 / .12);padding:2px 7px;border-radius:10px;font-size:.6rem;color:rgb(253 232 229 / .9);font-weight:600}.sp-card--image{border:1.5px solid rgb(44 14 38 / .12);background:#f5f0f4}.sp-card--image:hover{transform:translateY(-3px);border-color:var(--color-rose)}.sp-card--image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 30%,rgb(26 10 23 / .9) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px;z-index:1}.img-overlay .img-name{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3;text-shadow:0 1px 4px rgb(0 0 0 / .6);letter-spacing:.2px}.img-overlay .img-sub{font-size:.8rem;font-weight:500;color:rgb(255 240 245 / .92);text-shadow:0 1px 3px rgb(0 0 0 / .5)}.sp-card--text{background:#fff;border:1.5px solid rgb(44 14 38 / .1);display:flex;flex-direction:column;padding:16px;aspect-ratio:auto}.sp-card--text:hover{transform:translateY(-3px);border-color:var(--color-rose)}.text-card-stars{color:#ffb300;font-size:.85rem;letter-spacing:1px;margin-bottom:8px}.text-card-quote{font-size:1.4rem;color:#e8c8e4;font-family:Georgia,serif;line-height:1;margin-bottom:4px}.text-card-body{font-size:.88rem;color:#3d1a35;line-height:1.65;flex:1}.text-card-footer{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgb(44 14 38 / .07)}.text-card-avatar{width:32px;height:32px;border-radius:50%;background:#f0e6ee;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#6d2d5e;flex-shrink:0}.text-card-name{font-size:.85rem;font-weight:700;color:#2c0e26;margin-bottom:1px}.text-card-loc{font-size:.72rem;color:#888}.reel-platform,.sp-platform-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:.3px;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.sp-platform-badge--inline{position:static;display:inline-flex;margin-bottom:12px}.plat-instagram{background:rgb(193 53 132 / .88);color:#fff}.plat-tiktok{background:rgb(0 0 0 / .78);color:#fff;border:1px solid rgb(255 255 255 / .2)}.plat-facebook{background:rgb(24 119 242 / .88);color:#fff}.plat-whatsapp{background:rgb(37 211 102 / .88);color:#1a4a2a}.plat-web{background:rgb(70 70 70 / .88);color:#fff}@media (max-width:992px){.reels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.reels-grid{grid-template-columns:repeat(2,1fr);gap:10px}}