*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --pink:#D4537E; --pink-dark:#993556; --pink-light:#FBEAF0; --pink-border:#F4C0D1;
      --cover-start:#FBEAF0; --cover-mid:#F4C0D1; --cover-end:#E6D4F0;
      --green-bg:#E1F5EE; --green-txt:#0F6E56; --blue-bg:#E6F1FB; --blue-txt:#185FA5;
      --radius-sm:8px; --radius-md:12px; --radius-lg:16px;
      --border:0.5px solid #e8e0e4; --bg:#fdf8fa; --card-bg:#ffffff;
      --text:#1a1a1a; --text-sec:#666; --text-ter:#aaa; --surface:#f5f0f3;
      --nav-bg:rgba(253,248,250,.92); --comments-bg:#fefcfd;
    }
    body { font-family:'Nunito',sans-serif; background:var(--bg); color:var(--text); min-height:100vh; transition:background-color .4s; }
    nav { position:sticky; top:0; z-index:100; background:var(--nav-bg); backdrop-filter:blur(12px); border-bottom:var(--border); padding:0 1.5rem; height:52px; display:flex; align-items:center; justify-content:space-between; transition:background-color .4s; }
    .nav-brand { font-family:'Playfair Display',serif; font-size:18px; font-weight:500; color:var(--text); text-decoration:none; }
    .nav-brand span { color:var(--pink); }
    .nav-link { font-size:13px; color:var(--text-sec); text-decoration:none; padding:6px 14px; border:var(--border); border-radius:20px; transition:all .2s; }
    .nav-link:hover { background:var(--pink-light); color:var(--pink-dark); }
    .page { max-width:640px; margin:0 auto; padding:0 1rem 3rem; }
    .cover { width:100%; height:130px; background:linear-gradient(135deg,var(--cover-start),var(--cover-mid),var(--cover-end)); border-radius:0 0 var(--radius-lg) var(--radius-lg); position:relative; overflow:hidden; }
    .cover-shine { position:absolute; top:0; left:-100%; width:50%; height:100%; background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent); transform:skewX(-25deg); animation:shine 6s infinite ease-in-out; }
    @keyframes shine { 0%{left:-100%} 35%,100%{left:200%} }
    .profile-header { display:flex; flex-direction:column; gap:10px; padding:0 .5rem; margin-bottom:1.25rem; }
    .profile-header-top { display:flex; align-items:flex-end; justify-content:space-between; width:100%; margin-top:-36px; position:relative; z-index:10; }
    .profile-avatar { width:72px; height:72px; border-radius:50%; background:var(--pink); display:flex; align-items:center; justify-content:center; font-size:32px; border:3.5px solid var(--card-bg); flex-shrink:0; }
    .profile-meta h1 { font-family:'Playfair Display',serif; font-size:22px; font-weight:600; color:var(--text); line-height:1.3; }
    .profile-meta p { font-size:13px; color:var(--text-sec); margin-top:5px; }
    .profile-meta p span { margin:0 4px; color:var(--pink-border); }
    .active-badge { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--pink-dark); background:var(--pink-light); border:0.5px solid var(--pink-border); padding:5px 12px; border-radius:20px; }
    .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:1rem; }
    .stat-card { background:var(--card-bg); border:var(--border); border-radius:var(--radius-sm); padding:.75rem .5rem; text-align:center; }
    .stat-num { font-size:22px; font-weight:600; color:var(--text); }
    .stat-num.pink { color:var(--pink); }
    .stat-lbl { font-size:11px; color:var(--text-ter); margin-top:2px; }
    .card { background:var(--card-bg); border:var(--border); border-radius:var(--radius-md); padding:1rem 1.25rem; margin-bottom:.875rem; }
    .pinned-label { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; color:var(--pink-dark); background:var(--pink-light); border:0.5px solid var(--pink-border); padding:3px 10px; border-radius:20px; margin-bottom:.875rem; }
    .info-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .info-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .info-box { background:var(--surface); border-radius:var(--radius-sm); padding:10px 12px; }
    .info-box.full { grid-column:1/-1; }
    .info-lbl { font-size:11px; color:var(--text-ter); margin-bottom:3px; }
    .info-val { font-size:13px; font-weight:600; color:var(--text); line-height:1.4; }
    .info-val.normal { font-weight:400; }
    .sec-title { font-size:14px; font-weight:600; color:var(--text); display:flex; align-items:center; gap:7px; margin-bottom:.75rem; }
    .sec-title .dot { width:8px; height:8px; border-radius:50%; background:var(--pink); flex-shrink:0; }
    .msg-item { display:flex; gap:10px; padding:.625rem 0; border-bottom:var(--border); animation:fadeIn .3s ease; }
    .msg-item:last-child { border-bottom:none; }
    @keyframes fadeIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }
    .avatar { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; flex-shrink:0; }
    .msg-body { flex:1; min-width:0; }
    .msg-top { display:flex; align-items:baseline; gap:7px; margin-bottom:3px; }
    .msg-name { font-size:13px; font-weight:600; color:var(--text); }
    .msg-time { font-size:11px; color:var(--text-ter); }
    .msg-text { font-size:13px; color:var(--text-sec); line-height:1.55; }
    .reply-bubble { margin-top:6px; padding:7px 11px; background:var(--surface); border-radius:var(--radius-sm); border-left:2px solid var(--pink-border); font-size:12px; color:var(--text-sec); }
    .reply-bubble strong { color:var(--text); margin-right:4px; font-weight:600; }
    .msg-actions { display:flex; gap:14px; margin-top:6px; }
    .act-btn { font-size:12px; color:var(--text-ter); background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:3px; padding:0; transition:color .15s; }
    .act-btn:hover { color:var(--pink); }
    .act-btn.liked { color:var(--pink); }
    .input-row { display:flex; gap:8px; margin-top:.875rem; }
    .input-row input { flex:1; padding:9px 14px; border:var(--border); border-radius:var(--radius-sm); font-family:'Nunito',sans-serif; font-size:13px; background:var(--bg); color:var(--text); outline:none; transition:border-color .2s; }
    .input-row input:focus { border-color:var(--pink); }
    .send-btn { background:var(--pink); color:#fff; border:none; border-radius:var(--radius-sm); padding:9px 18px; cursor:pointer; font-family:'Nunito',sans-serif; font-size:13px; font-weight:600; white-space:nowrap; transition:background .15s; }
    .send-btn:hover { background:var(--pink-dark); }
    .gift-card { border:var(--border); border-radius:var(--radius-sm); overflow:hidden; margin-bottom:8px; background:var(--card-bg); transition:border-color .15s; }
    .gift-card:hover { border-color:var(--pink-border); }
    .gift-main { display:flex; align-items:center; gap:10px; padding:.75rem 1rem; }
    .gift-icon { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
    .g-done { background:var(--green-bg); }
    .g-reserved { background:#FFF3E0; }
    .g-group { background:var(--blue-bg); }
    .g-open { background:var(--surface); border:var(--border); }
    .gift-info { flex:1; min-width:0; }
    .gift-name { font-size:14px; font-weight:600; color:var(--text); }
    .gift-by { font-size:12px; color:var(--text-sec); margin-top:2px; }
    .gift-cat { font-size:11px; color:var(--text-ter); background:var(--surface); padding:3px 9px; border-radius:10px; flex-shrink:0; }
    .gift-footer { display:flex; align-items:center; gap:12px; padding:.5rem 1rem; border-top:var(--border); background:var(--surface); }
    .gift-act { font-size:12px; color:var(--text-ter); background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:4px; padding:0; transition:color .15s; }
    .gift-act:hover { color:var(--pink); }
    .gift-act.liked { color:var(--pink); }
    .progress-bar { height:4px; background:var(--surface); border-radius:2px; margin-top:5px; overflow:hidden; }
    .progress-fill { height:100%; background:#378ADD; border-radius:2px; }
    .gift-comments { display:none; padding:.875rem 1rem; border-top:var(--border); background:var(--comments-bg); }
    .gift-comments.open { display:block; }
    .gc-item { display:flex; gap:8px; margin-bottom:.5rem; }
    .gc-avatar { width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:600; flex-shrink:0; }
    .gc-text { font-size:12px; color:var(--text-sec); line-height:1.5; }
    .gc-text strong { color:var(--text); margin-right:4px; font-weight:600; }
    .gc-text em { font-size:10px; color:var(--text-ter); font-style:normal; margin-left:5px; }
    .gc-input { display:flex; gap:6px; margin-top:.625rem; }
    .gc-input input { flex:1; height:32px; padding:0 10px; border:var(--border); border-radius:var(--radius-sm); font-family:'Nunito',sans-serif; font-size:12px; background:var(--bg); color:var(--text); outline:none; }
    .gc-input input:focus { border-color:var(--pink); }
    .gc-btn { background:var(--pink); color:#fff; border:none; border-radius:var(--radius-sm); padding:0 12px; cursor:pointer; font-family:'Nunito',sans-serif; font-size:12px; font-weight:600; transition:background .15s; }
    .gc-btn:hover { background:var(--pink-dark); }
    .buy-btn { background:var(--pink); color:#fff; border:none; border-radius:var(--radius-sm); padding:6px 14px; cursor:pointer; font-family:'Nunito',sans-serif; font-size:12px; font-weight:600; flex-shrink:0; transition:background .15s; }
    .buy-btn:hover { background:var(--pink-dark); }
    .reserve-btn { background:#FF9800; color:#fff; border:none; border-radius:var(--radius-sm); padding:6px 14px; cursor:pointer; font-family:'Nunito',sans-serif; font-size:12px; font-weight:600; flex-shrink:0; transition:background .15s; }
    .reserve-btn:hover { background:#e65100; }
    .bought-btn { background:var(--green-bg); color:var(--green-txt); border:1px solid #9FE1CB; border-radius:var(--radius-sm); padding:6px 14px; cursor:pointer; font-family:'Nunito',sans-serif; font-size:12px; font-weight:600; flex-shrink:0; }
    .add-btn { background:var(--surface); color:var(--text-sec); border:var(--border); border-radius:var(--radius-sm); padding:6px 14px; cursor:pointer; font-family:'Nunito',sans-serif; font-size:12px; font-weight:600; flex-shrink:0; }
    .gift-card.dashed { border-style:dashed; opacity:.65; }
    .url-bar { display:flex; align-items:center; gap:8px; padding:.625rem 1rem; background:var(--surface); border-radius:var(--radius-sm); margin-bottom:.875rem; font-size:12px; color:var(--text-sec); cursor:pointer; transition:background .15s; }
    .url-bar:hover { background:var(--pink-light); }
    .url-bar span { color:var(--pink); font-weight:600; flex:1; }
    .copy-hint { font-size:11px; color:var(--text-ter); }
    .page-footer { text-align:center; padding:2rem 1rem 1rem; font-size:12px; color:var(--text-ter); }
    .page-footer a { color:var(--pink); text-decoration:none; }

    /* ── MODAL ── */
    .modal-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1000; align-items:center; justify-content:center; padding:1rem; backdrop-filter:blur(4px); }
    .modal-overlay.open { display:flex; }
    .modal { background:var(--card-bg); border-radius:var(--radius-lg); padding:1.75rem; width:100%; max-width:420px; position:relative; animation:modalIn .25s ease; }
    @keyframes modalIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
    .modal-close { position:absolute; top:1rem; right:1rem; background:none; border:none; font-size:20px; color:var(--text-ter); cursor:pointer; line-height:1; }
    .modal-close:hover { color:var(--text); }
    .modal-title { font-family:'Playfair Display',serif; font-size:20px; font-weight:500; margin-bottom:.25rem; }
    .modal-sub { font-size:13px; color:var(--text-sec); margin-bottom:1.25rem; }
    .modal-gift-name { font-size:14px; font-weight:700; color:var(--pink); background:var(--pink-light); border:0.5px solid var(--pink-border); border-radius:var(--radius-sm); padding:8px 12px; margin-bottom:1.25rem; }
    .form-group { margin-bottom:1rem; }
    .form-label { display:block; font-size:13px; font-weight:600; color:var(--text); margin-bottom:.4rem; }
    .form-label span { color:var(--text-ter); font-weight:400; }
    .form-input { width:100%; padding:10px 14px; border:var(--border); border-radius:var(--radius-sm); font-family:'Nunito',sans-serif; font-size:14px; background:var(--bg); color:var(--text); outline:none; transition:border-color .2s; }
    .form-input:focus { border-color:var(--pink); }
    .form-check { display:flex; align-items:center; gap:10px; margin-top:.5rem; cursor:pointer; font-size:13px; color:var(--text-sec); }
    .form-check input { width:16px; height:16px; accent-color:var(--pink); cursor:pointer; }
    .modal-actions { display:flex; gap:10px; margin-top:1.5rem; }
    .modal-btn-primary { flex:1; background:var(--pink); color:#fff; border:none; border-radius:var(--radius-sm); padding:11px; font-family:'Nunito',sans-serif; font-size:14px; font-weight:700; cursor:pointer; transition:background .2s; }
    .modal-btn-primary:hover { background:var(--pink-dark); }
    .modal-btn-ghost { flex:1; background:none; color:var(--text-sec); border:var(--border); border-radius:var(--radius-sm); padding:11px; font-family:'Nunito',sans-serif; font-size:14px; font-weight:600; cursor:pointer; transition:all .2s; }
    .modal-btn-ghost:hover { background:var(--surface); }
    .modal-step { display:none; }
    .modal-step.active { display:block; }
    .step-success { text-align:center; padding:1rem 0; }
    .step-success .success-icon { font-size:48px; margin-bottom:1rem; }
    .step-success h3 { font-family:'Playfair Display',serif; font-size:20px; margin-bottom:.5rem; }
    .step-success p { font-size:13px; color:var(--text-sec); margin-bottom:1.25rem; line-height:1.6; }
    .photo-upload-area { border:2px dashed var(--pink-border); border-radius:var(--radius-md); padding:2rem; text-align:center; cursor:pointer; transition:all .2s; margin-bottom:1rem; }
    .photo-upload-area:hover { border-color:var(--pink); background:var(--pink-light); }
    .photo-upload-area p { font-size:13px; color:var(--text-sec); margin-top:.5rem; }
    .reminder-bubble { background:#FFF8E1; border:1px solid #FFE082; border-radius:var(--radius-sm); padding:10px 14px; font-size:13px; color:#795548; display:flex; align-items:center; gap:8px; margin-top:8px; }

    /* PREMIUM DIWANET.COM CARD STYLES */
    .msg-card-premium {
      background: var(--card-bg);
      border: var(--border);
      border-radius: var(--radius-lg);
      padding: 1.25rem;
      margin-bottom: 1.25rem;
      box-shadow: 0 4px 20px rgba(0,0,0,0.01);
      display: flex;
      flex-direction: column;
      gap: 12px;
      text-align: left;
    }
    .msg-header-row {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .msg-meta-info {
      display: flex;
      flex-direction: column;
    }
    .msg-meta-info .msg-name {
      font-size: 14px;
      font-weight: 600;
      color: var(--text);
    }
    .msg-meta-info .msg-date {
      font-size: 11px;
      color: var(--text-sec);
    }
    .msg-actions-row {
      display: flex;
      align-items: center;
      gap: 14px;
      border-top: var(--border);
      border-bottom: var(--border);
      padding: 8px 4px;
      margin-top: 4px;
    }
    .act-btn-like, .act-btn-comment {
      background: none;
      border: none;
      font-size: 13px;
      color: var(--text-sec);
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: color 0.15s;
    }
    .act-btn-like:hover { color: #E24B4A; }
    .act-btn-comment:hover { color: var(--pink-dark); }
    .msg-comments-section {
      background: var(--comments-bg, #fcf8fa);
      border-radius: var(--radius-md);
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .msg-replies-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .reply-bubble {
      display: flex;
      gap: 8px;
      background: var(--card-bg);
      padding: 8px 12px;
      border-radius: var(--radius-md);
      border: var(--border);
      align-items: flex-start;
    }
    .reply-bubble .gc-avatar {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: var(--pink-light);
      color: var(--pink-dark);
      font-size: 11px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .reply-content {
      display: flex;
      flex-direction: column;
      gap: 2px;
      flex: 1;
      text-align: left;
    }
    .reply-content strong {
      font-size: 12.5px;
      color: var(--text);
    }
    .reply-content .msg-text {
      font-size: 12.5px;
      color: var(--text);
      line-height: 1.4;
      margin-top: 2px;
    }
    .reply-footer-row {
      font-size: 11px;
      color: var(--text-sec);
      margin-top: 4px;
    }
    .reply-act {
      cursor: pointer;
      color: var(--pink);
      font-weight: 600;
    }
    .reply-act.delete {
      color: #E24B4A;
    }
    .reply-act:hover {
      text-decoration: underline;
    }
    .inline-comment-bar {
      display: flex;
      gap: 8px;
      margin-top: 4px;
    }
    .inline-comment-bar input {
      flex: 1;
      border: var(--border);
      border-radius: 20px;
      padding: 8px 14px;
      font-size: 12.5px;
      outline: none;
      background: var(--card-bg);
      transition: all 0.2s;
    }
    .inline-comment-bar input:focus {
      border-color: var(--pink);
      box-shadow: 0 0 0 3px rgba(212, 83, 126, 0.05);
    }
    .inline-comment-bar button {
      background: var(--pink);
      color: #fff;
      border: none;
      border-radius: 20px;
      padding: 8px 16px;
      font-size: 12.5px;
      font-weight: 600;
      cursor: pointer;
      transition: background 0.15s;
    }
    .inline-comment-bar button:hover {
      background: var(--pink-dark);
    }
    .profile-content-grid {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      margin-top: 1rem;
    }

    /* Gift Accordion Styles */
    .gift-accordion-card {
      border: var(--border);
      border-radius: var(--radius-sm);
      margin-bottom: 8px;
      background: var(--card-bg);
      overflow: hidden;
      transition: border-color 0.15s;
    }
    .gift-accordion-card:hover {
      border-color: var(--pink-border);
    }
    .gift-acc-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 14px;
      cursor: pointer;
      user-select: none;
      background: var(--card-bg);
    }
    .gift-acc-left {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      flex: 1;
    }
    .gift-acc-icon {
      font-size: 14px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .gift-acc-name {
      font-size: 13.5px;
      font-weight: 600;
      color: var(--text);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .gift-acc-right {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }
    .gift-acc-status-badge {
      font-size: 10.5px;
      font-weight: 600;
      padding: 2px 8px;
      border-radius: 12px;
      white-space: nowrap;
    }
    .gift-acc-status-badge.status-done {
      background: var(--green-bg);
      color: var(--green-txt);
    }
    .gift-acc-status-badge.status-reserved {
      background: #FFF3E0;
      color: #E65100;
    }
    .gift-acc-status-badge.status-open {
      background: #E8F5E9;
      color: #2E7D32;
    }
    .gift-acc-status-badge.status-group {
      background: var(--blue-bg);
      color: #1E88E5;
    }
    .gift-acc-cat {
      font-size: 11px;
      color: var(--text-ter);
      background: var(--surface);
      padding: 2px 8px;
      border-radius: 10px;
      white-space: nowrap;
    }
    .gift-acc-chevron {
      font-size: 10px;
      color: var(--text-ter);
      transition: transform 0.2s;
    }
    .gift-accordion-card.open .gift-acc-chevron {
      transform: rotate(180deg);
    }
    .gift-acc-body {
      border-top: var(--border);
      background: var(--surface);
      padding: 12px 14px;
    }
    .gift-acc-details-row {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 8px;
    }
    .gift-acc-footer-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 10px;
      padding-top: 10px;
      border-top: var(--border);
    }

    /* Scrollable Panel & Message Accordion Styles */
    .scrollable-panel {
      height: 380px;
      overflow-y: auto;
      padding-right: 6px;
      margin-bottom: 12px;
    }
    .scrollable-panel::-webkit-scrollbar {
      width: 6px;
    }
    .scrollable-panel::-webkit-scrollbar-track {
      background: transparent;
    }
    .scrollable-panel::-webkit-scrollbar-thumb {
      background: var(--pink-border);
      border-radius: 10px;
    }
    .scrollable-panel::-webkit-scrollbar-thumb:hover {
      background: var(--pink);
    }
    
    .msg-accordion-card {
      border: var(--border);
      border-radius: var(--radius-sm);
      margin-bottom: 8px;
      background: var(--card-bg);
      overflow: hidden;
      transition: border-color 0.15s;
    }
    .msg-accordion-card:hover {
      border-color: var(--pink-border);
    }
    .msg-acc-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 14px;
      cursor: pointer;
      user-select: none;
      background: var(--card-bg);
    }
    .msg-acc-left {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      flex: 1;
    }
    .msg-acc-icon {
      font-size: 14px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: var(--pink-light);
      color: var(--pink-dark);
    }
    .msg-acc-name {
      font-size: 13.5px;
      font-weight: 600;
      color: var(--text);
      white-space: nowrap;
    }
    .msg-acc-preview {
      font-size: 13px;
      color: var(--text-sec);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-left: 8px;
      flex: 1;
    }
    .msg-acc-right {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
    }
    .msg-acc-date {
      font-size: 11px;
      color: var(--text-ter);
      background: var(--surface);
      padding: 2px 8px;
      border-radius: 10px;
      white-space: nowrap;
    }
    .msg-acc-chevron {
      font-size: 10px;
      color: var(--text-ter);
      transition: transform 0.2s;
    }
    .msg-accordion-card.open .msg-acc-chevron {
      transform: rotate(180deg);
    }
    .msg-acc-body {
      border-top: var(--border);
      background: var(--surface);
      padding: 12px 14px;
    }

    @media(max-width:480px) {
      .stats-row { grid-template-columns:repeat(2,1fr); }
      .info-grid { grid-template-columns:1fr; }
      .info-box.full { grid-column:1; }
      nav { padding:0 1rem; }
    }

    /* ── LANGUAGE SELECTOR ── */
    .lang-selector {
      position: relative;
      display: inline-block;
      font-family: 'Nunito', sans-serif;
      z-index: 101;
    }
    .lang-btn {
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(244, 192, 209, 0.5);
      border-radius: 20px;
      padding: 6px 12px;
      font-size: 13px;
      font-weight: 600;
      color: #666;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: all 0.2s ease;
      box-shadow: 0 4px 12px rgba(153, 53, 86, 0.03);
    }
    .lang-btn:hover {
      background: #FBEAF0;
      border-color: #F4C0D1;
      color: #993556;
    }
    .lang-flag {
      font-size: 14px;
    }
    .lang-btn svg {
      color: inherit;
      transition: transform 0.2s ease;
    }
    .lang-selector.open .lang-btn svg {
      transform: rotate(180deg);
    }
    .lang-dropdown {
      display: none;
      position: absolute;
      top: calc(100% + 6px);
      right: 0;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid #F4C0D1;
      border-radius: 12px;
      padding: 6px;
      box-shadow: 0 10px 30px rgba(153, 53, 86, 0.1);
      min-width: 120px;
      animation: dropdownIn 0.2s ease;
    }
    .lang-dropdown.open {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    @keyframes dropdownIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .lang-option {
      background: none;
      border: none;
      border-radius: 8px;
      padding: 8px 12px;
      font-size: 13px;
      font-weight: 500;
      color: #4a4a4a;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      width: 100%;
      text-align: left;
      transition: all 0.15s ease;
    }
    .lang-option:hover {
      background: #FBEAF0;
      color: #993556;
      font-weight: 600;
    }
    .lang-option.active {
      background: #D4537E;
      color: #ffffff;
      font-weight: 600;
    }