/* Dd front-end: lightbox + bookshelf */
.dd-lb-trigger{cursor:pointer}
button.dd-lb-trigger{display:inline-flex;align-items:center;gap:8px;background:#2f6bff;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;line-height:1.2;cursor:pointer}
button.dd-lb-trigger:hover{background:#2257d6}
img.dd-lb-trigger{max-width:100%;height:auto;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:transform .15s}
img.dd-lb-trigger:hover{transform:translateY(-2px)}

.dd-lb-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;padding:2vmin}
.dd-lb-overlay.open{display:flex}
.dd-lb-box{position:relative;width:min(1100px,96vw);height:min(90vh,96vh);background:#222a36;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dd-lb-box iframe{position:relative;width:100%;height:100%;border:0;display:block;z-index:2;opacity:0;transition:opacity 0.4s ease}
.dd-lb-box iframe.loaded{opacity:1}
.dd-lb-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}
.dd-lb-spin{width:36px;height:36px;border:3px solid rgba(255,255,255,0.1);border-top-color:#fff;border-radius:50%;animation:dd-lb-spin 0.8s linear infinite}
@keyframes dd-lb-spin{to{transform:rotate(360deg)}}
.dd-lb-close{position:absolute;top:8px;inset-inline-end:8px;z-index:10;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.dd-lb-close:hover{background:rgba(0,0,0,.85)}