/* Üçay360° branch map for WordPress — ported from the ucay360.com.tr "Şubelerimiz" section.
   Every rule is scoped under .u360-map so the theme's styles and these never touch each other. */

/* Reset: neutralise theme defaults inside the map only. */
.u360-map,.u360-map *,.u360-map *::before,.u360-map *::after{box-sizing:border-box}
.u360-map{font-family:"Montserrat",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left}
.u360-map h2,.u360-map h3,.u360-map p,.u360-map dl,.u360-map dd{margin:0}
.u360-map h2,.u360-map h3{font-family:inherit;text-transform:none}
.u360-map ul{margin:0;padding:0;list-style:none}
.u360-map li::before{content:none}
.u360-map a{color:inherit;text-decoration:none;box-shadow:none}
.u360-map button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;text-transform:none;letter-spacing:inherit;box-shadow:none;min-height:0;min-width:0;border-radius:0;cursor:pointer}
.u360-map input,.u360-map select{font:inherit;margin:0;box-shadow:none;min-height:0;line-height:normal}
.u360-map input{padding:0;border:0;background:none}
.u360-map svg{max-width:none;overflow:hidden}
.u360-map .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Entrance: the atlas tilts up into place when the section scrolls into view. */
.u360-map .branch-atlas{opacity:.35;transform:translateY(75px) rotateX(14deg) scale(.96);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)}
.u360-map.has-entered .branch-atlas{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.u360-map .branch-atlas{opacity:1;transform:none;transition:none}}

.u360-map.branches-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#080e0a,#101d14 45%,#080e0a);padding:112px 0 76px;color:#dde8d2;scroll-margin-top:0}
.u360-map.branches-section::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#bad1a632,transparent)}
.u360-map .branches-heading{max-width:1200px;margin:0 auto 46px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:0 18px}
.u360-map .branches-eyebrow{font-size:12px;letter-spacing:.22em;color:#a7bc93;display:flex;align-items:center;gap:12px;margin:0 0 22px}
.u360-map .branches-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#e5863c;box-shadow:0 0 15px #e5863c44}
.u360-map .branches-heading h2{font-size:clamp(36px,4.4vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:0}
.u360-map .branches-heading h2 em{font-style:normal;color:#91ac7c}
.u360-map .branches-summary{padding-bottom:3px}
.u360-map .branches-summary>p{font-size:14px;line-height:1.9;color:#a6b79a;margin:0 0 24px}
.u360-map .branches-summary>div{display:flex;gap:25px;align-items:center}
.u360-map .branches-summary>div>span{display:flex;align-items:baseline;gap:10px;font-size:12px;letter-spacing:.1em;color:#97aa89}
.u360-map .branches-summary strong{font-size:32px;font-weight:400;letter-spacing:-.06em;color:#e2ebd9}
.u360-map .branches-summary i{width:1px;height:28px;background:#d1e3bb26}
.u360-map .branch-perspective{perspective:1500px;max-width:1260px;margin:0 auto;padding:0 22px}
.u360-map .branch-atlas{display:grid;grid-template-columns:minmax(0,1fr) 302px;min-height:630px;border:1px solid #bdcfa533;border-radius:28px;overflow:hidden;background:#14251b;box-shadow:inset 0 1px 0 #f1ffdf1c,0 45px 95px -50px #000b;transform-origin:50% 100%}
.u360-map .branch-canvas{position:relative;min-width:0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 43% 47%,#58735a35,transparent 66%),linear-gradient(135deg,#203329,#13241c);cursor:grab;touch-action:pan-y}
.u360-map .branch-canvas.is-dragging{cursor:grabbing}
.u360-map .atlas-ambient{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(155deg,#bac7a509,transparent 40%),radial-gradient(ellipse at 0% 100%,#90af7414,transparent 65%)}
.u360-map .atlas-topline{position:absolute;z-index:2;top:27px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.15em;color:#bed0b0;pointer-events:none}
.u360-map .atlas-topline>span:first-child{display:flex;align-items:center;gap:9px}
.u360-map .atlas-topline i{width:5px;height:5px;border-radius:50%;background:#a8ca87}
.u360-map .atlas-topline b{display:inline-block;font-weight:300;font-size:20px;margin-left:8px;color:#e0ebd7;transform:rotate(-45deg)}
.u360-map .turkey-map{display:block;position:absolute;inset:48px 0 95px;width:100%;height:calc(100% - 143px);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.u360-map .map-extrusion{fill:#0a1711;stroke:#0b1912;stroke-width:2;opacity:.9;pointer-events:none}
.u360-map .map-provinces path{fill:url(#province-fill);stroke:#92af915c;stroke-width:.65;cursor:grab;transition:fill .25s,stroke .25s;}
.u360-map .map-provinces path.has-branch{fill:#627d5c;stroke:#d5e7c675;cursor:pointer}
.u360-map .map-provinces path:hover{fill:#839c72;stroke:#e4f0cc}
.u360-map .map-provinces path.is-selected{fill:#a8be8b;stroke:#e8f4d3}
.u360-map .map-sea-labels{font-family:inherit;font-size:13px;letter-spacing:5px;fill:#b0c2aa55;text-anchor:middle;pointer-events:none}
.u360-map .branch-pin{cursor:pointer;outline:none}
.u360-map .pin-target{fill:transparent}
.u360-map .pin-halo{fill:#e5863c12;stroke:#f2ac672f;stroke-width:1;transition:fill .3s,stroke .3s}
.u360-map .pin-core{fill:#edaa70;stroke:#18291c;stroke-width:2;transition:fill .3s}
.u360-map .pin-center{fill:#403321}
.u360-map .pin-count{fill:#233422;font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.u360-map .branch-pin:hover .pin-core,.u360-map .branch-pin:focus-visible .pin-core,.u360-map .branch-pin.is-selected .pin-core{fill:#ffe5b3}
.u360-map .branch-pin:hover .pin-halo,.u360-map .branch-pin:focus-visible .pin-halo,.u360-map .branch-pin.is-selected .pin-halo{fill:#f9c28a21;stroke:#ffd09c99}
.u360-map .branch-pin:focus-visible .pin-halo{stroke-width:2}
.u360-map .pin-tooltip{pointer-events:none}
.u360-map .pin-tooltip rect{fill:#edf1df;stroke:#fff9;stroke-width:1}
.u360-map .pin-tooltip text{font-size:13px;fill:#233725;text-anchor:middle;font-weight:500}
.u360-map .has-entered .pin-emerge{animation:pin-emerge .65s cubic-bezier(.16,1,.3,1) backwards;transform-box:fill-box;transform-origin:center}
@keyframes pin-emerge{from{opacity:0;transform:translateY(16px) scale(.65)}to{opacity:1;transform:none}}
.u360-map .atlas-bottomline{position:absolute;bottom:53px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.u360-map .map-key{display:flex;align-items:center;gap:10px}
.u360-map .map-key>span{width:7px;height:7px;border-radius:50%;background:#edaa70;box-shadow:0 0 0 5px #edaa7012}
.u360-map .map-key p{font-size:13px;color:#d9e3cd;line-height:1.6;margin:0}
.u360-map .map-key small{display:block;font-size:12px;color:#93a98c}
.u360-map .map-controls{display:flex;gap:2px;border:1px solid #d3e4bd26;border-radius:14px;background:#ffffff09;box-shadow:inset 0 1px 0 #ffffff12;padding:3px}
.u360-map .map-controls button{width:36px;height:36px;border:0;border-radius:10px;font-size:20px;color:#e0ead5;cursor:pointer;transition:background .2s}
.u360-map .map-controls button:hover{background:#ffffff12}
.u360-map .map-controls button:disabled{opacity:.3;cursor:default}
.u360-map .map-controls button:last-child{font-size:18px;margin-left:2px;border-left:1px solid #ffffff14}
.u360-map .map-hint{position:absolute;bottom:22px;left:28px;right:28px;font-size:12px;letter-spacing:.015em;color:#92a88a}
.u360-map .map-hint>span{margin:0 8px;color:#b9c9aa}
.u360-map .branch-sidebar{min-width:0;background:linear-gradient(140deg,#ffffff07,transparent 60%),#0e1b13;border-left:1px solid #c0d6a820;padding:25px 20px 18px;display:flex;flex-direction:column;height:630px}
.u360-map .branch-search-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.u360-map .branch-search-heading>span{font-size:12px;letter-spacing:.2em;color:#a1b48f}
.u360-map .branch-search-heading>strong{font-size:23px;line-height:1.15;letter-spacing:-.045em;font-weight:400;color:#e0ead4}
.u360-map .branch-search{height:43px;border:1px solid #bbcf9d2e;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#e0efd106;flex-shrink:0}
.u360-map .branch-search>span{font-size:24px;line-height:1;color:#aec69c;translate:0 -2px}
.u360-map .branch-search input{width:100%;min-width:0;background:none;outline:none;border:0;font-size:13px;color:#e0ead7}
.u360-map .branch-search input::placeholder{color:#9cac90}
.u360-map .branch-search:focus-within{border-color:#b3cc8f8c;box-shadow:0 0 0 3px #bbd6970a}
.u360-map .branch-search button{font-size:18px;color:#b9cda6;cursor:pointer}
.u360-map .branch-city{margin:9px 0 16px}
.u360-map .branch-city select{color-scheme:dark;width:100%;height:37px;border:1px solid #bfd1a21f;border-radius:10px;background:#19291d;color:#bdcdb0;padding:0 9px;font-size:13px;cursor:pointer}
.u360-map .branch-results-heading{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:0 2px 10px;border-bottom:1px solid #d1e0b818;min-height:24px;font-size:12px;color:#91a783}
.u360-map .branch-results-heading button{font-size:12px;color:#cfddb9;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.u360-map .branch-results{flex:1;min-height:125px;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:6px 4px 6px 0;margin:0;scrollbar-width:thin;scrollbar-color:#586d45 transparent}
.u360-map .branch-results li>button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:background .2s}
.u360-map .branch-results small{display:block;font-size:12px;color:#97ae88;margin-bottom:4px}
.u360-map .branch-results strong{display:block;font-size:14px;font-weight:500;color:#dde7d1}
.u360-map .branch-results li>button>span:last-child{color:#a3b791;font-size:15px}
.u360-map .branch-results li>button:hover{background:#cee3ae09}
.u360-map .branch-results li>button[aria-pressed=true]{background:#a4c37513;border-color:#acc68738}
.u360-map .branch-empty{font-size:14px;line-height:1.8;color:#a7bc95;padding:24px 8px}
.u360-map .branch-empty button{display:block;text-decoration:underline;color:#dce8ca;margin-top:14px}
.u360-map .branch-address{margin-top:13px;padding:15px;border:1px solid #dae7c739;border-radius:16px;background:linear-gradient(135deg,#eff3e2,#dce5ce);color:#293b24;flex-shrink:0}
.u360-map .branch-address-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;letter-spacing:.13em;color:#617254}
.u360-map .branch-address-heading button{font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}
.u360-map .branch-address h3{font-weight:500;font-size:14px;line-height:1.3;letter-spacing:-.02em;margin:0 0 9px}
.u360-map .branch-address p{font-size:13px;line-height:1.7;color:#637058;margin:0}
.u360-map .branch-address>div:last-child{display:flex;align-items:center;gap:13px;margin-top:14px}
.u360-map .branch-directions{display:flex;align-items:center;gap:13px;background:#2b4327;color:#eef4e5;font-size:12px;padding:10px 12px;border-radius:99px;white-space:nowrap}
.u360-map .branch-directions>span:first-child{font-size:13px}
.u360-map .branch-call{font-size:12px;color:#425837;white-space:nowrap}
.u360-map .branch-address p.branch-data-note{font-size:12px;line-height:1.6;padding-top:8px;margin-top:8px;border-top:1px solid #5e744226;color:#715b35}
.u360-map .branch-helper{display:flex;gap:11px;align-items:center;padding:17px 2px 0;margin-top:8px;border-top:1px solid #d1e0b81c}
.u360-map .branch-helper>span{font-size:29px;color:#b7cb9a;font-weight:300}
.u360-map .branch-helper p{font-size:12px;line-height:1.8;color:#8fa27d;margin:0}
.u360-map .branch-helper strong{font-weight:400;color:#c3d4b1}
.u360-map .branches-footer{max-width:1200px;padding:0 18px;margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.u360-map .branches-footer>p{font-size:13px;color:#9caf8c;margin:0}
.u360-map .branches-footer>div{display:flex;flex-wrap:wrap;gap:8px 15px;color:#687e5a;font-size:12px}
.u360-map .branches-footer a:hover{color:#c5d8ad}
.u360-map.branches-section button:focus-visible,.u360-map.branches-section a:focus-visible,.u360-map.branches-section select:focus-visible{outline:2px solid #bed697;outline-offset:3px}
@media(max-width:1150px){.u360-map .branches-heading,.u360-map .branches-footer{margin-inline:35px;padding:0}
.u360-map .branch-perspective{padding:0 35px}
.u360-map .branch-atlas{grid-template-columns:minmax(0,1fr) 280px}
.u360-map .branch-sidebar{padding:23px 16px 18px}
.u360-map .atlas-topline{left:20px;right:20px}
.u360-map .atlas-bottomline{left:20px;right:20px}
.u360-map .map-hint{left:20px;right:20px;font-size:12px}
.u360-map .map-controls button{width:31px}
.u360-map .map-key p{font-size:12px}
.u360-map .map-key small{font-size:12px}}
@media(max-width:850px){.u360-map.branches-section{padding:90px 0 65px}
.u360-map .branches-heading{align-items:flex-start;margin-bottom:30px}
.u360-map .branches-heading h2{font-size:40px}
.u360-map .branches-summary>p{font-size:13px}
.u360-map .branches-summary>div{gap:15px}
.u360-map .branches-summary strong{font-size:26px}
.u360-map .branch-atlas{grid-template-columns:1fr}
.u360-map .branch-canvas{height:480px}
.u360-map .branch-sidebar{border-left:0;border-top:1px solid #c0d6a820;height:470px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto minmax(0,1fr);column-gap:22px;padding:24px}
.u360-map .branch-search-heading{grid-column:1/-1}
.u360-map .branch-search{grid-column:1;grid-row:2}
.u360-map .branch-city{grid-column:2;grid-row:2;margin:0}
.u360-map .branch-city select{height:43px}
.u360-map .branch-results-heading{grid-column:1/-1;margin-top:14px}
.u360-map .branch-results{grid-column:1;grid-row:4}
.u360-map .branch-address,.u360-map .branch-helper{grid-column:2;grid-row:4;align-self:start}
.u360-map .branch-address{margin-top:15px}
.u360-map .branches-footer{align-items:flex-start;flex-direction:column;gap:15px}
.u360-map .map-hint{font-size:12px}}
@media(max-width:600px){.u360-map.branches-section{padding:86px 0 90px}
.u360-map .branches-heading{display:block;margin:0 25px 30px}
.u360-map .branches-eyebrow{font-size:12px;margin-bottom:17px}
.u360-map .branches-heading h2{font-size:37px}
.u360-map .branches-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}
.u360-map .branches-summary>p{font-size:12px;margin:0}
.u360-map .branches-summary>div{gap:12px}
.u360-map .branches-summary>div>span{flex-direction:column;gap:4px;font-size:12px}
.u360-map .branches-summary strong{font-size:27px}
.u360-map .branch-perspective{padding:0 14px}
.u360-map .branch-atlas{border-radius:23px}
.u360-map .branch-canvas{height:355px}
.u360-map .atlas-topline{top:20px;left:18px;right:18px;font-size:12px}
.u360-map .turkey-map{inset:51px 0 76px;height:calc(100% - 127px)}
.u360-map .atlas-bottomline{left:18px;right:18px;bottom:19px;gap:10px}
.u360-map .map-hint{display:none}
.u360-map .map-key small{font-size:12px;max-width:130px}
.u360-map .map-controls button{width:32px;height:35px}
.u360-map .branch-sidebar{display:flex;flex-direction:column;height:580px;padding:23px 20px}
.u360-map .branch-search-heading{margin-bottom:16px}
.u360-map .branch-search-heading>strong{font-size:23px}
.u360-map .branch-city{margin:9px 0 6px}
.u360-map .branch-city select{height:37px}
.u360-map .branch-results-heading{margin-top:6px}
.u360-map .branch-results{min-height:110px;width:100%}
.u360-map .branch-results li>button{padding:11px 9px}
.u360-map .branch-results strong{font-size:15px}
.u360-map .branch-helper{width:100%;margin-top:8px;padding-top:13px}
.u360-map .branch-address{width:100%;padding:14px;margin-top:10px}
.u360-map .branch-address h3{font-size:15px}
.u360-map .branch-address p{font-size:14px}
.u360-map .branch-address>div:last-child{margin-top:11px}
.u360-map .branch-directions{font-size:13px}
.u360-map .branch-call{font-size:13px}
.u360-map .branches-footer{margin:22px 25px 0}
.u360-map .branches-footer>p{font-size:12px;line-height:1.7}
.u360-map .branches-footer>div{font-size:12px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.u360-map .has-entered .pin-emerge{animation:none}
.u360-map .map-provinces path,.u360-map .pin-halo,.u360-map .pin-core{transition:none}}
.u360-map .turkey-map{touch-action:none}
.u360-map .map-attribution{position:absolute;z-index:6;right:18px;top:47px;color:#b6cbb1;font-size:11px}
.u360-map .map-attribution summary{display:grid;place-items:center;list-style:none;width:28px;height:28px;cursor:pointer;border-radius:50%;background:#11231acc;border:1px solid #b6cbb133;font-size:16px}
.u360-map .map-attribution summary::-webkit-details-marker{display:none}
.u360-map .map-attribution>div{position:absolute;right:0;top:34px;width:220px;padding:12px;background:#102119f5;border:1px solid #b6cbb133;border-radius:10px;line-height:1.8}
.u360-map .map-attribution a{text-decoration:underline;text-underline-offset:3px}
.u360-map .map-attribution a:last-child{display:block;margin-top:5px}
.u360-map .map-attribution summary:focus-visible{outline:2px solid #c3dd9d;outline-offset:3px}
.u360-map .branch-facts{display:grid;gap:7px;margin:0}
.u360-map .branch-facts>div{display:grid;grid-template-columns:88px 1fr;gap:10px;font-size:12px;line-height:1.55}
.u360-map .branch-facts dt{color:#7a8a6b;letter-spacing:.02em}
.u360-map .branch-facts dd{margin:0;color:#3f4f36}
.u360-map .branch-facts a{color:#2b4327;font-weight:600}
.u360-map .branch-address h3{font-size:13px;letter-spacing:0}
.u360-map .branch-results strong{font-size:13px;line-height:1.35;letter-spacing:0}
@media(max-width:600px){.u360-map .branch-facts>div{grid-template-columns:80px 1fr;font-size:13px}
.u360-map .branch-results strong{font-size:13px}}
.u360-map .branch-facts{gap:5px}
.u360-map .branch-facts>div{grid-template-columns:78px 1fr;gap:8px;line-height:1.45}
.u360-map .branch-address h3{margin-bottom:8px}
.u360-map .branch-address>div:last-child{margin-top:11px}
@media(max-width:850px){.u360-map .branch-sidebar{height:auto;min-height:470px}
.u360-map .branch-results{max-height:300px}}
@media(max-width:600px){.u360-map .branch-sidebar{height:auto;min-height:0}
.u360-map .branch-results{flex:none;max-height:240px}}