/* ===== 2 kolumna: wizytówka profilu ===== */
    .wo-prof-card{
      border:1px solid var(--wo-line);
      border-radius: 18px;
      background: var(--wo-panel);
      overflow:hidden;
    }
    .wo-prof-hero{
      width:100%;
      height: 100%;
      border-bottom: 1px solid var(--wo-line);
      background: var(--wo-soft);
    }
    .wo-prof-hero img{width:100%;height:100%;object-fit:cover;display:block;}
    .wo-prof-body{padding: 14px;}
    .wo-prof-name{
      margin: 0 0 6px;
      font-weight: 1000;
      font-size: 16px;
      display:flex;
      align-items:center;
      gap: 8px;
    }
    .wo-verify{
      width:8px;height:8px;border-radius:999px;background:var(--wo-accent);display:inline-block;transform:translateY(1px);
    }
    .wo-prof-meta{
      color: var(--wo-muted);
      font-size: 11px;
      /* display:flex; */
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 10px;
    }
    .wo-prof-desc{
      margin:0;
      color: color-mix(in srgb, var(--wo-muted) 78%, transparent);
      font-size: 11px;
      line-height: 1.6;
    }
    .wo-prof-kv{display:grid;gap:12px;margin-top:12px;}
    .wo-k{font-weight:900;font-size:11px;color: color-mix(in srgb, var(--wo-text) 78%, transparent);margin-bottom:6px;}
    .wo-v{font-size:10px;line-height:1.55;color: color-mix(in srgb, var(--wo-muted) 80%, transparent);}

    .wo-prof-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
    .wo-chip{
      display:inline-flex;align-items:center;gap:8px;
      padding:7px 10px;border-radius:999px;border:1px solid var(--wo-line);
      background: var(--wo-chip-bg);
      color: var(--wo-muted);
      font-size: 11px;
      text-decoration:none;
      white-space: nowrap;
      cursor:pointer;
    }
    .wo-chip:hover{background: var(--wo-soft);color: var(--wo-text);}




    .wo-pill{
      display:inline-flex;align-items:center;gap:8px;
      padding: 7px 10px;
      border-radius: 5px;
      border: 1px solid var(--wo-line);
      background: var(--wo-panel);
      color: var(--wo-muted);
      font-size: 11px;
      white-space: nowrap;
    }
    .wo-pill i{font-size:11px;color: var(--wo-icon);}

    .wo-photo-title{
      margin: 10px 0 6px;
      font-weight: 980;
      letter-spacing: .2px;
      font-size: 16px;
      color: color-mix(in srgb, var(--wo-text) 92%, transparent);
    }
    .wo-photo-desc{
      margin: 0 0 12px;
      font-size: 11px;
      line-height: 1.6;
      color: color-mix(in srgb, var(--wo-muted) 88%, transparent);
    }

    .wo-photo-facts{
      display:grid;
      gap: 10px;
      margin-top: 10px;
    }
    .wo-fact{
      border: 1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-soft) 60%, var(--wo-panel));
      border-radius: 14px;
      padding: 12px;
    }
    .wo-fact .wo-k{font-weight:950;font-size:11px;color: color-mix(in srgb, var(--wo-text) 78%, transparent);margin-bottom:6px;}
    .wo-fact .wo-v{font-size:11px;color: color-mix(in srgb, var(--wo-muted) 90%, transparent);line-height:1.5;}

    .wo-tags{display:flex;flex-wrap:wrap;gap:8px;}
    .wo-tag{
      display:inline-flex;align-items:center;gap:8px;
      padding: 7px 10px;border-radius: 5px;
      border: 1px solid var(--wo-line);
      background: var(--wo-chip-bg);
      color: color-mix(in srgb, var(--wo-muted) 92%, transparent);
      font-size: 11px;
      text-decoration:none;
    }
    .wo-tag:hover{background: var(--wo-soft); color: var(--wo-text);}
    .wo-tag i{font-size:11px;color: var(--wo-icon);}

    /* ===== PRAWA KOLUMNA: duże zdjęcie + akcje + komentarze ===== */
    .wo-photo-hero{
      border: 1px solid var(--wo-line);
      background: var(--wo-panel);
      border-radius: 16px;
      overflow: hidden;
      /* box-shadow: 0 18px 45px rgba(16,24,40,.10); */
    }
    html[data-theme="dark"] .wo-photo-hero{box-shadow: 0 22px 60px rgba(0,0,0,.38);}

    .wo-photo-media{
      position: relative;
      background: #0b0f14;
    }

    .wo-photo-media img {
      width: 100%;
      height: min(70vh, 720px);
      object-fit: contain;
      display: block;
      background: #0b0f14;
    }

    /* Po kliknięciu: “wyłącz” height */
    .wo-photo-media.is-expanded img {
      height: auto; /* albo: unset; */
    }

    /* Przycisk i ikony */
    .wo-photo-toggle .icon-collapse { display: none; }
    .wo-photo-media.is-expanded .wo-photo-toggle .icon-expand { display: none; }
    .wo-photo-media.is-expanded .wo-photo-toggle .icon-collapse { display: inline; }

    .wo-photo-tools{
      position:absolute;
      left: 14px;
      right: 14px;
      bottom: 14px;
      display:flex;
      justify-content:space-between;
      gap: 10px;
      pointer-events:none;
    }
    
    .wo-toolrow{display:flex;gap:10px;align-items:center;pointer-events:auto;}
    .wo-toolbtn{
      width: 44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
      background: rgba(15,23,42,.62);
      backdrop-filter: blur(10px);
      color: #fff;
      cursor:pointer;
      display:grid;place-items:center;
      transition: transform .10s ease, background .14s ease, box-shadow .14s ease;
    }
    .wo-toolbtn:hover{
      background: rgba(15,23,42,.88);
      transform: translateY(-1px);
      box-shadow: 0 10px 20px rgba(0,0,0,.28);
    }

    .wo-photo-bar{
      display:flex;
      gap: 10px;
      align-items:center;
      justify-content:space-between;
      padding: 12px 12px;
      border-top: 1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-panel) 85%, transparent);
    }
    .wo-metrics{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
    .wo-metric{
      display:inline-flex;align-items:center;gap:8px;
      padding: 7px 10px;
      border-radius: 5px;
      border: 1px solid var(--wo-line);
      background: var(--wo-chip-bg);
      color: var(--wo-muted);
      font-size: 11px;
      white-space: nowrap;
    }
    .wo-metric i{color: var(--wo-icon);}

    .wo-actionrow{display:flex;gap:10px;align-items:center;}
    .wo-action{
      height: 36px;
      padding: 0 12px;
      border-radius: 999px;
      border: 1px solid transparent;
      background: color-mix(in srgb, var(--wo-accent) 92%, #fff);
      color: #111;
      font-weight: 950;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap: 8px;
      white-space: nowrap;
    }
    .wo-action:hover{background: var(--wo-accent);}
    .wo-action.wo-ghost{
      background: var(--wo-chip-bg);
      border-color: var(--wo-line);
      color: var(--wo-text);
    }
    .wo-action.wo-ghost:hover{background: var(--wo-soft);}

    /* komentarze (styl “pasek + avatar”) */
    .wo-cwrap{margin-top: 14px;}
    .wo-ctitle{
      margin: 0 0 6px;
      font-size: 16px;
      font-weight: 950;
      color: color-mix(in srgb, var(--wo-text) 88%, transparent);
    }
    .wo-csub{margin:0 0 12px;font-size:12px;color: color-mix(in srgb, var(--wo-muted) 90%, transparent);line-height:1.5;}
    .wo-clist{display:flex;flex-direction:column;gap:12px;}

    .wo-ccard{
      position: relative;
      display: grid;
      grid-template-columns: 6px minmax(0, 1fr);
      border-radius: 14px;
      background: var(--wo-panel);
      border: 1px solid var(--wo-line);
      overflow: hidden;
      box-shadow: 0 12px 28px rgba(16,24,40,.06);
    }
    html[data-theme="dark"] .wo-ccard{box-shadow: 0 16px 40px rgba(0,0,0,.28);}
    .wo-cstripe{background: rgba(59,130,246,.90);}
    .wo-ccard.wo-is-hot .wo-cstripe{background: rgba(34,197,94,.90);}
    .wo-ccard.wo-is-note .wo-cstripe{background: rgba(245,158,11,.92);}

    .wo-cavatar{
      position:absolute;
      left:7px;top:14px;transform: translateX(-50%);
      width:48px;height:48px;border-radius:999px;
      background: var(--wo-panel);
      border: 2px solid color-mix(in srgb, var(--wo-muted) 55%, transparent);
      display:flex;align-items:center;justify-content:center;
      font-size:12px;font-weight:950;color: color-mix(in srgb, var(--wo-text) 80%, transparent);
      overflow:hidden;
    }
    .wo-cavatar img{width:100%;height:100%;object-fit:cover;display:block;}
    .wo-ccard.wo-is-hot .wo-cavatar{border-color: rgba(34,197,94,.70);}
    .wo-ccard.wo-is-note .wo-cavatar{border-color: rgba(245,158,11,.75);}

    .wo-ccontent{padding:14px 14px 12px 26px;}
    .wo-chead{
      display:flex;justify-content:space-between;align-items:baseline;gap:10px;
      margin-bottom:6px;padding-left:32px;
    }
    .wo-cwho{min-width:0;}
    .wo-cname{font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .wo-crole{font-size:11px;color: color-mix(in srgb, var(--wo-muted) 92%, transparent);margin-top:2px;}
    .wo-cmeta{text-align:right;font-size:11px;color: color-mix(in srgb, var(--wo-muted) 92%, transparent);white-space:nowrap;}
    .wo-cbadge{
      display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;
      border: 1px solid rgba(59,130,246,.35);
      background: rgba(191,219,254,.65);
      color:#1d4ed8;
      margin-bottom:4px;
      font-weight:950;
      letter-spacing:.2px;
    }
    .wo-ccard.wo-is-hot .wo-cbadge{
      border-color: rgba(34,197,94,.35);
      background: rgba(187,247,208,.65);
      color:#166534;
    }
    .wo-ccard.wo-is-note .wo-cbadge{
      border-color: rgba(245,158,11,.40);
      background: rgba(254,243,199,.70);
      color:#92400e;
    }
    .wo-cbody{
      font-size:12px;line-height:1.55;padding-left:32px;
      color: color-mix(in srgb, var(--wo-text) 88%, transparent);
    }
    .wo-cbody b{color: color-mix(in srgb, var(--wo-text) 96%, transparent);}

    .wo-addc{
      margin-top: 12px;
      border: 1px solid var(--wo-line);
      background: color-mix(in srgb, var(--wo-soft) 60%, var(--wo-panel));
      border-radius: 16px;
      padding: 12px;
      display:flex;
      gap: 10px;
      align-items:flex-start;
    }
    .wo-addc img{width:42px;height:42px;border-radius:14px;object-fit:cover;border:1px solid var(--wo-line);}
    .wo-addc textarea{
      flex:1 1 auto;
      min-height: 44px;
      max-height: 140px;
      resize: vertical;
      border-radius: 14px;
      border: 1px solid var(--wo-line);
      background: var(--wo-panel);
      padding: 10px 12px;
      font-size: 12px;
      color: var(--wo-text);
      outline:none;
      line-height:1.4;
    }
    .wo-addc textarea::placeholder{color: var(--wo-muted);}
    .wo-addc .wo-addc-actions{display:flex;gap:10px;flex-direction:column;}
    .wo-addc button{
      height: 38px;
      padding: 0 14px;
      border-radius: 999px;
      border: 1px solid transparent;
      background: color-mix(in srgb, var(--wo-accent) 92%, #fff);
      color: #111;
      font-weight: 950;
      cursor:pointer;
      white-space: nowrap;
      display:inline-flex;
      align-items:center;
      gap: 8px;
      justify-content:center;
    }
    .wo-addc button:hover{background: var(--wo-accent);}
    .wo-addc .wo-ghostbtn{
      background: var(--wo-chip-bg);
      border-color: var(--wo-line);
      color: var(--wo-text);
    }
    .wo-addc .wo-ghostbtn:hover{background: var(--wo-soft);}