.ww-ep-wrap{display:grid;grid-template-columns:260px 1fr 260px;gap:14px}
.ww-ep-left{background:#fff;border:1px solid #e5e7eb;padding:8px;overflow:auto;max-height:80vh}
.ww-ep-thumbs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ww-ep-thumb{cursor:pointer;border:1px solid #e5e7eb;padding:6px;background:#fafafa}
.ww-ep-thumb img{width:100%;display:block}
.ww-ep-thumb-title{text-align:center;font-size:13px;margin-top:4px}
.ww-ep-middle{border:1px solid #e5e7eb;background:#fff;padding:8px}
.ww-ep-image-holder{position:relative;display:inline-block;max-width:100%}
#ww-ep-main-img{max-width:100%;height:auto;display:block;position:relative;z-index:1}
#ww-ep-hotspots{position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;pointer-events:auto}
a.ww-ep-hs{position:absolute;display:block;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}
a.ww-ep-hs:hover{background:rgba(0,0,0,.2)}
.ww-ep-right{border:1px solid #e5e7eb;background:#fff;padding:8px}
#ww-ep-datepicker{width:100%;padding:6px;border:1px solid #ddd}

/* Popup */
#ww-ep-popup{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:99999}
#ww-ep-popup .popup-content{background:#fff;padding:10px;max-width:90%;max-height:90%;overflow:auto;border-radius:8px;position:relative}
#ww-ep-popup .close-btn{position:absolute;right:8px;top:6px;font-size:26px;cursor:pointer}
#ww-ep-popup img{max-width:100%;height:auto;display:block}

/* v1.1.0 controls */
.ww-ep-top-controls{position:relative; display:flex; align-items:center; justify-content:center; margin-bottom:10px; gap:12px}
.ww-ep-top-controls .ww-ep-top-actions{position:absolute; right:0; top:0}
.ww-ep-pagebar{display:flex; gap:8px; flex-wrap:wrap}
.ww-ep-pagebar .ww-ep-num{min-width:32px; height:32px; padding:4px 10px; border-radius:9999px; border:1px solid #cbd5e1; background:#fff; color:#111827; font-weight:600; line-height:1; box-shadow:0 1px 2px rgba(0,0,0,.06); cursor:pointer}
.ww-ep-pagebar .ww-ep-num.active{background:#1e40af; border-color:#1e40af; color:#fff}
.ww-ep-bottom-nav{display:flex; justify-content:space-between; margin-top:8px}
.ww-ep-bottom-nav .btn-prev, .ww-ep-bottom-nav .btn-next{background:#f3f4f6; border:1px solid #cbd5e1; padding:6px 10px; border-radius:6px; cursor:pointer; font-weight:600}

/* v1.1.2: Color print & prev/next like active number buttons */
.ww-ep-top-actions .ww-ep-btn,
.ww-ep-bottom-nav .btn-prev,
.ww-ep-bottom-nav .btn-next{
  background:#1e40af;
  border:1px solid #1e40af;
  color:#fff;
  border-radius:9999px;
  font-weight:700;
  padding:6px 14px;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.ww-ep-bottom-nav .btn-prev,
.ww-ep-bottom-nav .btn-next{ min-width:110px }
.ww-ep-top-actions .ww-ep-btn:hover,
.ww-ep-bottom-nav .btn-prev:hover,
.ww-ep-bottom-nav .btn-next:hover{
  filter:brightness(1.06);
}

/* v1.1.6 */
#ww-ep-hotspots{pointer-events:auto}
a.ww-ep-hs{z-index:10}

/* v1.1.9: Always show thumbnail titles */
.ww-ep-thumbs .ww-ep-thumb-title{display:block!important; opacity:1!important; visibility:visible!important; margin-top:6px; text-align:center; font-weight:600; font-size:13px;}