/* Generirano iz vic.html — ne uređuj ručno, mijenjaj vic.html */

    .vic-page-wrap { max-width:760px; margin:auto; padding:40px clamp(16px,4vw,32px); }

    /* BREADCRUMB */
    .breadcrumb { font-size:.78rem; color:var(--muted); margin-bottom:28px; }
    .breadcrumb a { color:var(--muted); text-decoration:none; transition:color .2s; }
    .breadcrumb a:hover { color:var(--yellow); }
    .breadcrumb span { margin:0 6px; }

    /* VIC FULL CARD */
    .vic-full {
      background:var(--card); border:1px solid var(--border);
      border-radius:24px; overflow:hidden; margin-bottom:24px;
      animation:fadeUp .5s ease both;
    }
    .vic-full-head {
      padding:28px 32px 20px;
      border-bottom:1px solid var(--border);
      display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;
    }
    .vic-full-cat { display:flex; align-items:center; gap:10px; }
    .vic-full-badge { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:5px 14px; border-radius:999px; text-decoration:none; }
    .vic-full-naslov {
      font-family:'Syne',sans-serif; font-size:clamp(1.3rem,3vw,1.8rem);
      font-weight:800; letter-spacing:-1px; margin-bottom:6px;
    }
    .vic-full-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:.8rem; color:var(--muted); }
    .vic-full-meta .rating { color:var(--yellow); font-weight:700; }

    /* VIC TEKST */
    .vic-full-tekst {
      padding:32px; font-size:clamp(1rem,2vw,1.1rem); line-height:1.82;
      color:var(--text); white-space:pre-wrap; word-break:break-word;
      border-bottom:1px solid var(--border);
      position:relative;
    }
    .vic-full-tekst::before {
      content:'"'; position:absolute; top:12px; left:24px;
      font-family:'Syne',sans-serif; font-size:6rem; color:rgba(255,214,58,.07);
      line-height:1; pointer-events:none;
    }

    /* ACTIONS */
    .vic-actions-bar {
      padding:20px 32px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    }
    .vic-like-big {
      display:flex; align-items:center; gap:8px;
      background:none; border:1px solid var(--border); color:var(--text);
      padding:10px 20px; border-radius:999px; font-size:.9rem; font-weight:600;
      cursor:pointer; font-family:inherit; transition:all .22s;
    }
    .vic-like-big:hover { border-color:var(--orange); color:var(--orange); }
    .vic-like-big.liked { border-color:var(--orange); color:var(--orange); background:rgba(255,107,53,.08); }
    .vic-like-big .heart { font-size:1.1rem; transition:transform .2s; }
    .vic-like-big:hover .heart, .vic-like-big.liked .heart { transform:scale(1.2); }

    /* SHARE BOX */
    .share-box {
      background:var(--card2); border:1px solid var(--border); border-radius:16px;
      padding:24px 28px; margin-bottom:24px; animation:fadeUp .5s .1s ease both;
    }
    .share-box h3 { font-family:'Syne',sans-serif; font-size:1rem; font-weight:800; margin-bottom:16px; }
    .share-buttons { display:flex; gap:10px; flex-wrap:wrap; }
    .share-btn-item {
      display:flex; align-items:center; gap:8px;
      padding:10px 18px; border-radius:12px; border:1px solid var(--border);
      background:var(--card); color:var(--text); font-size:.85rem; font-weight:600;
      cursor:pointer; font-family:inherit; text-decoration:none; transition:all .2s;
    }
    .share-btn-item:hover { border-color:var(--yellow); color:var(--yellow); transform:translateY(-2px); }
    .share-url-row {
      display:flex; align-items:center; gap:8px; margin-top:14px;
      background:var(--darker); border:1px solid var(--border); border-radius:10px; overflow:hidden;
    }
    .share-url { flex:1; padding:10px 14px; font-size:.78rem; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:monospace; }
    .copy-url-btn {
      padding:10px 16px; background:rgba(255,214,58,.1); border:none; border-left:1px solid var(--border);
      color:var(--yellow); font-size:.8rem; font-weight:600; cursor:pointer; font-family:inherit; white-space:nowrap; transition:all .2s;
    }
    .copy-url-btn:hover { background:rgba(255,214,58,.2); }

    /* RELATED VICEVI */
    .related-vicevi { animation:fadeUp .5s .2s ease both; }
  
/* partnerski karusel */

    #clients { padding:36px 0 8px; overflow:hidden; }
    #clients .clients-title { text-align:center; font-family:'Syne',sans-serif; font-size:1rem; font-weight:700; color:var(--muted,#8080A8); margin-bottom:18px; }
    .clients-marquee { position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
    .mq-track { display:flex; width:max-content; animation:mq 45s linear infinite; }
    .clients-marquee:hover .mq-track { animation-play-state:paused; }
    .mq-item { flex:0 0 auto; padding:0 14px; }
    .mq-item img { display:block; width:104px; height:104px; object-fit:cover; border-radius:14px; filter:grayscale(1); opacity:.85; transition:filter .25s, opacity .25s, transform .25s; }
    .mq-item a:hover img { filter:none; opacity:1; transform:scale(1.06); }
    @keyframes mq { from { transform:translateX(0); } to { transform:translateX(-50%); } }
    @media (prefers-reduced-motion:reduce) { .mq-track { animation:none; flex-wrap:wrap; justify-content:center; width:100%; } }
    @media (max-width:600px) { .mq-item img { width:78px; height:78px; } }