/* v2.5.2 – per-card padding, height & CTA spacing */
.pib,
.pib-grid .pib {
  --pib-pad-x: 0px;
  --radius-tl: 20px;
  --radius-tr: 20px;
  --pib-aspect: 16/9;
  --pib-height: auto;
  --button-bg: rgba(0,0,0,.55);
  --button-color: #fff;
  --cta-inset-x: 8px;
  --cta-inset-y: 8px;
  --cta-gap: 8px;
  --acc-border-color: rgba(0,0,0,.08);
  --acc-border-width: 1px;
  --pib-more-pulse-color: #22c55e;
  --pib-more-pulse-rgb: 34,197,94;
  --pib-more-pulse-speed: 3s;
  --pib-offer-pulse-color: #ef4444;
  --pib-offer-pulse-rgb: 239,68,68;
  --pib-offer-pulse-speed: 3s;
  box-sizing: border-box;
  padding-left: var(--pib-pad-x);
  padding-right: var(--pib-pad-x);
}

.pib-grid { --grid-cols:2; --grid-gap:24px; display:grid; grid-template-columns:repeat(var(--grid-cols), minmax(0,1fr)); gap:var(--grid-gap); }

.pib-image-wrap{ position:relative; display:block; border-radius:var(--radius-tl) var(--radius-tr) 0 0; overflow:hidden; aspect-ratio:var(--pib-aspect); height:var(--pib-height); min-height:1px; }
.pib-image{ width:100%; height:100%; object-fit:cover; display:block; }
.pib-placeholder{ width:100%; height:100%; background:repeating-linear-gradient(45deg,#f3f4f6 0 8px,#e5e7eb 8px 16px); color:#6b7280; display:grid; place-items:center; }

.pib-titlebox{ position:absolute; top:12px; left:12px; max-width:calc(100% - 24px); z-index:3; border-radius:12px; padding:10px 12px; }
.pib-titlebox--backdrop{ background:rgba(255,255,255,.42); backdrop-filter:brightness(1.25) saturate(1.05) blur(1px); }
.pib-titlebox__title{ margin:0 0 4px 0; }
.pib-titlebox__subtitle{ margin:0; }

.pib-cta{ position:absolute; right:var(--cta-inset-x); bottom:var(--cta-inset-y); z-index:2; display:flex; gap:var(--cta-gap); align-items:center; }
.pib-more, .pib-link{ position:relative; z-index:1; border:0; border-radius:9999px; padding:10px 14px; background:var(--button-bg); color:var(--button-color); font-weight:700; line-height:1; cursor:pointer; backdrop-filter:blur(4px); white-space:nowrap; text-decoration:none; }
.pib-link:visited, .pib-link:hover, .pib-link:active{ color:inherit; }

.pib-more::before, .pib-link::before{ content:""; position:absolute; inset:-2px; border-radius:9999px; z-index:-1; }
.pib-more::before{ background:var(--pib-more-pulse-color); box-shadow:0 0 0 0 rgba(var(--pib-more-pulse-rgb), .45); animation:pib-pulse-rect var(--pib-more-pulse-speed) ease-out infinite; }
.pib-link::before{ background:var(--pib-offer-pulse-color); box-shadow:0 0 0 0 rgba(var(--pib-offer-pulse-rgb), .45); animation:pib-pulse-rect var(--pib-offer-pulse-speed) ease-out infinite; }

@keyframes pib-pulse-rect{ 0%{box-shadow:0 0 0 0 rgba(0,0,0,0); opacity:.95} 60%{box-shadow:0 0 0 14px rgba(0,0,0,0); opacity:.75} 100%{box-shadow:0 0 0 0 rgba(0,0,0,0); opacity:.95} }

.pib-accordion{ overflow:hidden; transition: height .3s ease; }
.pib-accordion[hidden]{ display:block; height:0; overflow:hidden; }
.pib-accordion__inner{ padding:16px; background:#fff; border:var(--acc-border-width) solid var(--acc-border-color); border-top:none; border-radius:0 0 12px 12px; }