/* ---------- Instagram: butonat + dritarja ---------- */
.ig-share{margin-top:18px}
.ig-share .share-title{display:flex;align-items:center;gap:8px}
.ig-share .share-title svg{flex-shrink:0}
.ig-btn{gap:8px}
.ig-btn svg{flex-shrink:0}

html.igm-open{overflow:hidden}
.igm{
  position:fixed;inset:0;z-index:9999;
  background:rgba(17,17,17,.72);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.igm[hidden]{display:none}
.igm-box{
  width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;
  background:var(--bg,#F7F6F2);border:2px solid var(--ink,#111);
  box-shadow:10px 10px 0 var(--yellow,#FFD400);
}
.igm-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 22px;border-bottom:2px solid var(--ink,#111);background:#fff;
}
.igm-head h2{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:-.01em}
.igm-x{
  width:40px;height:40px;border:2px solid var(--ink,#111);background:#fff;cursor:pointer;
  font-size:24px;line-height:1;font-weight:700;
}
.igm-x:hover{background:var(--yellow,#FFD400)}
.igm-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:22px}
.igm-prev{
  display:flex;align-items:center;justify-content:center;
  background:#e9e6dc;border:2px solid var(--ink,#111);min-height:320px;
}
.igm-prev img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}
.igm-prev.is-story img{max-width:330px}
.igm-load{font-family:var(--display);font-weight:800;font-size:14px;color:var(--ink-soft,#4a4a4a);padding:30px}
.igm-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.igm-note{font-size:14.5px;line-height:1.55;color:var(--ink-soft,#4a4a4a)}
.igm-actions{display:flex;flex-wrap:wrap;gap:10px}
.igm-btn{
  flex:1 1 auto;
  font-family:var(--display);font-weight:800;font-size:15px;
  padding:13px 18px;border:2px solid var(--ink,#111);cursor:pointer;
  background:var(--ink,#111);color:var(--yellow,#FFD400);
}
.igm-btn:hover{background:#000}
.igm-dl{background:#fff;color:var(--ink,#111)}
.igm-dl:hover{background:var(--yellow,#FFD400)}
.igm-btn[hidden]{display:none}
.igm-lab{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-top:6px}
.igm-cap{
  width:100%;resize:vertical;font-family:var(--body);font-size:13.5px;line-height:1.5;
  padding:10px 12px;border:2px solid var(--ink,#111);background:#fff;color:var(--ink,#111);
}
.igm-btn2{
  font-family:var(--display);font-weight:800;font-size:13.5px;
  padding:9px 14px;border:2px solid var(--ink,#111);background:#fff;cursor:pointer;border-radius:999px;
}
.igm-btn2:hover{background:var(--yellow,#FFD400)}
/* zgjedhja e shabllonit */
.igm-tpls{
  grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 28px;
  padding-bottom:18px;border-bottom:2px dashed rgba(17,17,17,.2);
}
.igm-tpls .igm-lab{display:block;margin:0 0 8px}
.igm-tl{display:flex;gap:10px}
.igm-tpl{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:7px 7px 8px;border:2px solid var(--ink,#111);background:#fff;cursor:pointer;
  font-family:var(--display);font-weight:700;font-size:12.5px;line-height:1.2;color:var(--ink,#111);
  transition:transform .12s, box-shadow .12s;
}
.igm-tpl b{font-weight:900}
.igm-tpl:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink,#111)}
.igm-tpl[aria-pressed="true"]{background:var(--yellow,#FFD400);box-shadow:4px 4px 0 var(--ink,#111);transform:translate(-2px,-2px)}
.igm-th{display:block;height:96px;background:#e9e6dc;border:1px solid rgba(17,17,17,.25)}
.igm-th.is-feed{width:77px}
.igm-th.is-story{width:54px}
.igm-th img{display:block;width:100%;height:100%;object-fit:cover}
.igm-tpl:focus-visible,
.igm-x:focus-visible,.igm-btn:focus-visible,.igm-btn2:focus-visible,.igm-cap:focus-visible{outline:2px solid var(--ink,#111);outline-offset:3px}

@media(max-width:760px){
  .igm{padding:0;align-items:stretch}
  .igm-box{max-height:100vh;height:100%;box-shadow:none;border:0}
  .igm-body{grid-template-columns:1fr;padding:16px;gap:16px}
  .igm-prev{min-height:220px}
  .igm-tpls{gap:12px 18px;padding-bottom:14px}
  .igm-tl{gap:8px}
  .igm-tpl{padding:5px 5px 6px;font-size:11px}
  .igm-tpl .igm-tn{max-width:70px;text-align:center}
  .igm-th{height:78px}
  .igm-th.is-feed{width:62px}
  .igm-th.is-story{width:44px}
  .igm-prev img{max-height:52vh}
}