/* ===== Sweet Zuli's Unified Header ===== */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 1002;
      background: linear-gradient(
        to bottom,
        rgba(255, 245, 250, 0.97),
        rgba(255, 255, 255, 0.96)
      );
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 6px 20px rgba(138, 45, 82, 0.09);
      border-bottom: 1px solid rgba(240, 215, 225, 0.72);
      font-family: 'Poppins', Arial, sans-serif;
    }

    .site-header .header-inner {
      max-width: 1180px;
      margin: 0 auto;
      padding: 10px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .site-header .brand {
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
      min-width: max-content;
      color: inherit;
    }

    .site-header .brand-logo {
      width: clamp(62px, 5.2vw, 76px);
      height: clamp(62px, 5.2vw, 76px);
      border-radius: 50%;
      object-fit: contain;
      background: #fff;
      box-shadow: 0 5px 16px rgba(214, 51, 132, 0.16);
      flex: 0 0 auto;
    }

    .site-header .brand-text strong {
      display: block;
      color: #d63384;
      font-size: clamp(1.35rem, 2vw, 1.7rem);
      font-weight: 700;
      letter-spacing: 0.01em;
      line-height: 1.05;
    }

    .site-header .brand-text span {
      display: block;
      color: #6f5b65;
      font-size: clamp(0.78rem, 1vw, 0.9rem);
      font-weight: 400;
      margin-top: 4px;
      letter-spacing: 0.01em;
    }

    .site-header nav {
      position: static;
      top: auto;
      z-index: auto;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 8px 10px;
      flex: 1;
      background: transparent;
      border: 0;
      padding: 0;
      text-align: right;
      backdrop-filter: none;
    }

    .site-header nav a {
      position: static;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #4f4650;
      margin: 0;
      font-weight: 600;
      font-size: 0.9rem;
      line-height: 1;
      padding: 10px 12px;
      border-radius: 999px;
      transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
    }

    .site-header nav a:hover,
    .site-header nav a.active {
      color: #d63384;
      background: #fff0f6;
      transform: translateY(-1px);
    }

    .site-header nav a::after {
      display: none;
    }

    .site-header .lang-toggle {
      display: inline-flex;
      align-items: center;
      position: relative;
      margin-left: 4px;
      padding: 0;
      background: #fff;
      border: 1px solid #f2bed4;
      border-radius: 999px;
      overflow: hidden;
      box-shadow: 0 3px 10px rgba(214, 51, 132, 0.08);
      vertical-align: middle;
    }

    .site-header .lang-toggle a {
      position: relative;
      z-index: 2;
      margin: 0;
      padding: 9px 11px;
      color: #8a2d52;
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1;
      border-radius: 0;
      background: transparent;
      transform: none;
    }

    .site-header .lang-toggle a:hover {
      transform: none;
      background: #fff3f8;
      color: #d63384;
    }

    .site-header .lang-toggle a.active-lang {
      background: #d63384;
      color: #fff;
    }

    .site-header .lang-toggle .toggle-slider {
      display: none;
    }

    .page-heading {
      background: linear-gradient(135deg, #f8d7e3, #fce7ef);
      padding: 30px 20px;
      text-align: center;
      border-bottom: 1px solid #f2c9d8;
    }

    .page-heading h1 {
      color: #8a2d52;
      font-size: 2rem;
      margin-bottom: 8px;
    }

    .page-heading p {
      color: #7c5a69;
      max-width: 760px;
      margin: 0 auto;
    }

    @media (max-width: 980px) {
      .site-header .header-inner {
        align-items: center;
        flex-direction: column;
        gap: 12px;
      }

      .site-header nav {
        justify-content: center;
        width: 100%;
        text-align: center;
      }
    }

    @media (max-width: 640px) {
      .site-header .header-inner {
        padding: 12px 14px;
      }

      .site-header .brand-logo {
        width: 58px;
        height: 58px;
      }

      .site-header .brand {
        gap: 11px;
      }

      .site-header .brand-text strong {
        font-size: 1.42rem;
      }

      .site-header .brand-text span {
        font-size: 0.76rem;
      }

      .site-header nav {
        gap: 7px;
      }

      .site-header nav a {
        font-size: 0.83rem;
        padding: 8px 9px;
      }

      .site-header .lang-toggle {
        display: inline-flex;
        width: auto;
        margin: 0;
      }

      .site-header .lang-toggle a {
        padding: 8px 10px;
      }
    }


/* Reset inherited gallery header rules to the shared page layout. */
.ig-page .site-header{background:linear-gradient(to bottom,rgba(255,245,250,.97),rgba(255,255,255,.96));padding:0;text-align:left}
.ig-page .site-header .header-inner{flex-wrap:nowrap}
.ig-page .site-header .brand-text strong{font-family:'Poppins',Arial,sans-serif}
.ig-page .site-header nav a.active{font-weight:600}
.ig-page .site-header nav .lang-toggle a.active-lang{background:#d63384;color:#fff}
/* Readable Poppins typography in the gallery, feed and post viewer. */
.ig-page{font-family:'Poppins',Arial,sans-serif;font-size:16px;line-height:1.6}
.ig-page button,.ig-page input,.ig-page textarea,.ig-page select{font-family:inherit}
.ig-page .profile h1,.ig-page.feed-mode .profile h1{font-family:inherit;font-size:28px;font-weight:600}
.ig-page .profile-tag{font-size:14px;color:#666}
.ig-page .profile-request{font-size:15px;padding:12px 18px}
.ig-page .profile-stats,.ig-page .profile-bio,.ig-page .profile-bio>b,.ig-page .profile-bio a{font-size:16px}
.ig-page .social-controls{flex-wrap:wrap}
.ig-page .social-controls .filters button{font-family:inherit;font-size:15px;line-height:1.4;padding:10px 15px;min-height:44px;color:#514555}
.ig-page .social-search input{font-family:inherit;font-size:16px;width:210px;min-height:44px}
.ig-page .social-tabs{gap:30px;flex-wrap:wrap}
.ig-page .social-tabs button{font-size:14px;font-weight:600;letter-spacing:.6px;min-height:48px;color:#685d6c}
.ig-page .social-tabs .ig-icon{width:18px;height:18px}
.ig-page .social-wrap .count{font-family:inherit;font-size:14px;color:#6c606f}
.ig-page .post-head b{font-family:inherit;font-size:16px}
.ig-page .post-head small,.ig-page .post-category{font-family:inherit;font-size:13px;color:#6b606c}
.ig-page .post-avatar{width:40px;height:40px;font-size:13px}
.ig-page .likes-line{font-family:inherit;font-size:15px}
.ig-page .social-wrap .post-body h3{font-family:inherit;font-size:20px;line-height:1.4}
.ig-page .social-wrap .post-body .caption,.ig-page .detail-story .caption{font-family:inherit;font-size:16px;line-height:1.8}
.ig-page .credit,.ig-page .post-body time,.ig-page .detail-story small{font-family:inherit;font-size:13px;color:#6f626f}
.ig-page .request{font-family:inherit;font-size:15px;min-height:44px}
.ig-page .detail-story h2{font-family:inherit;font-size:22px;line-height:1.4}
.ig-page .social-end,.ig-page .empty,.ig-page .social-toast{font-family:inherit;font-size:15px;color:#66586c}
.ig-page .social-toast{color:#fff}
.ig-page .reel-sound{font-size:15px;min-height:44px}
.ig-page .reel-badge{font-size:14px}
.ig-page .social-actions button,.ig-page .social-actions>a{width:44px;height:44px}
.ig-page .grid-overlay{font-family:inherit;font-size:18px}
.ig-page .grid-overlay>span{font-size:14px}
.ig-page .site-footer{font-family:inherit;font-size:15px}
.ig-page .site-footer p,.ig-page .site-footer a,.ig-page .site-footer small{font-size:14px}
@media(max-width:750px){
 .ig-page .social-search input{width:100%}
 .ig-page .profile-line{gap:12px}
 .ig-page .profile h1,.ig-page.feed-mode .profile h1{font-size:24px}
 .ig-page .profile-stats{flex-wrap:wrap;gap:12px}
 .ig-page .social-tabs{gap:16px}
 .ig-page .social-tabs button{font-size:13px}
 .ig-page .post-head{flex-wrap:wrap}
 .ig-page .profile-request{margin-left:0}
 .ig-page #detail-video{max-height:60vh}
}
@media(max-width:420px){
 .ig-page .profile{grid-template-columns:72px minmax(0,1fr)}
 .ig-page .profile-photo{width:68px;height:68px}
 .ig-page .social-tabs{gap:10px}
 .ig-page .social-tabs button{letter-spacing:0;font-size:12px}
 .ig-page.feed-mode .profile{grid-template-columns:48px minmax(0,1fr)}
}

.ig-page .plays-line{font-family:inherit;font-size:15px;color:#66586c;margin:6px 0 12px}.ig-page .reel-badge{white-space:nowrap}