/* B-SOS LSX V2 Phase 3 — standalone, zero-dependency. Namespaced; no global theme overrides. */
.lsx-picker {
  --lsx-bg: #0d1016; --lsx-panel: #141921; --lsx-border: rgba(208,170,105,.19);
  --lsx-text: #f7f4ed; --lsx-muted: #b5b7bb; --lsx-gold: #dfbb79; --lsx-gold-light: #f5d6a0;
  --lsx-focus: #f3c46e;
  font: inherit; color: var(--lsx-text); width: 100%; max-width: 100%;
  isolation: isolate; background: #101219; padding: clamp(24px,4.2vw,65px) clamp(12px,2.6vw,40px);
  border-radius: clamp(20px,2.4vw,32px);
  border: 1px solid rgba(216,181,117,.16);
  box-shadow: 0 16px 58px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.05);
  overflow: clip;
  box-sizing: border-box;
}
.lsx-picker *, .lsx-picker *::before, .lsx-picker *::after {box-sizing: border-box}
.lsx-picker [hidden] {display: none !important}
.lsx-picker .lsx-picker__shell {max-width: 1260px; margin-inline: auto}
.lsx-picker .lsx-picker__intro {max-width: 970px; padding-bottom: clamp(22px,3vw,35px)}
.lsx-picker .lsx-picker__eyebrow {
 display:flex; gap:11px; align-items:center; color:var(--lsx-gold-light);
 font-size: .78rem; text-transform: uppercase; letter-spacing:.16em;
 margin:0 0 15px; font-weight:700; line-height:1.5;
}
.lsx-picker__eyebrow-dot {width:7px;height:7px;border-radius:50%;background:#e4b873;box-shadow:0 0 0 4px #e4b87319;flex:none}
.lsx-picker .lsx-picker__title {
 font-family:inherit; font-size:clamp(1.8rem,3.7vw,3.05rem);line-height:1.14;letter-spacing:-.035em;
 font-weight:760;max-width:900px;margin:0 0 18px;color:#fbf8f2;
}
.lsx-picker .lsx-picker__title span {color:var(--lsx-gold-light)}
.lsx-picker .lsx-picker__description {color:#c4c4c7;max-width:800px;line-height:1.65;font-size:clamp(.91rem,1.18vw,1.05rem);margin:0 0 22px}
.lsx-picker .lsx-picker__facts {display:flex;flex-wrap:wrap;gap:10px}
.lsx-picker .lsx-picker__facts span {border:1px solid var(--lsx-border);background:#ffffff08;
 padding:8px 13px;border-radius:999px;color:#dad8d3;font-size:.85rem}
.lsx-picker .lsx-picker__facts strong {color:var(--lsx-gold-light);font-weight:750}
.lsx-picker .lsx-picker__layout {display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(16px,2vw,28px);align-items:start}
.lsx-picker .lsx-picker__finder, .lsx-picker .lsx-picker__detail {
 border:1px solid var(--lsx-border);border-radius:22px;padding:clamp(17px,2.3vw,30px);
 min-width:0;
}
.lsx-picker .lsx-picker__finder {background:linear-gradient(135deg,#191e26 0%,#13171e 100%)}
.lsx-picker .lsx-picker__detail {background:radial-gradient(ellipse 95% 75% at 80% 0%,#302720 0%,#18191f 70%);position:relative}
.lsx-picker .lsx-picker__input-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(178px,.7fr);gap:12px;align-items:end}
.lsx-picker .lsx-picker__field {min-width:0}
.lsx-picker .lsx-picker__field-label {font:inherit;font-size:.86rem;color:#f3eadd;font-weight:650;margin:0 0 9px;display:block}
.lsx-picker .lsx-picker__search-wrap {position:relative;display:flex;align-items:center}
.lsx-picker .lsx-picker__search-icon {position:absolute;left:14px;color:var(--lsx-gold);pointer-events:none}
.lsx-picker input[type="search"],.lsx-picker select{
 appearance:none;-webkit-appearance:none;display:block;width:100%;max-width:100%;min-width:0;
 font:inherit;font-size:clamp(.84rem,1.06vw,.95rem);color:#fff;line-height:1.3;
 padding:13px 14px; min-height:49px; border-radius:12px;border:1px solid #494343;
 background:#0b0f15;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease;
}
.lsx-picker input[type="search"] {padding-inline:43px 64px;text-overflow:ellipsis}
.lsx-picker input::placeholder {color:#b3aea9;opacity:1}
.lsx-picker input::-webkit-search-cancel-button{display:none}
.lsx-picker input:focus,.lsx-picker select:focus {outline:none;border-color:var(--lsx-focus);box-shadow:0 0 0 3px #f3c46e30}
.lsx-picker .lsx-picker__clear {position:absolute;right:7px;padding:7px 9px;background:transparent;color:var(--lsx-gold-light);border:0;font-size:.76rem;font-weight:650;cursor:pointer}
.lsx-picker .lsx-picker__select-wrap {position:relative}
.lsx-picker .lsx-picker__select-wrap::after {content:"";position:absolute;right:17px;top:20px;width:8px;height:8px;border-right:1.7px solid var(--lsx-gold);border-bottom:1.7px solid var(--lsx-gold);transform:rotate(45deg);pointer-events:none}
.lsx-picker select{padding-right:32px;cursor:pointer}
.lsx-picker select option{background:#11151b;color:#fff}
.lsx-picker .lsx-picker__results-header {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}
.lsx-picker .lsx-picker__results-header p {margin:0;font-size:.9rem;font-weight:760;color:#fff}
.lsx-picker .lsx-picker__results-hint {font-size:.76rem;color:#a9abae;text-align:right}
.lsx-picker .lsx-picker__list {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lsx-picker .lsx-picker__item {min-width:0;margin:0}
.lsx-picker .lsx-picker__item-button {
 font:inherit;border:1px solid #3a3d40;background:#1d2228;border-radius:12px;
 color:#f6f3ee;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;
 width:100%;padding:12px 11px;min-height:72px;cursor:pointer;
 transition:border-color .17s ease,background .17s ease,transform .17s ease;
}
.lsx-picker .lsx-picker__item-button:hover {border-color:#b79358;background:#2b2723;transform:translateY(-1px)}
.lsx-picker .lsx-picker__item-button:focus-visible,.lsx-picker .lsx-picker__map-link:focus-visible,.lsx-picker .lsx-picker__clear:focus-visible {
 outline:3px solid var(--lsx-focus);outline-offset:3px;
}
.lsx-picker .lsx-picker__item-button[aria-pressed="true"] {
 border-color:#e6bd7c;background:linear-gradient(130deg,#393023,#262628);
 box-shadow:inset 0 0 0 1px #ddb87840;
}
.lsx-picker .lsx-picker__item-mark {
 height:31px;width:31px;flex:0 0 31px;border-radius:10px;
 display:grid;place-items:center;background:#dfbb7918;border:1px solid #c79b5c54;
}
.lsx-picker .lsx-picker__item-mark span{display:block;width:8px;height:8px;transform:rotate(45deg);border:2px solid #e5bf82;border-radius:2px 2px 5px 2px}
.lsx-picker .lsx-picker__item-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.lsx-picker .lsx-picker__item-copy strong{font:inherit;font-weight:680;font-size:.88rem;line-height:1.2;overflow-wrap:anywhere}
.lsx-picker .lsx-picker__item-copy small{font:inherit;font-size:.69rem;color:#b4b4b7;line-height:1.3}
.lsx-picker .lsx-picker__item-arrow{margin-left:auto;flex:none;color:var(--lsx-gold);opacity:.8}
.lsx-picker .lsx-picker__empty {padding:24px 14px;color:#efe6d6;background:#32261e;border:1px solid #7d5c33;border-radius:12px;line-height:1.55;margin:0}
.lsx-picker .lsx-picker__source{display:flex;align-items:flex-start;gap:9px;color:#b6b9bd;font-size:.76rem;line-height:1.5;margin-top:20px}
.lsx-picker .lsx-picker__source svg{flex:none;color:var(--lsx-gold);margin-top:2px}
.lsx-picker .lsx-picker__detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lsx-picker .lsx-picker__detail-eyebrow{color:var(--lsx-gold-light);letter-spacing:.12em;font-size:.72rem;font-weight:760}
.lsx-picker .lsx-picker__detail-symbol{font-size:1.25rem;color:var(--lsx-gold);font-weight:500}
.lsx-picker .lsx-picker__detail h3{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.25;color:#f8f2e8;letter-spacing:-.025em;margin:11px 0 10px;font-weight:750}
.lsx-picker .lsx-picker__detail-subtitle{min-height:46px;margin:0 0 18px;line-height:1.5;color:#bcbab7;font-size:.88rem}
.lsx-picker .lsx-picker__map-placeholder {
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;
 min-height:clamp(205px,27vw,300px);border:1px solid #8d735054;border-radius:18px;
 background:radial-gradient(ellipse at 46% 55%,#293538,#192329 56%,#111d23 100%);
}
.lsx-picker .lsx-picker__map-grain{position:absolute;inset:0;opacity:.2;z-index:-1;background-image:linear-gradient(#c6b38f1a 1px,transparent 1px),linear-gradient(90deg,#c6b38f1a 1px,transparent 1px);background-size:32px 32px}
.lsx-picker .lsx-picker__map-street{position:absolute;height:11px;width:170%;background:#c2a97920;border-block:1px solid #c2a97930;z-index:-1}
.lsx-picker .lsx-picker__map-street--a{transform:rotate(-27deg);left:-30%;top:38%}
.lsx-picker .lsx-picker__map-street--b{transform:rotate(42deg);left:-22%;top:68%;height:8px}
.lsx-picker .lsx-picker__map-street--c{transform:rotate(12deg);left:-40%;top:18%;height:6px}
.lsx-picker .lsx-picker__map-location{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;max-width:88%}
.lsx-picker .lsx-picker__map-pin{height:52px;width:52px;margin-bottom:8px;display:grid;place-items:center;border-radius:50%;background:#d7ad6f22;border:1px solid #e5be8054;box-shadow:0 0 0 10px #d8ad6e0e}
.lsx-picker .lsx-picker__map-pin span{width:18px;height:18px;transform:rotate(-45deg);background:linear-gradient(135deg,#fae1af,#bd874c);border-radius:50% 50% 50% 4px;box-shadow:0 2px 6px #0006}
.lsx-picker .lsx-picker__map-location strong{color:#fff;font-size:1.1rem;line-height:1.35;overflow-wrap:anywhere;text-shadow:0 2px 8px #101318}
.lsx-picker .lsx-picker__map-location>span:last-child{color:#cac6c0;font-size:.78rem}
.lsx-picker .lsx-picker__map-caption{position:absolute;left:13px;bottom:11px;background:#0a0f14d9;border:1px solid #ffffff12;padding:6px 10px;color:#dad9d5;border-radius:9px;font-size:.68rem;z-index:1}
.lsx-picker .lsx-picker__service-note{
 display:flex;align-items:flex-start;gap:11px;margin:18px 0;
 border:1px solid #8371437a;background:#dcc08a0e;border-radius:14px;padding:13px 14px;
}
.lsx-picker .lsx-picker__service-note svg{color:#efc989;flex:none;margin-top:2px}
.lsx-picker .lsx-picker__service-note p{color:#ddd4c3;margin:0;line-height:1.55;font-size:.82rem}
.lsx-picker .lsx-picker__service-note strong{color:#f8e4c3;font-weight:750}
.lsx-picker .lsx-picker__map-link{
 display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;
 color:#151311;background:linear-gradient(115deg,#f3d29b,#d8a65e);
 border:1px solid #eed49e;border-radius:13px;min-height:53px;padding:12px 16px;font-weight:760;font-size:.91rem;
 transition:filter .16s ease,transform .16s ease;
}
.lsx-picker .lsx-picker__map-link:hover{color:#100f0e;filter:brightness(1.07);transform:translateY(-1px)}
.lsx-picker .lsx-picker__map-link svg{flex:none}
.lsx-picker .lsx-picker__handoff{color:#abaeb1;font-size:.77rem;line-height:1.5;margin:15px 1px 0}
@media(max-width:980px){
 .lsx-picker .lsx-picker__layout{grid-template-columns:minmax(0,1fr)}
 .lsx-picker .lsx-picker__input-grid{grid-template-columns:minmax(0,1fr) minmax(150px,.7fr)}
 .lsx-picker .lsx-picker__detail-subtitle{min-height:0}
 .lsx-picker .lsx-picker__map-placeholder{min-height:230px}
}
@media(max-width:520px){
 .lsx-picker{padding:25px 12px 20px;border-radius:19px}
 .lsx-picker .lsx-picker__intro{padding:0 6px 20px}
 .lsx-picker .lsx-picker__title{font-size:clamp(1.7rem,8.2vw,2.2rem)}
 .lsx-picker .lsx-picker__facts{gap:7px}
 .lsx-picker .lsx-picker__facts span{font-size:.73rem;padding:7px 9px}
 .lsx-picker .lsx-picker__finder,.lsx-picker .lsx-picker__detail{padding:15px 12px;border-radius:16px}
 .lsx-picker .lsx-picker__input-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .lsx-picker .lsx-picker__list{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .lsx-picker .lsx-picker__item-button{min-height:76px;padding:9px 8px;gap:7px}
 .lsx-picker .lsx-picker__item-mark{height:26px;width:26px;flex-basis:26px;border-radius:8px}
 .lsx-picker .lsx-picker__item-arrow{width:15px}
 .lsx-picker .lsx-picker__item-copy strong{font-size:.78rem}
 .lsx-picker .lsx-picker__item-copy small{font-size:.64rem}
 .lsx-picker .lsx-picker__results-hint{display:none}
 .lsx-picker .lsx-picker__map-placeholder{min-height:205px}
}
@media(max-width:355px){
 .lsx-picker .lsx-picker__item-mark{display:none}
 .lsx-picker .lsx-picker__item-button{gap:5px}
 .lsx-picker .lsx-picker__facts span{font-size:.69rem}
}
/* Phase 3 live-template integration: scope readability protections to this component.
   Existing service-area CSS globally forces dark headings and paragraphs with !important. */
.lsx-picker .lsx-picker__eyebrow{color:#f5d6a0!important}
/* Existing theme enforces black H2; selector anchors on the picker itself, not its mounting container. */
#lsx-mahalle-secici .lsx-picker__shell .lsx-picker__intro h2.lsx-picker__title{
 color:#fbf8f2!important;-webkit-text-fill-color:#fbf8f2!important;
}
#lsx-mahalle-secici .lsx-picker__shell .lsx-picker__intro h2.lsx-picker__title span{
 color:#f5d6a0!important;-webkit-text-fill-color:#f5d6a0!important;
}
#lsx-picker-title.lsx-picker__title{color:#fbf8f2!important;-webkit-text-fill-color:#fbf8f2!important}
#lsx-picker-title.lsx-picker__title span{color:#f5d6a0!important;-webkit-text-fill-color:#f5d6a0!important}
.lsx-picker .lsx-picker__title{color:#fbf8f2!important}
.lsx-picker .lsx-picker__title span{color:#f5d6a0!important}
.lsx-picker .lsx-picker__description{color:#c4c4c7!important}
.lsx-picker .lsx-picker__results-header p{color:#f7f4ed!important}
.lsx-picker .lsx-picker__results-hint{color:#b5b7bb!important}
.lsx-picker .lsx-picker__detail h3{color:#f8f2e8!important}
.lsx-picker .lsx-picker__detail-subtitle{color:#c7c3be!important}
.lsx-picker .lsx-picker__service-note p{color:#e3d8c7!important}
.lsx-picker .lsx-picker__service-note strong{color:#ffecd0!important}
.lsx-picker .lsx-picker__handoff{color:#b5b7bb!important}
.lsx-picker .lsx-picker__source{color:#c0c2c5!important}
.lsx-picker .lsx-picker__field-label{color:#f5eee1!important}
.lsx-picker .lsx-picker__item-copy strong{color:#f6f3ee!important}
.lsx-picker .lsx-picker__item-copy small{color:#c0bebe!important}
.lsx-picker .lsx-picker__map-location strong{color:#fff!important}
.lsx-picker .lsx-picker__map-location>span:last-child{color:#d0ccc7!important}
.lsx-picker .lsx-picker__map-caption{color:#f1e9da!important}
.lsx-picker .lsx-picker__detail-eyebrow{color:#f5d6a0!important}
.lsx-picker .lsx-picker__detail-symbol{color:#e8c187!important}
.lsx-picker .lsx-picker__empty{color:#f5e4ce!important}
@media(prefers-reduced-motion:reduce){
 .lsx-picker *, .lsx-picker *::before,.lsx-picker *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* LSX Phase4: scoped CTAs and explicit opt-in Google Map iframe. */
.lsx-picker .lsx-picker__map-frame[hidden]{display:none!important}
.lsx-picker .lsx-picker__map-frame{min-height:225px;overflow:hidden;margin:12px 0;
 border:1px solid #baa076;border-radius:13px;background:#111923}
.lsx-picker .lsx-picker__map-frame iframe{display:block;width:100%;height:260px;border:0}
.lsx-picker .lsx-picker__map-embed-button{display:flex;justify-content:space-between;align-items:center;
 width:100%;gap:12px;min-height:46px;margin:13px 0 5px;padding:10px 13px;
 border:1px solid #c5a47c;border-radius:11px;background:#28231d;color:#f5d6a0;
 font:inherit;font-size:.85rem;font-weight:750;cursor:pointer}
.lsx-picker .lsx-picker__map-privacy{color:#c4c1bb!important;font-size:.75rem;line-height:1.55;margin:4px 0 16px}
.lsx-picker .lsx-picker__contact-actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9px;margin:17px 0 12px}
.lsx-picker .lsx-picker__contact-link,.lsx-picker .lsx-picker__phone-link{
 display:flex;justify-content:center;align-items:center;gap:6px;min-height:52px;padding:10px 12px;
 border-radius:11px;border:1px solid #c7a069;font:inherit;font-size:.81rem;font-weight:760;text-align:center;text-decoration:none!important}
.lsx-picker .lsx-picker__contact-link{background:#e8bd7e;color:#16140e!important}
.lsx-picker .lsx-picker__phone-link{background:#302b24;color:#ffe2af!important}
.lsx-picker .lsx-picker__whatsapp-status{border-left:3px solid #d6ab72;background:#d6ab7215;
 margin:12px 0 0;padding:9px 12px;border-radius:3px;color:#e5d2b3!important;font-size:.75rem;line-height:1.5}
.lsx-picker .lsx-picker__contact-link:focus-visible,.lsx-picker .lsx-picker__phone-link:focus-visible,
.lsx-picker .lsx-picker__map-embed-button:focus-visible{outline:3px solid #ffdf99;outline-offset:3px}
@media(max-width:480px){.lsx-picker .lsx-picker__contact-actions{grid-template-columns:1fr}
.lsx-picker .lsx-picker__map-frame iframe{height:225px}}
@media(prefers-reduced-motion:reduce){.lsx-picker .lsx-picker__contact-link,
.lsx-picker .lsx-picker__phone-link{transition:none!important}}

/* B-SOS R8 direct map clickable: keyboard accessible without embedded iframe */
.lsx-picker a.lsx-picker__map-visual-link{display:block;text-decoration:none!important;color:inherit!important;cursor:pointer}
.lsx-picker a.lsx-picker__map-visual-link:focus-visible{outline:3px solid #f2cd90;outline-offset:4px}
.lsx-picker a.lsx-picker__map-visual-link:hover .lsx-picker__map-caption{text-decoration:underline}
