/* Profil — sosyal medya profili: sayaçlar, öne çıkanlar, üçlü kare fotoğraf ızgarası */
.theme-profil {
  --bg: #ffffff; --surface: #ffffff; --surface-2: #f4f1f2; --text: #262022; --muted: #736a6d; --faint: #b3abae;
  --line: rgba(38, 32, 34, .08); --radius: 14px; --price: var(--text);
  --ring: linear-gradient(135deg, #f7c59f, var(--primary) 50%, #b39ddb);
}
.theme-profil [data-section] { scroll-margin-top: 60px; }

.pf-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: calc(10px + var(--safe-t)) 14px 6px; max-width: 760px; margin: 0 auto; }
.pf-bar b { font-size: 19px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-bar .tool { width: 36px; height: 36px; padding: 0; background: transparent; color: var(--text); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.pf-bar .tool span { display: none; }

.pf { max-width: 760px; margin: 0 auto; padding: 8px 16px 0; }
.pf-row { display: flex; align-items: center; gap: 22px; }
.pf-av { flex-shrink: 0; }
.ring { display: block; width: 92px; height: 92px; padding: 3px; border-radius: 50%; background: var(--ring); }
.ring > * { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: grid; place-items: center; box-shadow: 0 0 0 3px #fff; background: var(--surface-2); }
.ring > span { font-size: 36px; font-weight: 800; color: var(--primary); }
.ring > img.lg { box-shadow: 0 0 0 3px #fff; }
.pf-stats { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.pf-stats b { display: block; font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.pf-stats span { font-size: 13px; color: var(--muted); }
.pf h1 { font-size: 16px; font-weight: 800; margin-top: 14px; }
.pf-bio { font-size: 14.5px; color: var(--text); margin-top: 2px; line-height: 1.45; }
.meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.meta .status-pill, .meta .table-pill { height: auto; padding: 0; font-size: 13px; color: var(--muted); }
.meta .table-pill { color: var(--primary); font-weight: 700; }
.pf .acts { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 6px; margin-top: 14px; overflow: visible; }
.pf .act { justify-content: center; gap: 5px; height: 36px; padding: 0 6px; border-radius: 10px; background: var(--surface-2); font-size: 12.5px; font-weight: 700; letter-spacing: -.01em; }
.pf .act:first-child { background: var(--primary); color: var(--on-primary); }
.pf .act-ic .icon { width: 15px; height: 15px; }
.pf .act-l { overflow: hidden; text-overflow: ellipsis; }
.pf .banner { margin-top: 12px; border-radius: 14px; background: color-mix(in srgb, var(--primary) 9%, #fff); box-shadow: none; }

/* Öne çıkanlar */
.highlights { display: flex; gap: 14px; overflow-x: auto; padding: 16px 2px 6px; }
.hl { flex-shrink: 0; width: 70px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.hl-ring { width: 68px; height: 68px; padding: 2.5px; border-radius: 50%; background: var(--ring); }
.hl-img { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--surface-2); box-shadow: 0 0 0 2.5px #fff; }
.hl-img img { width: 100%; height: 100%; object-fit: cover; }
.hl-img b { color: var(--primary); font-size: 22px; }
.hl-t { font-size: 12px; font-weight: 600; text-align: center; line-height: 1.2; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Sekmeler */
.pf-tabs { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; margin-top: 10px; background: rgba(255,255,255,.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-top: 1px solid var(--line); }
.pf-tabs-row { flex: 1; display: flex; overflow-x: auto; }
.pf-tabs-row a { flex-shrink: 0; position: relative; padding: 14px 14px 12px; font-size: 14px; font-weight: 700; color: var(--muted); white-space: nowrap; }
.pf-tabs-row a.active { color: var(--text); }
.pf-tabs-row a.active::before { content: ''; position: absolute; top: -1px; inset-inline: 10px; height: 2px; background: var(--text); }
.pf-search { width: 46px; height: 46px; display: grid; place-items: center; flex-shrink: 0; }

/* Üçlü ızgara */
.grid-wrap { max-width: 760px; margin: 0 auto; padding-bottom: 20px; }
.sec { padding-top: 16px; }
.sec-head { display: flex; align-items: baseline; justify-content: space-between; padding: 0 14px 10px; }
.sec-head h2 { font-size: 17px; font-weight: 800; }
.sec-head span { font-size: 12.5px; color: var(--muted); font-weight: 600; }
.sec .sec-closed { margin: 0 14px 10px; }
.items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
.tile { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--surface-2); }
.tile > img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease), filter .3s; }
.tile:active > img { transform: scale(1.05); filter: brightness(.9); }
.tile-word { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 10px; text-align: center; font-weight: 800; font-size: 14px; line-height: 1.15; }
.tile.no-img.k0 { background: #fde4e7; } .tile.no-img.k1 { background: #fdeedd; } .tile.no-img.k2 { background: #ece6fa; } .tile.no-img.k3 { background: #e2f1ec; }
.tile.no-img .tile-name { display: none; }
.tile-price { position: absolute; inset-inline-start: 6px; bottom: 6px; padding: 3px 8px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--text); font-size: 11.5px; font-weight: 800; }
.tile-badge { position: absolute; top: 6px; inset-inline-end: 6px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.92); color: var(--primary); }
.tile-badge .icon { width: 13px; height: 13px; }
.tile-sold { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(255,255,255,.55); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #b91c1c; }
.tile-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.unavailable .items { opacity: .5; }
@media (min-width: 640px) { .items { gap: 4px; } }

.cart-bar { background: var(--text); border-radius: 14px; }
.cart-count { border-radius: 10px; background: var(--ring); color: #fff; }
.cta { background: var(--primary); border-radius: 12px; }
.foot-social a { box-shadow: none; background: var(--surface-2); }
.pf .camps { padding-inline: 0; }
.camp { border-radius: 14px; box-shadow: 0 0 0 1px var(--line); }
.camp-ic { border-radius: 50%; background: var(--ring); color: #fff; }

body.dm-on .ring > *, body.dm-on .hl-img { box-shadow: 0 0 0 3px #0c0c0e; }
body.dm-on .pf-tabs { background: rgba(12,12,14,.92); }
body.dm-on .tile-price, body.dm-on .tile-badge { background: rgba(23,23,26,.9); color: #f4f1ea; }
/* Koyu modda duyuru açık pembe zemin yerine koyu ana renk tonunda */
body.dm-on .pf .banner { background: var(--primary-soft); }
body.dm-on .tile.no-img.k0 { background: #3a2229; } body.dm-on .tile.no-img.k1 { background: #3a2e22; } body.dm-on .tile.no-img.k2 { background: #2c2640; } body.dm-on .tile.no-img.k3 { background: #1f3a31; }
body.dm-on .tile-sold { background: rgba(0,0,0,.55); color: #fca5a5; }