/* Tuğra Medikal Dijital Kartvizit — Premium Stil
   Palet: #0a0a0a (siyah), #FFD700 (sarı), #DC2626 (kırmızı), #fafafa (beyaz)
*/

.tmk-card *,
.tmk-card *::before,
.tmk-card *::after { box-sizing: border-box; }

/* (2026-07-17 ARKA PLAN UYUMU) Kartvizit/İletişim sayfasının zemini, site
   footer'ının (.tmblog-site-footer) lacivert degradesiyle BİREBİR AYNI
   renge çekildi — eskiden düz siyahtı (#0a0a0a) ve sayfa altında footer'a
   geçerken (özellikle mobilde .tmk-card min-height:100vh ile boşluğu siyah
   dolduruyordu) sert bir renk çakışması/kesişme çizgisi oluşuyordu. Değer
   modules/blog/assets/tmblog.css > .tmblog-site-footer ile senkron tutulmalı. */
.tmk-fullpage { margin: 0; background: linear-gradient(150deg, #1e2a4a 0%, #2c3e6b 60%, #3d3160 100%); }

.tmk-card {
    --tmk-black: linear-gradient(150deg, #1e2a4a 0%, #2c3e6b 60%, #3d3160 100%);
    --tmk-black-2: #131313;
    --tmk-black-3: #1c1c1c;
    --tmk-yellow: #FFD700;
    --tmk-yellow-2: #FFC107;
    --tmk-red: #DC2626;
    --tmk-red-2: #B91C1C;
    --tmk-white: #fafafa;
    --tmk-muted: #a3a3a3;

    max-width: 520px;
    margin: 0 auto;
    background: var(--tmk-black);
    color: var(--tmk-white);
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
    position: relative;
    min-height: 100vh;
    box-shadow: 0 30px 100px rgba(0,0,0,.6);
}

@media (min-width: 600px) {
    .tmk-card { margin-top: 24px; margin-bottom: 24px; border-radius: 24px; min-height: auto; }
}

/* ===== HERO ===== */
.tmk-hero {
    position: relative;
    padding: 44px 24px 32px;
    text-align: center;
    background: linear-gradient(180deg, #2c3e6b 0%, #1e2a4a 100%);
    overflow: hidden;
}
.tmk-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.tmk-grain {
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity: .6; mix-blend-mode: overlay;
}
.tmk-glow { position: absolute; width: 320px; height: 320px; border-radius: 50%; filter: blur(80px); opacity: .35; }
.tmk-glow-yellow { background: #FFD700; top: -120px; left: -80px; }
.tmk-glow-red { background: #DC2626; bottom: -140px; right: -100px; opacity: .25; }

.tmk-hero-inner { position: relative; z-index: 2; }

.tmk-logo-wrap {
    width: 132px; height: 132px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #FFD700;
    display: grid; place-items: center;
    box-shadow: 0 12px 40px rgba(255, 215, 0, .35);
    position: relative;
    overflow: hidden;
    animation: tmkPulse 3s ease-in-out infinite;
}
@keyframes tmkPulse {
    0%, 100% { box-shadow: 0 12px 40px rgba(255, 215, 0, .35); }
    50% { box-shadow: 0 16px 56px rgba(255, 215, 0, .55); }
}
.tmk-logo {
    width: 132px; height: 132px;
    object-fit: cover;
    object-position: center;
    transform: scale(1.18);
    border-radius: 50%;
    display: block;
}

.tmk-title {
    font-size: 30px; line-height: 1.1;
    margin: 0 0 6px;
    letter-spacing: .5px;
    font-weight: 800;
    color: var(--tmk-white);
}
.tmk-title::after {
    content: ''; display: block; width: 60px; height: 4px;
    background: linear-gradient(90deg, var(--tmk-yellow), var(--tmk-red));
    margin: 14px auto 0; border-radius: 4px;
}
.tmk-tagline { color: var(--tmk-muted); font-size: 14px; margin: 14px 0 18px; }

.tmk-badge-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.tmk-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255, 215, 0, .08);
    border: 1px solid rgba(255, 215, 0, .25);
    color: var(--tmk-yellow);
    padding: 6px 12px; border-radius: 999px;
    font-size: 11px; font-weight: 600; letter-spacing: .3px;
    text-transform: uppercase;
}
.tmk-badge-red {
    background: rgba(220, 38, 38, .1);
    border-color: rgba(220, 38, 38, .35);
    color: #fca5a5;
}

/* ===== PRIMARY ACTIONS ===== */
.tmk-actions {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
    padding: 20px;
}
.tmk-btn {
    display: flex; align-items: center; gap: 10px;
    padding: 16px 14px; border-radius: 18px;
    text-decoration: none;
    color: var(--tmk-white);
    background: linear-gradient(135deg, #263a63 0%, #1a2540 100%);
    border: 1px solid rgba(255,255,255,.08);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    min-height: 72px;
    position: relative;
    overflow: hidden;
}
.tmk-btn::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(135deg, transparent 50%, rgba(255,255,255,.04) 100%);
    pointer-events: none;
}
.tmk-btn:hover, .tmk-btn:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 215, 0, .4);
    box-shadow: 0 12px 30px rgba(0,0,0,.5);
}
.tmk-btn-icon {
    width: 44px; height: 44px; flex: 0 0 44px;
    border-radius: 12px;
    display: grid; place-items: center;
    background: rgba(255, 215, 0, .1);
    color: var(--tmk-yellow);
}
.tmk-btn-text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.tmk-btn-text strong { font-size: 15px; font-weight: 700; color: var(--tmk-white); }
.tmk-btn-text small { font-size: 11px; color: var(--tmk-muted); margin-top: 2px; }

.tmk-btn-call { background: linear-gradient(135deg, #FFD700 0%, #FFC107 100%); color: #0a0a0a; border-color: #FFD700; }
.tmk-btn-call .tmk-btn-icon { background: rgba(0,0,0,.15); color: #0a0a0a; }
.tmk-btn-call .tmk-btn-text strong, .tmk-btn-call .tmk-btn-text small { color: #0a0a0a; }
.tmk-btn-call .tmk-btn-text small { color: rgba(0,0,0,.7); }

.tmk-btn-wa { background: linear-gradient(135deg, #25D366 0%, #1ebe5b 100%); border-color: #25D366; color: #fff; }
.tmk-btn-wa .tmk-btn-icon { background: rgba(255,255,255,.18); color: #fff; }
.tmk-btn-wa .tmk-btn-text small { color: rgba(255,255,255,.85); }

.tmk-btn-save { background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%); border-color: #DC2626; color: #fff; }
.tmk-btn-save .tmk-btn-icon { background: rgba(255,255,255,.18); color: #fff; }
.tmk-btn-save .tmk-btn-text small { color: rgba(255,255,255,.85); }

.tmk-btn-dir .tmk-btn-icon { background: rgba(255, 215, 0, .15); color: var(--tmk-yellow); }

/* ===== SECTION ===== */
.tmk-section {
    padding: 24px 20px;
    border-top: 1px solid rgba(255,255,255,.06);
}
.tmk-section-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 16px;
}
.tmk-section-head h2 {
    font-size: 17px; font-weight: 700;
    margin: 0; color: var(--tmk-white);
    display: flex; align-items: center; gap: 8px;
}
.tmk-section-head h2 .tmk-i { color: var(--tmk-yellow); }

.tmk-open-pill {
    font-size: 11px; color: var(--tmk-muted);
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    padding: 6px 10px; border-radius: 999px;
}
.tmk-open-pill strong { color: var(--tmk-yellow); }
.tmk-open-pill.closed strong { color: #fca5a5; }
.tmk-open-pill.open strong { color: #4ade80; }

.tmk-hours {
    margin: 0;
    font-family: inherit;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    padding: 14px 16px;
    color: #d4d4d4;
    font-size: 14px;
    white-space: pre-wrap;
    line-height: 1.7;
}

/* ===== BRANCHES ===== */
.tmk-branches { display: flex; flex-direction: column; gap: 16px; }
.tmk-branch {
    background: linear-gradient(180deg, #22304f 0%, #161f38 100%);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    overflow: hidden;
    transition: border-color .2s ease, transform .2s ease;
}
.tmk-branch:hover { border-color: rgba(255, 215, 0, .35); transform: translateY(-2px); }
.tmk-branch-img {
    height: 240px;
    background-color: #1a2540;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.tmk-branch-img::after { content: none; }
.tmk-branch-tag {
    position: absolute; top: 12px; left: 12px; z-index: 2;
    background: var(--tmk-yellow); color: #0a0a0a;
    padding: 5px 12px; border-radius: 999px;
    font-size: 10px; font-weight: 800; letter-spacing: 1px;
    box-shadow: 0 4px 12px rgba(0,0,0,.5);
}
.tmk-branch-body { padding: 16px; }
.tmk-branch-body h3 { font-size: 16px; margin: 0 0 8px; color: var(--tmk-white); font-weight: 700; }
.tmk-branch-addr, .tmk-branch-hours {
    margin: 4px 0; color: #c0c0c0; font-size: 13px;
    display: flex; gap: 6px; align-items: flex-start;
}
.tmk-branch-addr .tmk-i, .tmk-branch-hours .tmk-i { color: var(--tmk-yellow); flex: 0 0 auto; margin-top: 2px; }

.tmk-branch-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.tmk-mini {
    flex: 1; min-width: 0;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 11px 12px; border-radius: 12px;
    font-size: 13px; font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease;
}
.tmk-mini-call { background: var(--tmk-yellow); color: #0a0a0a; }
.tmk-mini-dir { background: rgba(220, 38, 38, .15); color: #fca5a5; border-color: rgba(220, 38, 38, .35); }
.tmk-mini:hover { transform: translateY(-1px); }

/* ===== REVIEW (per branch) ===== */
.tmk-review-block {
    margin-top: 14px;
    background: linear-gradient(135deg, rgba(66, 133, 244, .08) 0%, rgba(255, 215, 0, .05) 100%);
    border: 1px solid rgba(255, 215, 0, .2);
    border-radius: 14px;
    padding: 14px;
    display: grid;
    grid-template-columns: 1fr 108px;
    gap: 12px;
    align-items: center;
}
.tmk-review-btn {
    display: flex; align-items: center; gap: 10px;
    text-decoration: none; color: #fafafa;
    transition: transform .15s ease;
    min-width: 0;
}
.tmk-review-btn:hover { transform: translateX(2px); }
.tmk-stars {
    color: #FFD700; font-size: 18px; letter-spacing: 1px;
    text-shadow: 0 0 8px rgba(255,215,0,.5);
    flex-shrink: 0;
}
.tmk-review-text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.tmk-review-text strong { font-size: 13px; font-weight: 700; color: #fff; }
.tmk-review-text small { font-size: 11px; color: #a3a3a3; margin-top: 3px; }
.tmk-review-arrow { color: #FFD700; font-size: 18px; font-weight: 700; flex-shrink: 0; }
.tmk-review-qr {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.tmk-branch-qr {
    width: 92px; height: 92px;
    background: #fff;
    border-radius: 8px; padding: 4px;
    display: grid; place-items: center;
}
.tmk-branch-qr img, .tmk-branch-qr canvas { width: 100% !important; height: 100% !important; }
.tmk-review-qr-caption {
    font-size: 9px; color: #999; text-align: center;
    line-height: 1.3;
}
@media (max-width: 420px) {
    .tmk-review-block { grid-template-columns: 1fr; }
    .tmk-review-qr { flex-direction: row; gap: 10px; justify-content: center; }
    .tmk-review-qr-caption { text-align: left; }
}

/* ===== SOCIAL ===== */
.tmk-socials {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.tmk-social {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 14px 8px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    color: var(--tmk-white);
    text-decoration: none;
    font-size: 11px; font-weight: 600;
    transition: all .2s ease;
}
.tmk-social .tmk-i { width: 22px; height: 22px; }
.tmk-social:hover { transform: translateY(-2px); border-color: rgba(255, 215, 0, .4); }
.tmk-s-ig .tmk-i { color: #e1306c; }
.tmk-s-fb .tmk-i { color: #1877f2; }
.tmk-s-yt .tmk-i { color: #ff0000; }
.tmk-s-mail .tmk-i { color: var(--tmk-yellow); }

/* ===== SHOPS ===== */
.tmk-shops { display: flex; flex-direction: column; gap: 10px; }
.tmk-shop {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 18px; border-radius: 14px;
    text-decoration: none;
    font-weight: 700; font-size: 15px;
    transition: transform .15s ease, box-shadow .15s ease;
}
.tmk-shop:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.tmk-shop-arrow { font-size: 20px; transition: transform .15s ease; }
.tmk-shop:hover .tmk-shop-arrow { transform: translateX(4px); }
.tmk-shop-ty { background: linear-gradient(135deg, #f27a1a 0%, #e15a05 100%); color: #fff; }
.tmk-shop-hb { background: linear-gradient(135deg, #ff6000 0%, #e55400 100%); color: #fff; }
.tmk-shop-n11 { background: linear-gradient(135deg, #5a1d8e 0%, #3d1262 100%); color: #fff; }

/* ===== QR ===== */
.tmk-qr-wrap {
    display: grid; grid-template-columns: 140px 1fr; gap: 18px;
    align-items: center;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px; padding: 18px;
}
.tmk-qr-canvas {
    width: 140px; height: 140px;
    background: #fff;
    border-radius: 12px;
    padding: 8px;
    display: grid; place-items: center;
}
.tmk-qr-canvas img, .tmk-qr-canvas canvas { width: 100% !important; height: 100% !important; }
.tmk-qr-info p { margin: 0 0 12px; font-size: 13px; color: #d4d4d4; line-height: 1.5; }
.tmk-qr-actions { display: flex; gap: 8px; }
.tmk-qr-actions .tmk-mini { padding: 8px 10px; font-size: 12px; }

@media (max-width: 420px) {
    .tmk-qr-wrap { grid-template-columns: 1fr; text-align: center; }
    .tmk-qr-canvas { margin: 0 auto; }
}

/* ===== FORM ===== */
.tmk-form { display: flex; flex-direction: column; gap: 10px; }
.tmk-form input, .tmk-form textarea {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.1);
    color: var(--tmk-white);
    padding: 13px 14px;
    border-radius: 12px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color .15s ease;
}
.tmk-form input:focus, .tmk-form textarea:focus {
    outline: none;
    border-color: var(--tmk-yellow);
}
.tmk-form input::placeholder, .tmk-form textarea::placeholder { color: #6b6b6b; }
.tmk-submit {
    background: linear-gradient(135deg, var(--tmk-yellow) 0%, var(--tmk-yellow-2) 100%);
    color: #0a0a0a;
    border: none;
    padding: 14px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s ease;
}
.tmk-submit:hover { transform: translateY(-2px); }
.tmk-alert {
    background: rgba(34, 197, 94, .12);
    border: 1px solid rgba(34, 197, 94, .35);
    color: #4ade80;
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 12px;
    font-size: 14px;
}

/* ===== IBAN ===== */
.tmk-iban-groups { display: flex; flex-direction: column; gap: 12px; }
.tmk-card .tmk-iban-group {
    position: relative;
    background: linear-gradient(180deg, #263a63 0%, #1a2540 100%) !important;
    border: 1px solid rgba(255, 215, 0, .18) !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tmk-card .tmk-iban-group::before {
    content: "";
    position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #FFD700 0%, #FF9F0A 100%);
    opacity: .85;
}
.tmk-card .tmk-iban-group:hover {
    border-color: rgba(255, 215, 0, .35) !important;
    box-shadow: 0 10px 30px rgba(255, 215, 0, .08), inset 0 1px 0 rgba(255,255,255,.06);
}
.tmk-card .tmk-iban-toggle {
    width: 100% !important;
    display: flex !important; align-items: center; gap: 14px;
    padding: 16px 18px !important;
    background: transparent !important;
    border: none !important;
    color: #fafafa !important;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background .2s ease;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.tmk-card .tmk-iban-toggle:hover { background: rgba(255, 215, 0, .05) !important; }
.tmk-card .tmk-iban-toggle.is-open { background: rgba(255, 215, 0, .07) !important; }

.tmk-card .tmk-iban-avatar {
    width: 40px; height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255, 215, 0, .18), rgba(255, 159, 10, .08));
    border: 1px solid rgba(255, 215, 0, .35);
    color: #FFD700 !important;
    display: grid; place-items: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(255, 215, 0, .12), inset 0 1px 0 rgba(255,255,255,.08);
}
.tmk-card .tmk-iban-avatar .tmk-i { width: 20px; height: 20px; background: #FFD700 !important; }

.tmk-card .tmk-iban-toggle-text {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; line-height: 1.35;
}
.tmk-card .tmk-iban-toggle-text strong {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    letter-spacing: .2px;
    text-transform: none !important;
}
.tmk-card .tmk-iban-toggle-text small {
    font-size: 11.5px !important;
    color: #9a9a9a !important;
    margin-top: 3px;
    font-weight: 500;
    text-transform: none !important;
}

.tmk-card .tmk-iban-chev {
    width: 26px; height: 26px;
    border-radius: 50%;
    background: rgba(255, 215, 0, .12);
    border: 1px solid rgba(255, 215, 0, .3);
    color: #FFD700 !important;
    font-size: 13px;
    display: grid; place-items: center;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), background .2s ease;
    flex-shrink: 0;
    line-height: 1;
}
.tmk-card .tmk-iban-toggle.is-open .tmk-iban-chev {
    transform: rotate(180deg);
    background: rgba(255, 215, 0, .25);
}

.tmk-iban-body {
    border-top: 1px solid rgba(255, 215, 0, .15);
    padding: 14px;
    display: flex; flex-direction: column; gap: 12px;
    min-width: 0;
}
.tmk-iban-body[hidden] { display: none !important; }

.tmk-iban-card {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 14px;
    min-width: 0;
}
.tmk-iban-card-head {
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0 0 4px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}
.tmk-iban-card-head:hover .tmk-bank-logo { filter: brightness(1.05); }
.tmk-iban-acc-chev {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: rgba(255, 215, 0, .12);
    border: 1px solid rgba(255, 215, 0, .3);
    color: #FFD700;
    font-size: 12px;
    display: grid; place-items: center;
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), background .2s ease;
    flex-shrink: 0;
    line-height: 1;
    margin-left: auto;
}
.tmk-iban-card-head.is-open .tmk-iban-acc-chev {
    transform: rotate(180deg);
    background: rgba(255, 215, 0, .25);
}
.tmk-iban-acc-body {
    margin-top: 12px;
}
.tmk-iban-acc-body[hidden] { display: none !important; }
.tmk-bank-logo {
    display: inline-flex; align-items: center;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 800; font-size: 14px;
    letter-spacing: .3px;
    background: #fff;
}
.tmk-bank-logo-ziraat {
    background: #fff;
    color: #C8102E;
    border: 2px solid #C8102E;
    font-family: 'Times New Roman', serif;
    font-style: italic;
    letter-spacing: 0;
}
.tmk-bank-logo-akbank {
    background: #fff;
    color: #E2231A;
    letter-spacing: 2px;
    font-weight: 900;
}
.tmk-bank-logo-enpara {
    background: #fff;
    color: #6e34a8;
    font-weight: 800;
    text-transform: lowercase;
    letter-spacing: 0;
}
.tmk-bank-logo-enpara::first-letter { color: #6e34a8; }
.tmk-iban-note {
    font-size: 11px; color: #FFD700;
    background: rgba(255, 215, 0, .1);
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
}
.tmk-iban-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
.tmk-iban-qr-wrap { justify-self: center; }
.tmk-iban-info { min-width: 0; }
.tmk-iban-holder { font-size: 13px; color: #c0c0c0; margin-bottom: 6px; }
.tmk-iban-value {
    display: block;
    box-sizing: border-box;
    width: calc(100% + 28px);
    max-width: calc(100% + 28px);
    margin-left: -14px;
    margin-right: -14px;
    font-family: 'Courier New', monospace;
    /* (2026-07-17) IBAN rakamları daha kalın ve çerçeveye sığacak kadar büyütüldü.
       Eski: clamp(9px, calc((100vw - 92px) * 0.046), 15px), font-weight yoktu.
       Yeni: çarpan 0.046→0.052, üst sınır 15→16.5px, font-weight 700 eklendi.
       Courier New monospace olduğu için 32 karakterlik IBAN hâlâ çerçeve içinde
       kalıyor — iç boşluk 10→8px'e düşürülerek ek alan kazanıldı. */
    font-size: clamp(10px, calc((100vw - 92px) * 0.052), 16.5px);
    font-weight: 700;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: rgba(13, 27, 62, .75);
    padding: 8px 8px;
    border-radius: 8px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: center;
    border: 1px dashed rgba(255, 215, 0, .25);
    margin-bottom: 8px;
}
/* iOS Safari rakamları otomatik telefon linki yapar — zorla beyaz tut */
.tmk-iban-value a,
.tmk-iban-value a[href^="tel"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
    pointer-events: none;
}
.tmk-iban-actions {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.tmk-iban-copy {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--tmk-yellow); color: #0a0a0a;
    border: none;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px; font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: transform .15s ease;
}
.tmk-iban-copy:hover { transform: translateY(-1px); }
.tmk-iban-link-copy {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255, 255, 255, .06); color: #fafafa;
    border: 1px solid rgba(255, 255, 255, .18);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px; font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: transform .15s ease;
}
.tmk-iban-link-copy:hover { transform: translateY(-1px); }
.tmk-iban-whatsapp {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(37, 211, 102, .15); color: #25D366;
    border: 1px solid rgba(37, 211, 102, .4);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px; font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: transform .15s ease;
}
.tmk-iban-whatsapp:hover { transform: translateY(-1px); }
.tmk-iban-qr-wrap {
    display: grid; place-items: center;
}
.tmk-iban-qr {
    width: 84px; height: 84px;
    background: #fff;
    border-radius: 8px;
    padding: 4px;
    display: grid; place-items: center;
}
.tmk-iban-qr img, .tmk-iban-qr canvas { width: 100% !important; height: 100% !important; }


/* ===== LEGAL TOGGLE ===== */
.tmk-card .tmk-legal-toggle {
    display: inline-flex !important;
    align-items: center; gap: 8px;
    background: linear-gradient(180deg, #263a63 0%, #1a2540 100%) !important;
    border: 1px solid rgba(255, 215, 0, .28) !important;
    color: #FFD700 !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    font-family: inherit;
    cursor: pointer;
    margin: 14px 0 !important;
    transition: all .2s ease !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,215,0,.08);
    line-height: 1;
}
.tmk-card .tmk-legal-toggle:hover {
    background: linear-gradient(180deg, #324a7d 0%, #22314f 100%) !important;
    border-color: rgba(255, 215, 0, .55) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(255, 215, 0, .15), inset 0 1px 0 rgba(255,215,0,.15);
}
.tmk-card .tmk-legal-toggle .tmk-i {
    background: #FFD700 !important;
    width: 14px; height: 14px;
}
.tmk-card .tmk-legal-toggle::after {
    content: "▾";
    color: #FFD700;
    font-size: 11px;
    margin-left: 2px;
    transition: transform .25s ease;
    display: inline-block;
}
.tmk-card .tmk-legal-toggle.is-open::after { transform: rotate(180deg); }

/* ===== FOOTER ===== */
.tmk-footer {
    padding: 24px 20px calc(120px + env(safe-area-inset-bottom, 0px));
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.06);
    background: linear-gradient(180deg, transparent 0%, rgba(255, 215, 0, .04) 100%);
}
@media (min-width: 900px) {
    .tmk-footer { padding-bottom: 48px; }
}
.tmk-legal-name { font-size: 13px; font-weight: 700; color: var(--tmk-yellow); letter-spacing: .3px; }
.tmk-legal-owner { font-size: 12px; color: var(--tmk-muted); margin-top: 4px; }
.tmk-legal-grid {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 6px 14px;
    margin: 14px 0 10px;
    font-size: 11px; color: #999;
    text-align: left;
}
.tmk-legal-grid[hidden] { display: none !important; }
.tmk-legal-grid strong { color: #d4d4d4; }
.tmk-copy { font-size: 11px; color: #555; margin-top: 8px; }

/* ===== ICONS (inline SVG mask) ===== */
.tmk-i {
    display: inline-block;
    width: 18px; height: 18px;
    background: currentColor;
    mask-position: center; mask-repeat: no-repeat; mask-size: contain;
    -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;
}
.tmk-i-phone { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.4 2.5.6 3.9.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10 21 3 14 3 5c0-.6.4-1 1-1h3.4c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.9.1.4 0 .8-.2 1.1l-2.2 2.2z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.4 2.5.6 3.9.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10 21 3 14 3 5c0-.6.4-1 1-1h3.4c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.9.1.4 0 .8-.2 1.1l-2.2 2.2z'/></svg>"); }
.tmk-i-wa { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20.5 3.5A11 11 0 002.7 17.4L2 22l4.7-.7A11 11 0 1020.5 3.5zm-8.5 17a9 9 0 01-4.6-1.3l-.3-.2-3.1.5.5-3-.2-.3A9 9 0 1112 20.5zm5-7c-.3-.1-1.7-.8-2-.9s-.4-.1-.6.1l-.9 1.1c-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.7-1.7-2-.2-.3 0-.5.1-.6l.4-.5c.1-.2.2-.3.3-.5s.1-.4 0-.5L7.9 7c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.8.4S5 7.7 5 9.2c0 1.5 1.1 3 1.2 3.2.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.2-.2-.5-.3z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20.5 3.5A11 11 0 002.7 17.4L2 22l4.7-.7A11 11 0 1020.5 3.5zm-8.5 17a9 9 0 01-4.6-1.3l-.3-.2-3.1.5.5-3-.2-.3A9 9 0 1112 20.5zm5-7c-.3-.1-1.7-.8-2-.9s-.4-.1-.6.1l-.9 1.1c-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.7-1.7-2-.2-.3 0-.5.1-.6l.4-.5c.1-.2.2-.3.3-.5s.1-.4 0-.5L7.9 7c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.8.4S5 7.7 5 9.2c0 1.5 1.1 3 1.2 3.2.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.2-.2-.5-.3z'/></svg>"); }
.tmk-i-contact { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm-8 3a3 3 0 11-3 3 3 3 0 013-3zm6 11H6v-.5c0-2 4-3 6-3s6 1 6 3z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm-8 3a3 3 0 11-3 3 3 3 0 013-3zm6 11H6v-.5c0-2 4-3 6-3s6 1 6 3z'/></svg>"); }
.tmk-i-pin { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2a8 8 0 00-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 00-8-8zm0 11a3 3 0 113-3 3 3 0 01-3 3z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2a8 8 0 00-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 00-8-8zm0 11a3 3 0 113-3 3 3 0 01-3 3z'/></svg>"); }
.tmk-i-clock { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm1 11h-4V7h2v4h2z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm1 11h-4V7h2v4h2z'/></svg>"); }
.tmk-i-store { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21 5H3v3l1 1c0 1.7 1.3 3 3 3a3 3 0 002.5-1.4 3 3 0 005 0A3 3 0 0017 12c1.7 0 3-1.3 3-3l1-1V5zm-2 8.5V20H5v-6.5a4.9 4.9 0 002-.4 5 5 0 005 0 5 5 0 005 0 4.9 4.9 0 002 .4z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21 5H3v3l1 1c0 1.7 1.3 3 3 3a3 3 0 002.5-1.4 3 3 0 005 0A3 3 0 0017 12c1.7 0 3-1.3 3-3l1-1V5zm-2 8.5V20H5v-6.5a4.9 4.9 0 002-.4 5 5 0 005 0 5 5 0 005 0 4.9 4.9 0 002 .4z'/></svg>"); }
.tmk-i-share { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M18 16a3 3 0 00-2.4 1.2L8.9 13.5a3 3 0 000-3l6.7-3.7a3 3 0 10-1-1.7L8 8.8a3 3 0 100 6.4l6.6 3.7a3 3 0 103.4-2.9z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M18 16a3 3 0 00-2.4 1.2L8.9 13.5a3 3 0 000-3l6.7-3.7a3 3 0 10-1-1.7L8 8.8a3 3 0 100 6.4l6.6 3.7a3 3 0 103.4-2.9z'/></svg>"); }
.tmk-i-bag { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M19 7h-3V5a4 4 0 00-8 0v2H5a1 1 0 00-1 1v12a2 2 0 002 2h12a2 2 0 002-2V8a1 1 0 00-1-1zM10 5a2 2 0 014 0v2h-4z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M19 7h-3V5a4 4 0 00-8 0v2H5a1 1 0 00-1 1v12a2 2 0 002 2h12a2 2 0 002-2V8a1 1 0 00-1-1zM10 5a2 2 0 014 0v2h-4z'/></svg>"); }
.tmk-i-qr { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 3h8v8H3zm2 2v4h4V5zM3 13h8v8H3zm2 2v4h4v-4zM13 3h8v8h-8zm2 2v4h4V5zm-2 8h2v2h-2zm4 0h2v2h-2zm-2 4h2v2h-2zm4-4v6h-2v-2h-2v-2h2v-2z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 3h8v8H3zm2 2v4h4V5zM3 13h8v8H3zm2 2v4h4v-4zM13 3h8v8h-8zm2 2v4h4V5zm-2 8h2v2h-2zm4 0h2v2h-2zm-2 4h2v2h-2zm4-4v6h-2v-2h-2v-2h2v-2z'/></svg>"); }
.tmk-i-msg { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20 2H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20 2H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2z'/></svg>"); }
.tmk-i-mail { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5z'/></svg>"); }
.tmk-i-ig { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2c-2.7 0-3 0-4.1.1C5.7 2.2 4.1 3.8 4 6 4 7.1 4 7.4 4 12s0 4.9.1 6c.1 2.2 1.7 3.8 3.9 3.9C9.1 22 9.4 22 12 22s2.9 0 4-.1c2.2-.1 3.8-1.7 3.9-3.9.1-1.1.1-1.4.1-6s0-4.9-.1-6c-.1-2.2-1.7-3.8-3.9-3.9C15 2 14.7 2 12 2zm0 2c2.7 0 3 0 4 .1 1.4.1 2.2.9 2.3 2.3.1 1 .1 1.3.1 4 0 2.7 0 3-.1 4-.1 1.4-.9 2.2-2.3 2.3-1 .1-1.3.1-4 .1s-3 0-4-.1c-1.4-.1-2.2-.9-2.3-2.3-.1-1-.1-1.3-.1-4s0-3 .1-4c.1-1.4.9-2.2 2.3-2.3 1-.1 1.3-.1 4-.1zm0 3a5 5 0 105 5 5 5 0 00-5-5zm0 2a3 3 0 11-3 3 3 3 0 013-3zm5.5-3.5a1.2 1.2 0 11-1.2 1.2 1.2 1.2 0 011.2-1.2z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2c-2.7 0-3 0-4.1.1C5.7 2.2 4.1 3.8 4 6 4 7.1 4 7.4 4 12s0 4.9.1 6c.1 2.2 1.7 3.8 3.9 3.9C9.1 22 9.4 22 12 22s2.9 0 4-.1c2.2-.1 3.8-1.7 3.9-3.9.1-1.1.1-1.4.1-6s0-4.9-.1-6c-.1-2.2-1.7-3.8-3.9-3.9C15 2 14.7 2 12 2zm0 2c2.7 0 3 0 4 .1 1.4.1 2.2.9 2.3 2.3.1 1 .1 1.3.1 4 0 2.7 0 3-.1 4-.1 1.4-.9 2.2-2.3 2.3-1 .1-1.3.1-4 .1s-3 0-4-.1c-1.4-.1-2.2-.9-2.3-2.3-.1-1-.1-1.3-.1-4s0-3 .1-4c.1-1.4.9-2.2 2.3-2.3 1-.1 1.3-.1 4-.1zm0 3a5 5 0 105 5 5 5 0 00-5-5zm0 2a3 3 0 11-3 3 3 3 0 013-3zm5.5-3.5a1.2 1.2 0 11-1.2 1.2 1.2 1.2 0 011.2-1.2z'/></svg>"); }
.tmk-i-fb { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M22 12a10 10 0 10-11.6 9.9V15h-2v-3h2V9.6c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.3.2 2.3.2v2.5h-1.3c-1.3 0-1.7.8-1.7 1.6V12h2.9l-.5 3h-2.4v6.9A10 10 0 0022 12z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M22 12a10 10 0 10-11.6 9.9V15h-2v-3h2V9.6c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.3.2 2.3.2v2.5h-1.3c-1.3 0-1.7.8-1.7 1.6V12h2.9l-.5 3h-2.4v6.9A10 10 0 0022 12z'/></svg>"); }
.tmk-i-yt { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M23 7s-.2-1.6-.9-2.3c-.8-.9-1.7-.9-2.2-1C16.5 3.5 12 3.5 12 3.5s-4.5 0-7.9.3c-.5 0-1.4.1-2.2 1C1.2 5.4 1 7 1 7S.8 9 .8 11v2c0 2 .2 4 .2 4s.2 1.6.9 2.3c.8.9 2 .9 2.5 1 1.8.2 7.6.3 7.6.3s4.5 0 7.9-.3c.5 0 1.4-.1 2.2-1 .7-.7.9-2.3.9-2.3s.2-2 .2-4v-2c0-2-.2-4-.2-4zM9.7 14.6V8.8l5.8 2.9z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M23 7s-.2-1.6-.9-2.3c-.8-.9-1.7-.9-2.2-1C16.5 3.5 12 3.5 12 3.5s-4.5 0-7.9.3c-.5 0-1.4.1-2.2 1C1.2 5.4 1 7 1 7S.8 9 .8 11v2c0 2 .2 4 .2 4s.2 1.6.9 2.3c.8.9 2 .9 2.5 1 1.8.2 7.6.3 7.6.3s4.5 0 7.9-.3c.5 0 1.4-.1 2.2-1 .7-.7.9-2.3.9-2.3s.2-2 .2-4v-2c0-2-.2-4-.2-4zM9.7 14.6V8.8l5.8 2.9z'/></svg>"); }
.tmk-i-shield { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2L4 5v6c0 5 3.5 9.5 8 11 4.5-1.5 8-6 8-11V5z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2L4 5v6c0 5 3.5 9.5 8 11 4.5-1.5 8-6 8-11V5z'/></svg>"); }
.tmk-i-star { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l3 7h7l-5.5 4.5L18 21l-6-4-6 4 1.5-7.5L2 9h7z'/></svg>"); }
.tmk-i-cross { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M14 4h-4v6H4v4h6v6h4v-6h6v-4h-6z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M14 4h-4v6H4v4h6v6h4v-6h6v-4h-6z'/></svg>"); }
.tmk-i-copy { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M16 1H4a2 2 0 00-2 2v14h2V3h12zm3 4H8a2 2 0 00-2 2v14a2 2 0 002 2h11a2 2 0 002-2V7a2 2 0 00-2-2zm0 16H8V7h11z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M16 1H4a2 2 0 00-2 2v14h2V3h12zm3 4H8a2 2 0 00-2 2v14a2 2 0 002 2h11a2 2 0 002-2V7a2 2 0 00-2-2zm0 16H8V7h11z'/></svg>"); }
.tmk-i-wallet { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21 7H5V5h14a1 1 0 000-2H5a3 3 0 00-3 3v12a3 3 0 003 3h16a1 1 0 001-1V8a1 1 0 00-1-1zm-3 7a2 2 0 110-4 2 2 0 010 4z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21 7H5V5h14a1 1 0 000-2H5a3 3 0 00-3 3v12a3 3 0 003 3h16a1 1 0 001-1V8a1 1 0 00-1-1zm-3 7a2 2 0 110-4 2 2 0 010 4z'/></svg>"); }
.tmk-i-user { mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 12a5 5 0 10-5-5 5 5 0 005 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>"); -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 12a5 5 0 10-5-5 5 5 0 005 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>"); }

/* Reveal animation */
@keyframes tmkReveal {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.tmk-card .tmk-hero { animation: tmkReveal .6s ease both; }
.tmk-card .tmk-actions { animation: tmkReveal .6s ease both; animation-delay: .1s; }
.tmk-card .tmk-section { animation: tmkReveal .6s ease both; }
.tmk-card .tmk-section:nth-of-type(2) { animation-delay: .2s; }
.tmk-card .tmk-section:nth-of-type(3) { animation-delay: .25s; }
.tmk-card .tmk-section:nth-of-type(4) { animation-delay: .3s; }
.tmk-card .tmk-section:nth-of-type(5) { animation-delay: .35s; }
.tmk-card .tmk-section:nth-of-type(6) { animation-delay: .4s; }

/* ============================================
   YEREL SEO BÖLÜMÜ (Düzce Medikal hakkımızda)
   ============================================ */
.tmk-seo-section .tmk-seo-intro p {
    color: #e8e8e8;
    line-height: 1.75;
    font-size: 15px;
    margin: 8px 0 14px;
}
.tmk-seo-section .tmk-seo-intro strong {
    color: #FFD700;
    font-weight: 600;
}
.tmk-seo-subtitle {
    color: #FFD700;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin: 14px 0 10px;
}
.tmk-seo-services {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}
@media (min-width: 560px) {
    .tmk-seo-services { grid-template-columns: 1fr 1fr; }
}
.tmk-seo-services li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e8e8e8;
    background: rgba(255, 215, 0, 0.05);
    border: 1px solid rgba(255, 215, 0, 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
}
.tmk-seo-services li .tmk-i {
    color: #FFD700;
    flex-shrink: 0;
}
.tmk-seo-areas {
    margin-top: 10px;
    padding: 12px 14px;
    background: rgba(200, 16, 46, 0.08);
    border-left: 3px solid #C8102E;
    border-radius: 6px;
    color: #f3f3f3;
    font-size: 14px;
}
.tmk-seo-areas strong {
    color: #FFD700;
}

/* ============================================================
   v1.2.0 — Google Reviews mini widget (Açık/Kapalı yanında)
   ============================================================ */
.tmk-hours-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tmk-reviews {
    position: relative;
    display: inline-block;
}

.tmk-rv-summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 2px;
    /* KULLANICI İSTEĞİ: beyaz kutu/çerçeve kaldırıldı — artık koyu arka
       plan üzerinde düz metin olarak duruyor, yazı rengi bu yüzden
       BEYAZ'a çevrildi (siyah, koyu arka planda görünmez kalırdı). */
    background: none;
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 13px;
    cursor: pointer;
    box-shadow: none;
    transition: opacity .15s ease;
    font-family: inherit;
}
.tmk-rv-summary:hover { opacity: .8; }
.tmk-rv-summary[aria-expanded="true"] .tmk-rv-chev {
    transform: rotate(180deg);
}

.tmk-rv-g {
    font-weight: 700;
    letter-spacing: -.5px;
    font-size: 14px;
    display: inline-flex;
}
.tmk-rv-g .g-b { color: #4285F4; }
.tmk-rv-g .g-r { color: #EA4335; }
.tmk-rv-g .g-y { color: #FBBC05; }
.tmk-rv-g .g-g { color: #34A853; }

.tmk-rv-stars {
    display: inline-flex;
    gap: 1px;
    font-size: 14px;
    line-height: 1;
}
.tmk-rv-star { color: #ddd; }
.tmk-rv-star.is-full { color: #FBBC05; }
.tmk-rv-star.is-half {
    background: linear-gradient(90deg, #FBBC05 50%, #ddd 50%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.tmk-rv-score strong { font-size: 14px; font-weight: 700; color: #fff; }
.tmk-rv-score small { color: rgba(255,255,255,.65); margin-left: 1px; }
.tmk-rv-total { color: rgba(255,255,255,.65); font-size: 12px; }
.tmk-rv-chev {
    color: rgba(255,255,255,.65);
    transition: transform .2s ease;
    font-size: 11px;
}

.tmk-rv-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(360px, calc(100vw - 32px));
    background: #ffffff;
    color: #1a1a1a;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(0,0,0,0.5);
    padding: 14px;
    z-index: 50;
    border: 1px solid rgba(0,0,0,0.08);
    animation: tmkRvIn .18s ease;
}
@keyframes tmkRvIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.tmk-rv-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.tmk-rv-head-title {
    font-weight: 600;
    font-size: 13px;
    color: #333;
}
.tmk-rv-head-link {
    color: #1a73e8;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}
.tmk-rv-head-link:hover { text-decoration: underline; }

.tmk-rv-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tmk-rv-item {
    padding: 10px;
    background: #fafafa;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
}
.tmk-rv-item-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.tmk-rv-ava {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    background: #FFD700;
    color: #0a0a0a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}
.tmk-rv-ava-fallback { background: #FFD700; color: #0a0a0a; }
.tmk-rv-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tmk-rv-author { font-size: 13px; color: #1a1a1a; font-weight: 600; }
.tmk-rv-meta-row { display: inline-flex; align-items: center; gap: 8px; }
.tmk-rv-rel { font-size: 11px; color: #777; }
.tmk-rv-text {
    font-size: 12.5px;
    color: #444;
    margin: 0;
    line-height: 1.45;
}

.tmk-rv-cta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 12px;
    background: linear-gradient(135deg, #FFD700, #FFC107);
    color: #0a0a0a;
    text-decoration: none;
    border-radius: 10px;
    font-size: 13px;
    transition: transform .15s ease, box-shadow .15s ease;
}
.tmk-rv-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(255,215,0,0.4);
}
.tmk-rv-cta-stars { color: #C8102E; letter-spacing: 1px; }
.tmk-rv-cta span:nth-child(2) { display: flex; flex-direction: column; flex: 1; }
.tmk-rv-cta strong { font-weight: 700; }
.tmk-rv-cta small { font-size: 11px; opacity: .75; }
.tmk-rv-cta-arrow { font-size: 18px; font-weight: 700; }

.tmk-rv-foot {
    margin-top: 8px;
    font-size: 10.5px;
    color: #999;
    text-align: center;
}

@media (max-width: 480px) {
    .tmk-hours-meta { width: 100%; justify-content: flex-start; }
    .tmk-rv-summary { font-size: 12px; padding: 7px 10px; }
    .tmk-rv-panel { right: -8px; }
    /* KULLANICI İSTEĞİ: "Ara" / "Yol Tarifi" butonları dar ekranlarda yan
       yana sığmayıp telefon numarası iki satıra bölünüyordu. Bu genişlikte
       yan yana değil, alt alta TAM genişlikte gösteriyoruz — böylece her
       butonun metni rahatça tek satıra sığar. */
    .tmk-branch-actions { flex-direction: column; }
    .tmk-branch-actions .tmk-btn { flex: 1 1 100%; width: 100%; }
    .tmk-btn-text strong { font-size: 14px; white-space: nowrap; }
    /* "Hemen Ara" butonundaki telefon numarası (üst 2x2 buton grubunda,
       .tmk-actions içinde — bu kez <small> etiketinde) da aynı sebeple iki
       satıra bölünüyordu. */
    .tmk-btn-text small { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
}

/* ============================================================
   v1.2.0 — SEO bloğu en alta, açılır (collapsible)
   ============================================================ */
.tmk-seo-collapsible {
    padding: 0 !important;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,215,0,0.12);
    border-radius: 14px;
    overflow: hidden;
}
.tmk-seo-toggle {
    width: 100%;
    background: transparent;
    border: none;
    color: #f3f3f3;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background .15s ease;
}
.tmk-seo-toggle:hover { background: rgba(255,215,0,0.05); }
.tmk-seo-toggle[aria-expanded="true"] .tmk-seo-chev { transform: rotate(180deg); }

.tmk-seo-toggle-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,215,0,0.12);
    color: #FFD700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.tmk-seo-toggle-text { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tmk-seo-toggle-text strong { font-size: 14px; color: #FFD700; font-weight: 700; }
.tmk-seo-toggle-text small { font-size: 12px; color: #999; }
.tmk-seo-chev {
    color: #FFD700;
    font-size: 14px;
    transition: transform .2s ease;
}
.tmk-seo-body {
    padding: 0 16px 16px;
    animation: tmkSeoIn .25s ease;
}
@keyframes tmkSeoIn {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}