.clara-gp{margin:18px 0}
.clara-gp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.clara-gp-tab{border:1px solid rgba(0,0,0,.15);background:#fff;padding:8px 12px;border-radius:999px;cursor:pointer;font:inherit}
.clara-gp-tab.is-active{border-color:rgba(0,0,0,.35);font-weight:600}

.clara-gp-title{margin:0 0 10px;font-size:18px;}
.clara-gp-grid{display:grid;grid-template-columns:repeat(var(--clara-cols,3),minmax(0,1fr));gap:12px}
.clara-gp-item{position:relative;border-radius:16px;overflow:hidden;background:#f3f3f3;aspect-ratio:var(--clara-ratio,auto)}
.clara-gp-item img{width:100%;height:100%;display:block;object-fit:var(--clara-fit,cover)}

.clara-gp-blur img{filter:blur(var(--clara-blur,22px));transform:scale(1.06)}

.clara-gp-lock{position:absolute;inset:0;background:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}
.clara-gp-lock-inner{color:#fff;font-weight:600;line-height:1.3}
.clara-gp-lock-actions{margin-top:10px}
.clara-gp-btn{display:inline-block;background:#fff;color:#111;text-decoration:none;padding:10px 16px;border-radius:999px;font-weight:700}

.clara-gp-badge{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.35);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px}

/* Lightbox */
.clara-gp-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:99999;padding:22px}
.clara-gp-lightbox img{max-width:92vw;max-height:86vh;border-radius:16px}
.clara-gp-lightbox-close{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:999px;padding:10px 12px;cursor:pointer;font-size:16px}

/* Accessibility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Small screens */
@media (max-width: 640px){
  .clara-gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}