/* NatDentist Instagram Feed — v2.0 */
.nd-instagram{
  --ndig-ink:var(--nd-ink,#102c45);
  --ndig-muted:var(--nd-muted,#6f8498);
  --ndig-blue:var(--nd-blue,#2487f5);
  --ndig-cyan:var(--nd-cyan,#25b9bd);
  position:relative;
  overflow:hidden;
  padding:104px 0 96px;
  background:
    radial-gradient(circle at 90% 6%,rgba(36,135,245,.10),transparent 25%),
    radial-gradient(circle at 6% 88%,rgba(37,185,189,.10),transparent 27%),
    linear-gradient(180deg,#fff 0%,#f7fbfd 100%);
  touch-action:pan-y pinch-zoom;
}
.nd-instagram:before{content:"";position:absolute;right:-120px;top:80px;width:350px;height:350px;border-radius:50%;border:1px solid rgba(36,135,245,.08);box-shadow:0 0 0 58px rgba(37,185,189,.025),0 0 0 116px rgba(36,135,245,.018);pointer-events:none}
.nd-instagram-container{position:relative;z-index:1;max-width:1180px}
.nd-instagram-head{display:flex;align-items:flex-end;justify-content:space-between;gap:52px;margin-bottom:40px}
.nd-instagram-copy{max-width:760px}
.nd-instagram-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--ndig-cyan);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.nd-instagram-eyebrow-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(37,185,189,.20);border-radius:9px;background:rgba(37,185,189,.08)}
.nd-instagram-eyebrow-icon svg{width:16px;height:16px}
.nd-instagram h2{margin:0;color:var(--ndig-ink);font-family:"Playfair Display","Open Sans",serif;font-size:clamp(38px,4.5vw,62px);font-weight:600;line-height:1.03;letter-spacing:-.035em}
.nd-instagram h2 em{color:var(--ndig-cyan);font-style:italic;font-weight:500}
.nd-instagram-copy>p{max-width:730px;margin:20px 0 0;color:var(--ndig-muted);font-size:15px;line-height:1.85}
.nd-instagram-profile{flex:0 0 auto;display:flex;align-items:center;gap:13px;min-width:240px;padding:14px 15px;border:1px solid rgba(16,44,69,.08);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 13px 35px rgba(23,71,104,.08);text-decoration:none!important;transition:.25s ease;touch-action:manipulation}
.nd-instagram-profile:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(23,71,104,.13);border-color:rgba(37,185,189,.24)}
.nd-instagram-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--ndig-blue),var(--ndig-cyan));color:#fff;box-shadow:0 8px 20px rgba(36,135,245,.22)}
.nd-instagram-avatar svg{width:24px;height:24px}
.nd-instagram-profile-copy{min-width:0;display:block}
.nd-instagram-profile-copy small,.nd-instagram-profile-copy strong{display:block}
.nd-instagram-profile-copy small{margin-bottom:2px;color:#91a0ad;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.nd-instagram-profile-copy strong{color:var(--ndig-ink);font-size:15px;font-weight:750}
.nd-instagram-profile-arrow{margin-left:auto;color:var(--ndig-cyan);font-size:20px;line-height:1}
.nd-instagram-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:218px 218px;gap:12px;min-height:448px;touch-action:pan-y pinch-zoom}
.nd-instagram-card,.nd-instagram-skeleton{position:relative;overflow:hidden;border-radius:22px;background:#eaf2f6;isolation:isolate}
.nd-instagram-card{touch-action:manipulation}
.nd-instagram-card:nth-child(1),.nd-instagram-skeleton:nth-child(1){grid-column:span 2;grid-row:span 2;border-radius:28px}
.nd-instagram-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease;pointer-events:none;-webkit-user-drag:none;user-select:none}
.nd-instagram-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 47%,rgba(5,23,37,.72) 100%);opacity:.75;transition:opacity .3s ease;pointer-events:none}
.nd-instagram-card:after{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(255,255,255,.22);border-radius:inherit;pointer-events:none}
.nd-instagram-card:hover img{transform:scale(1.055)}
.nd-instagram-card:hover:before{opacity:1}
.nd-instagram-meta{position:absolute;z-index:3;left:17px;right:17px;bottom:15px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#fff;pointer-events:none}
.nd-instagram-card:nth-child(1) .nd-instagram-meta{left:24px;right:24px;bottom:22px}
.nd-instagram-caption{min-width:0;overflow:hidden;color:#fff;font-size:11px;font-weight:600;line-height:1.45;text-shadow:0 2px 10px rgba(0,0,0,.28);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nd-instagram-card:nth-child(1) .nd-instagram-caption{max-width:82%;font-size:13px;line-height:1.55;-webkit-line-clamp:3}
.nd-instagram-type{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(8,33,49,.62);color:#fff;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.nd-instagram-type svg{width:18px;height:18px}
.nd-instagram-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.65) 43%,transparent 64%);transform:translateX(-100%);animation:ndInstagramShimmer 1.25s infinite}
@keyframes ndInstagramShimmer{to{transform:translateX(100%)}}
.nd-instagram-status{margin-top:18px;padding:20px 22px;border:1px solid rgba(16,44,69,.08);border-radius:18px;background:#fff;color:var(--ndig-muted);font-size:13px;line-height:1.7;box-shadow:0 12px 30px rgba(23,71,104,.05)}
.nd-instagram-status a{color:var(--ndig-blue)!important;font-weight:700;text-decoration:none!important}
.nd-instagram-foot{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:25px;padding:0 3px}
.nd-instagram-note{display:flex;align-items:center;gap:10px;color:#8394a2;font-size:11px;font-weight:600}
.nd-instagram-live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#26bd98;box-shadow:0 0 0 5px rgba(38,189,152,.10)}
.nd-instagram-live-dot:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(38,189,152,.34);border-radius:50%;animation:ndInstagramPulse 2.2s infinite}
@keyframes ndInstagramPulse{0%{transform:scale(.65);opacity:1}75%,100%{transform:scale(1.6);opacity:0}}
.nd-instagram-follow{display:inline-flex;align-items:center;gap:10px;color:var(--ndig-ink)!important;font-size:12px;font-weight:800;text-decoration:none!important;letter-spacing:.01em;transition:.2s ease;touch-action:manipulation}
.nd-instagram-follow>span:last-child{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ndig-ink);color:#fff;transition:.2s ease}
.nd-instagram-follow:hover{color:var(--ndig-cyan)!important}.nd-instagram-follow:hover>span:last-child{transform:translate(2px,-2px);background:var(--ndig-cyan)}
@media(max-width:991.98px){
  .nd-instagram{padding:82px 0 78px}
  .nd-instagram-head{align-items:flex-start;gap:28px}
  .nd-instagram-profile{min-width:215px}
  .nd-instagram-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:210px 210px 210px;min-height:654px}
  .nd-instagram-card:nth-child(1),.nd-instagram-skeleton:nth-child(1){grid-column:span 2;grid-row:span 2}
}
@media(max-width:767.98px){
  .nd-instagram{padding:66px 0 62px;touch-action:pan-y pinch-zoom}
  .nd-instagram-container{padding-left:20px;padding-right:20px}
  .nd-instagram-head{display:block;margin-bottom:28px}
  .nd-instagram h2{font-size:40px}
  .nd-instagram-copy>p{font-size:14px;line-height:1.75}
  .nd-instagram-profile{width:100%;min-width:0;margin-top:24px}
  .nd-instagram-grid{display:flex;gap:12px;min-height:0;overflow-x:auto;overflow-y:hidden;padding:2px 1px 12px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior-x:contain}
  .nd-instagram-grid::-webkit-scrollbar{display:none}
  .nd-instagram-card,.nd-instagram-skeleton,.nd-instagram-card:nth-child(1),.nd-instagram-skeleton:nth-child(1){flex:0 0 78vw;width:78vw;height:365px;border-radius:22px;scroll-snap-align:start}
  .nd-instagram-card:nth-child(n+2),.nd-instagram-skeleton:nth-child(n+2){flex-basis:66vw;width:66vw;height:365px}
  .nd-instagram-card:nth-child(1) .nd-instagram-meta{left:18px;right:18px;bottom:17px}
  .nd-instagram-card:nth-child(1) .nd-instagram-caption{font-size:12px}
  .nd-instagram-foot{align-items:flex-start;flex-direction:column;gap:17px;margin-top:17px}
}
@media(max-width:420px){
  .nd-instagram h2{font-size:35px}
  .nd-instagram-card,.nd-instagram-skeleton,.nd-instagram-card:nth-child(1),.nd-instagram-skeleton:nth-child(1){flex-basis:84vw;width:84vw;height:330px}
  .nd-instagram-card:nth-child(n+2),.nd-instagram-skeleton:nth-child(n+2){flex-basis:74vw;width:74vw;height:330px}
}
/* NatDentist main.js Safari detector ile uyumlu: dikey site scroll'u öncelikli. */
html.nd-ios-safari .nd-instagram,
html.nd-ios-safari .nd-instagram-container,
html.nd-ios-safari .nd-instagram-card{touch-action:pan-y pinch-zoom!important}
html.nd-ios-safari .nd-instagram-grid{touch-action:auto!important;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch}
html.nd-ios-safari .nd-instagram-profile,
html.nd-ios-safari .nd-instagram-type{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){
  .nd-instagram-card img,.nd-instagram-profile,.nd-instagram-follow>span:last-child{transition:none!important}
  .nd-instagram-skeleton:before,.nd-instagram-live-dot:after{animation:none!important}
}
