/* ZOHAR — הדמיית פרופיל. מובייל-first, נראה אמיתי, בלי נכסי Instagram. */
body{margin:0;background:#CDBFB2;font-size:15px;line-height:1.6}
.skip-link{position:fixed;top:-90px;inset-inline-start:14px;z-index:99;background:var(--z-espresso);color:var(--z-milk);padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600;transition:top .2s}
.skip-link:focus-visible{top:10px}

.ig-app{max-width:440px;min-height:100svh;margin-inline:auto;background:#fff;display:flex;flex-direction:column}
@media (min-width:520px){.ig-app{margin-block:28px;min-height:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(58,42,38,.35)}}

.ig-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}
.ig-handle{font-weight:700;font-size:1.15rem;letter-spacing:.01em}
.ig-top-icons{display:inline-flex;gap:18px}
.ig-top-icons svg{width:22px;height:22px}

.ig-head{display:flex;align-items:center;gap:22px;padding:8px 16px}
.ig-avatar{flex:none;width:86px;height:86px;border-radius:50%;background:var(--z-milk);display:grid;place-items:center;
  outline:2px solid var(--z-caramel);outline-offset:3px}
.ig-stats{display:flex;flex:1;justify-content:space-around;list-style:none;margin:0;padding:0;text-align:center}
.ig-stats b{display:block;font-size:1.05rem}
.ig-stats span{font-size:.82rem;color:#555}

.ig-bio{padding:6px 16px 2px}
.ig-bio p{margin:0 0 2px}
.ig-name{font-weight:700}
.ig-cat{color:#777;font-size:.88rem}

.ig-highlights{display:flex;gap:18px;padding:14px 16px 6px;overflow-x:auto;scrollbar-width:none}
.ig-highlights::-webkit-scrollbar{display:none}
.ig-highlights a{display:grid;justify-items:center;gap:6px;color:inherit;text-decoration:none;font-size:.72rem;letter-spacing:.08em}
.ig-highlights i{width:62px;height:62px;border-radius:50%;background:var(--z-milk);border:1px solid rgba(58,42,38,.25);display:grid;place-items:center}
.ig-highlights svg{width:38px;height:38px}

.ig-tabs{display:flex;border-block-start:1px solid #eee;margin-block-start:10px}
.ig-tabs button{flex:1;display:grid;place-items:center;padding:10px 0;background:none;border:0;color:#999;cursor:pointer;border-block-start:1px solid transparent}
.ig-tabs button.on{color:var(--z-espresso);border-block-start-color:var(--z-espresso);margin-block-start:-1px}
.ig-tabs svg{width:22px;height:22px}

.ig-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ig-grid button{position:relative;display:block;width:100%;padding:0;border:0;background:#eee;cursor:pointer;aspect-ratio:4/5;overflow:hidden}
.ig-grid img{width:100%;height:100%;object-fit:cover}
.car-ico{position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}

.ig-note{padding:16px;margin:0;text-align:center;font-size:.8rem;color:#8a8a8a}

/* viewer */
.viewer{position:fixed;inset:0;z-index:80;display:grid;place-items:center}
.viewer[hidden]{display:none}
.viewer-back{position:absolute;inset:0;background:rgba(20,12,10,.82)}
.viewer-card{position:relative;margin:0;width:min(480px,92vw)}
.viewer-card img{width:100%;height:auto;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.viewer-card figcaption{margin-block-start:12px;color:#F2E9E1;text-align:center;font-size:.95rem}
.viewer-x{position:absolute;top:-46px;inset-inline-end:0;background:none;border:0;color:#F2E9E1;font-size:1.4rem;cursor:pointer;padding:8px}
.viewer-nav{position:absolute;top:50%;translate:0 -50%;width:46px;height:46px;border-radius:50%;border:0;background:rgba(242,233,225,.92);color:var(--z-espresso);cursor:pointer;display:grid;place-items:center}
.viewer-nav svg{width:22px;height:22px}
.viewer-prev{inset-inline-start:-14px}
.viewer-next{inset-inline-end:-14px}
.viewer-nav[disabled]{opacity:.25;cursor:default}
.viewer-dots{display:flex;justify-content:center;gap:6px;margin-block-start:10px}
.viewer-dots i{width:7px;height:7px;border-radius:50%;background:rgba(242,233,225,.4)}
.viewer-dots i.on{background:#F2E9E1}