/* UST Bilişim — Lokasyon SEO v1.2.0 */
.ust-location-page,
.ust-location-hub { --ust-loc-orange:#ff5a1f; --ust-loc-dark:#090b0f; --ust-loc-card:#11151b; --ust-loc-line:rgba(255,255,255,.10); }
.ust-location-page a,
.ust-location-hub a { text-decoration:none; }
.ust-location-hero {
    position:relative; overflow:hidden; padding:156px 0 92px; color:#fff;
    background:
        radial-gradient(circle at 82% 22%, rgba(255,90,31,.17), transparent 29%),
        radial-gradient(circle at 12% 80%, rgba(255,90,31,.08), transparent 27%),
        linear-gradient(135deg,#07090c 0%,#0d1117 58%,#090b0f 100%);
}
.ust-location-hero:before { content:""; position:absolute; inset:0; opacity:.12; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.ust-location-hero .container { position:relative; z-index:2; }
.ust-location-kicker { display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; color:#ff7b42; font-size:13px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ust-location-kicker:before { content:""; width:34px; height:2px; background:var(--ust-loc-orange); }
.ust-location-hero h1 { max-width:980px; margin:0; color:#fff; font-size:clamp(44px,5.1vw,76px); line-height:.98; letter-spacing:-2.6px; }
.ust-location-hero h1 span { color:var(--ust-loc-orange); }
.ust-location-hero-accent { max-width:820px; margin:18px 0 0; color:#ff7b42; font-size:clamp(18px,2vw,24px); line-height:1.35; font-weight:800; letter-spacing:-.25px; }
.ust-location-hero-lead { max-width:780px; margin:28px 0 0; color:rgba(255,255,255,.72); font-size:18px; line-height:1.75; }
.ust-location-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.ust-location-hero-actions .ust-location-btn { display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 21px; border-radius:999px; border:1px solid rgba(255,255,255,.15); color:#fff; font-weight:800; transition:.25s ease; }
.ust-location-hero-actions .ust-location-btn.is-primary { background:var(--ust-loc-orange); border-color:var(--ust-loc-orange); }
.ust-location-hero-actions .ust-location-btn.is-whatsapp { background:#161b21; }
.ust-location-hero-actions .ust-location-btn:hover { transform:translateY(-2px); color:#fff; border-color:rgba(255,90,31,.8); }
.ust-location-trust { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(255,255,255,.10); }
.ust-location-trust span { display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.62); font-size:13px; font-weight:700; }
.ust-location-trust i { color:var(--ust-loc-orange); }

.ust-location-section { padding:92px 0; }
.ust-location-section.is-dark { background:#0a0d11; color:#fff; }
.ust-location-section.is-soft { background:#f5f6f7; }
.ust-location-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:42px; }
.ust-location-section-head > div:first-child { max-width:760px; }
.ust-location-eyebrow { display:block; margin-bottom:12px; color:#ff5a1f; font-size:12px; font-weight:850; letter-spacing:.10em; text-transform:uppercase; }
.ust-location-section h2 { margin:0; font-size:clamp(34px,4vw,56px); line-height:1.02; letter-spacing:-1.8px; }
.ust-location-section.is-dark h2 { color:#fff; }
.ust-location-section-head p { max-width:620px; margin:0; color:#6d737c; line-height:1.75; }
.ust-location-section.is-dark .ust-location-section-head p { color:rgba(255,255,255,.62); }

.ust-location-service-grid,
.ust-location-sector-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.ust-location-service-card,
.ust-location-sector-card { position:relative; min-height:245px; padding:28px; overflow:hidden; border:1px solid #e6e8eb; border-radius:26px; background:#fff; transition:.25s ease; }
.ust-location-service-card:before { content:""; position:absolute; right:-60px; top:-70px; width:150px; height:150px; border-radius:50%; background:rgba(255,90,31,.07); transition:.25s ease; }
.ust-location-service-card:hover { transform:translateY(-5px); border-color:rgba(255,90,31,.34); box-shadow:0 22px 50px rgba(17,24,39,.08); }
.ust-location-service-card .icon,
.ust-location-sector-card .icon { width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:15px; background:#fff0ea; color:var(--ust-loc-orange); font-size:20px; }
.ust-location-service-card h3,
.ust-location-sector-card h3 { margin:24px 0 11px; font-size:21px; line-height:1.2; }
.ust-location-service-card p,
.ust-location-sector-card p { margin:0; color:#737982; line-height:1.7; font-size:14px; }
.ust-location-service-card .link { position:absolute; left:28px; bottom:25px; display:inline-flex; align-items:center; gap:8px; color:#111; font-size:13px; font-weight:850; }
.ust-location-service-card .link i { color:var(--ust-loc-orange); }
.ust-location-sector-card { min-height:220px; border-color:rgba(255,255,255,.09); background:#11151b; }
.ust-location-sector-card h3 { color:#fff; }
.ust-location-sector-card p { color:rgba(255,255,255,.58); }
.ust-location-sector-card .icon { background:rgba(255,90,31,.12); }

.ust-location-map-shell { position:relative; padding:28px; border:1px solid rgba(255,255,255,.09); border-radius:34px; background:linear-gradient(145deg,#0c1015,#12171e); box-shadow:0 36px 90px rgba(0,0,0,.22); }
.ust-location-map-stage { position:relative; width:100%; }
.ust-location-map-note { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; color:rgba(255,255,255,.53); font-size:12px; }
.ust-location-map-note i { margin-right:7px; color:var(--ust-loc-orange); }

.ust-location-province-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:34px; }
.ust-location-province-card { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 24px; border:1px solid rgba(255,255,255,.09); border-radius:20px; background:#10141a; color:#fff; transition:.22s ease; }
.ust-location-province-card:hover { color:#fff; transform:translateY(-3px); border-color:rgba(255,90,31,.44); }
.ust-location-province-card strong { font-size:18px; }
.ust-location-province-card span { display:block; margin-top:4px; color:rgba(255,255,255,.48); font-size:12px; }
.ust-location-province-card i { color:var(--ust-loc-orange); }

.ust-location-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ust-location-related { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:84px; padding:18px 20px; border:1px solid #e3e6e9; border-radius:18px; background:#fff; color:#15181d; transition:.22s ease; }
.ust-location-related:hover { color:#15181d; border-color:rgba(255,90,31,.38); transform:translateY(-2px); }
.ust-location-related span { font-weight:850; }
.ust-location-related small { display:block; color:#7c828a; font-weight:600; }
.ust-location-related i { color:var(--ust-loc-orange); }

.ust-location-faq { max-width:980px; margin:0 auto; }
.ust-location-faq details { border-bottom:1px solid #e4e6e9; }
.ust-location-faq summary { position:relative; padding:25px 48px 25px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:850; color:#15181d; }
.ust-location-faq summary::-webkit-details-marker { display:none; }
.ust-location-faq summary:after { content:"+"; position:absolute; right:8px; top:20px; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#f2f3f4; color:#ff5a1f; font-size:20px; }
.ust-location-faq details[open] summary:after { content:"−"; }
.ust-location-faq p { max-width:830px; padding:0 0 25px; margin:0; color:#6b7179; line-height:1.78; }

.ust-location-cta { position:relative; overflow:hidden; padding:62px; border-radius:34px; background:linear-gradient(135deg,#0b0e12,#171b21); color:#fff; }
.ust-location-cta:after { content:""; position:absolute; width:300px; height:300px; right:-90px; top:-100px; border-radius:50%; background:rgba(255,90,31,.14); }
.ust-location-cta > * { position:relative; z-index:2; }
.ust-location-cta h2 { max-width:780px; color:#fff; font-size:clamp(36px,4vw,58px); }
.ust-location-cta p { max-width:720px; margin:18px 0 0; color:rgba(255,255,255,.62); line-height:1.75; }

/* Hizmet sayfalarında düşük profilli iç-link alanı */
.ust-service-location-links { padding:68px 0; background:#0c0f13; border-top:1px solid rgba(255,255,255,.06); }
.ust-service-location-links .ust-service-location-inner { display:flex; align-items:flex-start; justify-content:space-between; gap:34px; }
.ust-service-location-links .intro { max-width:520px; }
.ust-service-location-links .intro span { color:#ff6a28; font-size:12px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.ust-service-location-links .intro h2 { margin:10px 0 12px; color:#fff; font-size:30px; letter-spacing:-.8px; }
.ust-service-location-links .intro p { margin:0; color:rgba(255,255,255,.55); line-height:1.7; font-size:14px; }
.ust-service-location-links .links { flex:1; max-width:700px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.ust-service-location-links .links a { display:inline-flex; align-items:center; gap:8px; padding:11px 15px; border:1px solid rgba(255,255,255,.10); border-radius:999px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.025); font-size:13px; font-weight:750; transition:.2s ease; }
.ust-service-location-links .links a:hover { color:#fff; border-color:rgba(255,90,31,.52); background:rgba(255,90,31,.08); }
.ust-service-location-links .links a.is-hub { border-color:rgba(255,90,31,.42); color:#fff; }
.ust-service-location-links .links i { color:#ff5a1f; }

.ust-location-licence-note { margin-top:20px; color:rgba(255,255,255,.3); font-size:10px; }

@media (max-width:1199px) {
    .ust-location-service-grid,.ust-location-sector-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ust-location-province-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ust-location-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991px) {
    .ust-location-hero { padding:132px 0 72px; }
    .ust-location-section { padding:72px 0; }
    .ust-location-section-head { display:block; }
    .ust-location-section-head p { margin-top:18px; }
    .ust-service-location-links .ust-service-location-inner { display:block; }
    .ust-service-location-links .links { justify-content:flex-start; margin-top:24px; }
}
@media (max-width:767px) {
    .ust-location-hero h1 { letter-spacing:-1.5px; }
    .ust-location-hero-lead { font-size:16px; }
    .ust-location-service-grid,.ust-location-sector-grid,.ust-location-province-grid,.ust-location-related-grid { grid-template-columns:1fr; }
    .ust-location-service-card,.ust-location-sector-card { min-height:auto; }
    .ust-location-service-card .link { position:static; margin-top:20px; }
    .ust-location-map-shell { padding:14px; border-radius:24px; }
    .ust-location-map-note { display:block; line-height:1.6; }
    .ust-location-cta { padding:38px 26px; border-radius:26px; }
}

/* v1.2.0 — İl bazlı gerçek Türkiye SVG haritası */
.ust-location-map-copy { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:18px; }
.ust-location-map-copy strong { color:#fff; font-size:22px; letter-spacing:-.4px; }
.ust-location-map-copy span { max-width:660px; color:rgba(255,255,255,.55); font-size:13px; line-height:1.65; }
.ust-location-map-stage-v2 { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:24px; background:#090c10; }
.ust-turkiye-map { display:block; width:100%; height:auto; aspect-ratio:1804/735; overflow:visible; }
.ust-turkiye-province { cursor:default; outline:none; }
.ust-turkiye-province path { fill:#f4f5f6; stroke:#4d535a; stroke-width:2.2; vector-effect:non-scaling-stroke; transition:fill .18s ease,stroke .18s ease,filter .18s ease; }
.ust-turkiye-province text { pointer-events:none; text-anchor:middle; dominant-baseline:middle; fill:#15181c; font-family:inherit; font-size:14px; font-weight:800; transition:fill .18s ease,opacity .18s ease; }
.ust-turkiye-province.is-small text { font-size:11px; }
.ust-turkiye-province.is-linked { cursor:pointer; }
.ust-turkiye-province.is-linked path { fill:#fff0e9; stroke:#6e554c; }
.ust-turkiye-province.is-linked text { fill:#2a1a14; }
.ust-turkiye-province:hover path,
.ust-turkiye-province:focus path,
.ust-turkiye-province:focus-visible path { fill:var(--ust-loc-orange); stroke:#fff; filter:drop-shadow(0 8px 14px rgba(255,90,31,.28)); }
.ust-turkiye-province:hover text,
.ust-turkiye-province:focus text,
.ust-turkiye-province:focus-visible text { fill:#fff; }
.ust-turkiye-province.is-unlinked:hover path { fill:#252b33; stroke:#87909a; filter:none; }
.ust-turkiye-province.is-unlinked:hover text { fill:#fff; }
.ust-location-map-tooltip { position:absolute; z-index:7; transform:translate(-50%,calc(-100% - 16px)); min-width:170px; max-width:240px; padding:11px 13px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(7,9,12,.96); color:#fff; pointer-events:none; box-shadow:0 16px 38px rgba(0,0,0,.36); }
.ust-location-map-tooltip strong { display:block; font-size:14px; }
.ust-location-map-tooltip span { display:block; margin-top:4px; color:rgba(255,255,255,.58); font-size:11px; }
.ust-location-map-tooltip[hidden] { display:none !important; }

@media (max-width:1199px) {
    .ust-turkiye-province text { font-size:12px; }
    .ust-turkiye-province.is-small text { font-size:9px; }
}
@media (max-width:991px) {
    .ust-location-map-copy { display:block; }
    .ust-location-map-copy span { display:block; margin-top:8px; }
    .ust-turkiye-province text { display:none; }
    .ust-location-map-stage-v2 { overflow-x:auto; }
    .ust-turkiye-map { min-width:860px; }
    .ust-location-map-tooltip { display:none !important; }
}
