@charset "UTF-8";
/* Müşteri vitrini: ana sayfa bölümü + admin önizlemesi.
   Mini sayfa ölçüleri kart genişliğine göre (cqw) ölçeklenir. */

/* ---------- Kart ---------- */
.c-vcard{position:relative;flex:none;aspect-ratio:9/17;border-radius:clamp(14px,1.6vw,24px);overflow:hidden;container-type:inline-size;background:#10111b;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px -24px #000c;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s}
.c-vcard:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.35)}
.c-vpage{position:absolute;inset:0;display:block;color:inherit;text-decoration:none}
.c-vpage:hover{opacity:1}
.c-vcard::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(5,6,12,.88));pointer-events:none}
.c-vbtn{position:absolute;z-index:2;left:6cqw;right:6cqw;bottom:6cqw;display:flex;align-items:center;justify-content:center;gap:2.6cqw;min-height:15cqw;padding:2.6cqw 4cqw;border-radius:100px;background:rgba(255,255,255,.94);color:#14121f;font:700 clamp(10px,6.4cqw,15px)/1.15 'DM Sans',system-ui,sans-serif;text-decoration:none;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .3s,background .3s}
a.c-vbtn:hover{transform:translateY(-2px);background:#fff;opacity:1;color:#14121f}
.c-vbtn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.c-vbtn-ic{display:inline-flex;flex:none}
.c-vbtn-ic svg{width:clamp(12px,7cqw,18px);height:clamp(12px,7cqw,18px)}

/* ---------- Mini bio-link sayfası ---------- */
.c-mp{position:absolute;inset:0;padding:12cqw 7cqw 26cqw;text-align:center;overflow:hidden;font-size:4.6cqw;line-height:1.3}
.c-mp-av{width:26cqw;height:26cqw;border-radius:50%;margin:0 auto 4cqw;display:grid;place-items:center;font-size:11cqw;font-weight:800;overflow:hidden;box-shadow:0 2cqw 6cqw rgba(0,0,0,.3)}
.c-mp-av img{width:100%;height:100%;object-fit:cover;display:block}
.c-mp-ad{font-size:6.4cqw;font-weight:800;margin-bottom:1.6cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-mp-bio{font-size:4.2cqw;opacity:.85;margin-bottom:4cqw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-mp-h{font-size:5cqw;font-weight:800;margin:3cqw 0 1cqw}
.c-mp-t{font-size:4cqw;opacity:.88;margin:1.6cqw 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-mp-b{position:relative;display:flex;align-items:center;justify-content:center;gap:2cqw;min-height:13cqw;margin:2.6cqw 0;padding:2cqw 11cqw;font-size:4.4cqw;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1.4cqw 4cqw rgba(0,0,0,.15)}
.c-mp-ic{position:absolute;left:2cqw;width:9cqw;height:9cqw;border-radius:50%;background:#fff;display:grid;place-items:center}
.c-mp-ic svg{width:6cqw;height:6cqw}
.c-mp-soc{display:flex;justify-content:center;gap:2.4cqw;margin:2cqw 0 3cqw;flex-wrap:wrap}
.c-mp-soc span{width:10cqw;height:10cqw;border-radius:50%;background:#fff;display:grid;place-items:center}
.c-mp-soc svg{width:6.4cqw;height:6.4cqw}
.c-mp-img{height:30cqw;margin:2.6cqw 0;background:center/cover no-repeat}
.c-mp-emb{height:26cqw;margin:2.6cqw 0;display:grid;place-items:center;background:rgba(0,0,0,.28);color:rgba(255,255,255,.8)}
.c-mp-emb svg{width:9cqw;height:9cqw}

/* ---------- Ana sayfa bölümü ---------- */
.c-vitrin{overflow:hidden;padding-top:40px}
.c-vtrack{--cols:var(--cols-d,6);--gap:16px;display:flex;gap:var(--gap);width:max-content;padding:20px 0 34px}
.c-vtrack .c-vcard{width:calc((100vw - 48px - (var(--cols) - 1) * var(--gap)) / var(--cols));max-width:300px}
.c-vtrack.is-kay{animation:cVitrinKay var(--sure,40s) linear infinite}
.c-vtrack.is-saga{animation-direction:reverse}
@keyframes cVitrinKay{to{transform:translateX(calc(-50% - var(--gap) / 2))}}
.c-vgrid{--cols:var(--cols-d,6);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px;padding:20px 0 34px}
.c-vgrid .c-vcard{width:100%}
@media(max-width:900px){
  .c-vtrack{--cols:var(--cols-t,4)}
  .c-vgrid{--cols:var(--cols-t,4)}
}
@media(max-width:560px){
  .c-vtrack{--cols:var(--cols-m,2);--gap:12px}
  .c-vgrid{--cols:var(--cols-m,2)}
}
@media(prefers-reduced-motion:reduce){
  .c-vtrack.is-kay{animation:none;width:auto;overflow-x:auto;padding-inline:24px}
  .c-vtrack [aria-hidden="true"]{display:none}
}

/* ---------- Admin önizlemesi ---------- */
.v-onizleme{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px}
.v-onizleme .c-vcard{width:150px}