.kk-kart{
  --kk-kum:#141417; --kk-yuzey:#1c1c21; --kk-altin:#c0934e; --kk-metin:#f4f1ea;
  --kk-sonuk:rgba(244,241,234,.58); --kk-cizgi:rgba(255,255,255,.10);
  background:var(--kk-kum); color:var(--kk-metin); border:1px solid var(--kk-cizgi);
  border-radius:14px; overflow:hidden; box-shadow:0 14px 40px rgba(0,0,0,.32);
  font:15px/1.55 -apple-system,'SF Pro Text','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.kk-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 18px 12px;border-bottom:1px solid var(--kk-cizgi)}
.kk-kimlik{min-width:0}
.kk-ad{font-weight:650;font-size:1.02rem;letter-spacing:-.01em}
.kk-alt{font-size:.82rem;color:var(--kk-sonuk);margin-top:2px}
.kk-sekmeler{display:flex;gap:4px;background:rgba(255,255,255,.05);border-radius:9px;padding:3px}
.kk-sekme{appearance:none;border:0;background:transparent;color:var(--kk-sonuk);cursor:pointer;
  font:600 .8rem/1 inherit;letter-spacing:.02em;padding:9px 15px;border-radius:7px;transition:.18s}
.kk-sekme:hover{color:var(--kk-metin)}
.kk-sekme[aria-selected="true"]{background:rgba(192,147,78,.16);color:var(--kk-altin);
  box-shadow:inset 0 0 0 1px rgba(192,147,78,.35)}
.kk-sekme:focus-visible{outline:2px solid var(--kk-altin);outline-offset:2px}

.kk-sahne{position:relative;background:#0c0c0e;aspect-ratio:16/10}
@supports not (aspect-ratio:1/1){ .kk-sahne{height:0;padding-top:62.5%} }
.kk-pano{position:absolute;inset:0}
.kk-pano[hidden]{display:none}

.kk-bekle{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;
  color:var(--kk-sonuk);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}


.kk-tuval{position:absolute;inset:0}
.kk-tuval .gm-style{border-radius:0}

.kk-marka{position:absolute;left:14px;top:12px;z-index:5;pointer-events:none;
  background:rgba(12,12,14,.62);backdrop-filter:blur(6px);border:1px solid rgba(192,147,78,.30);
  border-radius:8px;padding:7px 12px;font:700 .68rem/1.1 inherit;letter-spacing:.16em;
  text-transform:uppercase;color:var(--kk-altin);text-shadow:0 1px 4px rgba(0,0,0,.6)}

.kk-alt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:11px 16px;background:var(--kk-yuzey);border-top:1px solid var(--kk-cizgi);font-size:.78rem}
.kk-adres{color:var(--kk-sonuk);min-width:0}
.kk-guc{color:rgba(244,241,234,.42);text-decoration:none;white-space:nowrap;transition:.18s}
.kk-guc:hover{color:var(--kk-altin)}
.kk-guc:focus-visible{outline:2px solid var(--kk-altin);outline-offset:2px;border-radius:4px}

@media (max-width:640px){
  .kk-sahne{aspect-ratio:4/5}
  @supports not (aspect-ratio:1/1){ .kk-sahne{padding-top:125%} }
  .kk-ust{align-items:flex-start;flex-direction:column;gap:12px}
  .kk-sekmeler{width:100%}
  .kk-sekme{flex:1 1 0;text-align:center}
}