/* Aşama 1–2: Existing Commerce story design system; no standalone page theme. */
body.ec-story-body .ec-story-page.ecp-page{--story-accent:#35d8b6;--story-rgb:53,216,182;min-height:68vh}
.ecp-page *{box-sizing:border-box}
body.ec-story-body .ec-story-page.ecp-page .ec-story-shell.ecp-shell{width:min(1190px,calc(100% - 40px));padding-bottom:74px}
.ecp-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:27px 0 0;font-size:12px;color:#839cb7;line-height:1.5}
.ecp-breadcrumb a{color:#b5c9e4;text-decoration:none}.ecp-breadcrumb a:hover{color:#71edd5;text-decoration:underline}
.ecp-breadcrumb [aria-current="page"]{color:#e1eaf6;max-width:60ch}
body.ec-story-body .ec-story-page.ecp-page .ec-story-hero.ecp-hero{padding:37px 0 40px;margin:0 0 28px;border-bottom:1px solid rgba(134,172,213,.15);max-width:100%}
body.ec-story-body .ec-story-page.ecp-page .ecp-hero h1{max-width:860px;margin:20px 0 14px;color:#fff;font-weight:900;font-size:clamp(33px,4.2vw,54px);letter-spacing:-.04em;line-height:1.12}
body.ec-story-body .ec-story-page.ecp-page .ecp-hero>p{color:#b9cde7;font-size:clamp(15px,1.6vw,18px);line-height:1.7;max-width:760px;margin:0}
.ecp-eyebrow{font-size:11px}.ecp-kicker{color:#6fe4cf;font-size:11px;font-weight:850;letter-spacing:.10em}
.ecp-content{display:grid;gap:22px;min-width:0}.ecp-content>section{min-width:0}
.ecp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ecp-card,.ecp-panel,.ecp-section,.ecp-note,.ecp-demo-panel,.ecp-steps article{position:relative;min-width:0;border:1px solid #294461;border-radius:17px;background:linear-gradient(148deg,#152a46,#101f36);padding:25px;color:#edf4fe;box-shadow:0 9px 24px rgba(0,0,0,.10)}
.ecp-card,.ecp-steps article{transition:border-color .18s ease,transform .18s ease}
.ecp-card:hover,.ecp-steps article:hover{border-color:#3c7180;transform:translateY(-2px)}
.ecp-card h2,.ecp-panel h2,.ecp-section h2,.ecp-demo-panel h2{margin:8px 0 12px;color:#fff;font-size:clamp(19px,2.4vw,25px);line-height:1.25;letter-spacing:-.02em}
.ecp-card p,.ecp-panel p,.ecp-section p,.ecp-steps p,.ecp-demo-panel p,.ecp-note p{color:#b8cce5;line-height:1.75;font-size:14px;margin:0 0 12px;max-width:850px}
.ecp-card p:last-child,.ecp-panel p:last-child,.ecp-section p:last-child{margin-bottom:0}
.ecp-card a:not(.ecp-btn),.ecp-panel a:not(.ecp-btn),.ecp-section a:not(.ecp-btn),.ecp-list a{color:#6ae4d0;text-decoration:underline;text-decoration-color:rgba(106,228,208,.3);text-underline-offset:3px}
.ecp-card a:hover,.ecp-panel a:hover,.ecp-section a:hover,.ecp-list a:hover{color:#b5fff0}
.ecp-panel+.ecp-panel,.ecp-section+.ecp-section{margin-top:0}
.ecp-panel{background:linear-gradient(125deg,#14283f,#0f1c30)}
.ecp-note{background:#11293a;border-left:3px solid #4fdcbb;color:#cce6ed;font-size:13px;line-height:1.7}
.ecp-note strong{color:#e5fff7}
.ecp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.ecp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 17px;border:1px solid #3d5b77;border-radius:10px;background:#112640;color:#eaf5ff!important;text-decoration:none!important;font-size:13px;font-weight:850;line-height:1.4;transition:background .2s,border-color .2s,transform .2s}
.ecp-btn:hover{background:#1a3757;border-color:#5eb8ab;transform:translateY(-1px)}.ecp-btn.primary{background:#35d8b6;border-color:#35d8b6;color:#071f28!important}.ecp-btn.primary:hover{background:#74efcd}
.ecp-flow{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}.ecp-flow span{background:#1d3754;border:1px solid #355779;color:#bfe7fa;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:750}
.ecp-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ecp-steps article b{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #40796d;background:rgba(53,216,182,.12);color:#72f0d5;border-radius:11px;font-size:14px}
.ecp-steps h2{margin:17px 0 9px;font-size:20px;color:#fff}
.ecp-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.ecp-tabs button{appearance:none;background:#132c47;color:#dce9fc;border:1px solid #385575;border-radius:10px;padding:11px 18px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;min-height:41px}
.ecp-tabs button:hover{border-color:#7bdccf}.ecp-tabs button[aria-selected="true"]{border-color:#35d8b6;background:rgba(53,216,182,.13);color:#b7ffed}.ecp-tabs button:focus-visible,.ecp-btn:focus-visible,.ecp-end-actions a:focus-visible{outline:2px solid #7af8df;outline-offset:3px}
.ecp-demo-panel[hidden]{display:none!important}
.ecp-mock{background:#0b192d;border:1px solid #315070;border-radius:14px;padding:23px;max-width:750px}
.ecp-mock-head{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#c1d5ee;font-size:12px;font-weight:850;letter-spacing:.04em}.ecp-mock-head span{color:#65e4c7;font-size:11px}
.ecp-mock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ecp-mock-metrics div{background:#192d48;border:1px solid #2a486b;border-radius:11px;padding:16px;font-size:12px;color:#b7cde4}.ecp-mock-metrics b{display:block;margin-top:8px;font-size:22px;color:#fff}
.ecp-mock-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:16px 5px;border-bottom:1px solid #2b435e;color:#dceafa}.ecp-mock-row:last-child{border-bottom:none}.ecp-mock-row b{color:#71ebd2}
.ecp-bars{display:grid;gap:10px}.ecp-bars i{display:block;width:var(--w);max-width:100%;height:10px;background:#53dcbf;border-radius:99px}.ecp-bars i:nth-child(2){background:#719fe7}.ecp-bars i:nth-child(3){background:#e8c576}.ecp-bars>i{width:var(--w)!important;justify-self:start;flex:none}
.ecp-list{line-height:1.8;color:#d4e1f1;padding-left:22px;margin:14px 0 0}.ecp-list li{padding-left:4px;margin-bottom:9px}
.ecp-end-links{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;margin-top:48px;padding:29px;border-top:1px solid rgba(133,171,213,.19);border-bottom:1px solid rgba(133,171,213,.11);background:rgba(13,34,54,.35);border-radius:16px}
.ecp-end-links h2{margin:10px 0;font-size:25px;line-height:1.2}.ecp-end-links p{margin:0;color:#b3c7df;font-size:13px;line-height:1.7}
.ecp-end-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ecp-end-actions a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:13px 15px;background:#142c47;border:1px solid #345573;border-radius:10px;color:#eef7ff;text-decoration:none;font-size:13px;font-weight:800}
.ecp-end-actions a span{color:#68e8ce;font-size:18px}.ecp-end-actions a:hover{background:#1a3a55;border-color:#58cdb6}
@media(max-width:750px){.ecp-grid,.ecp-steps,.ecp-end-links{grid-template-columns:1fr}.ecp-end-links{padding:20px}.ecp-mock-metrics{grid-template-columns:1fr}.ecp-card,.ecp-panel,.ecp-section,.ecp-note,.ecp-demo-panel,.ecp-steps article{padding:21px}}
@media(max-width:520px){body.ec-story-body .ec-story-page.ecp-page .ec-story-shell.ecp-shell{width:calc(100% - 28px)}.ecp-breadcrumb{padding-top:19px;font-size:11px}.ecp-end-actions{grid-template-columns:1fr}.ecp-btn{width:100%}.ecp-tabs button{flex:1}.ecp-mock{padding:15px}}
@media(prefers-reduced-motion:reduce){.ecp-page *{transition:none!important;animation:none!important}}

.ec-phase-home{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:42px 0;color:#f0f6ff}.ec-phase-home h2{font-size:clamp(24px,3.5vw,35px);margin:0 0 8px}.ec-phase-home>p{color:#bbc8dd;line-height:1.7}.ec-phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ec-phase-card{background:linear-gradient(145deg,#152943,#102039);border:1px solid #315174;border-radius:17px;padding:24px}.ec-phase-card h3{margin:0 0 10px}.ec-phase-card p{color:#bbcadc;line-height:1.65}.ec-phase-card a{color:#6fe4cf;font-weight:800}.ec-phase-callout{margin-top:17px;display:flex;gap:12px;flex-wrap:wrap}.ec-phase-callout a{border:1px solid #435979;border-radius:10px;padding:10px 14px;color:#eaf4ff;font-weight:800;text-decoration:none}.ec-phase-calc form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ec-phase-calc label{display:grid;gap:6px;color:#c8d9eb;font-size:13px}.ec-phase-calc input{width:100%;border:1px solid #47627f;border-radius:10px;background:#0a1424;color:white;font-size:16px;padding:10px}.ec-phase-answer{margin:14px 0;border-radius:11px;background:#21385a;padding:15px;font-weight:800;min-height:64px}.ec-phase-answer small{font-weight:400;display:block;color:#b4c9e3;margin-top:5px}.ec-phase-demo .ec-phase-demo-panel[hidden]{display:none}.ec-phase-demo-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ec-phase-demo-buttons button{padding:10px 13px;border-radius:9px;border:1px solid #59708e;background:#233c60;color:white;cursor:pointer}.ec-phase-demo-buttons button[aria-pressed=true]{background:#176c61;border-color:#6bdccc}.ec-phase-demo-output{background:#0b1627;border-left:3px solid #62d6c5;border-radius:5px;padding:16px;min-height:100px}.ec-mobile-phase-cta{display:none}
@media(max-width:690px){.ecp-grid,.ecp-steps,.ec-phase-grid{grid-template-columns:1fr}.ecp-mock-metrics{grid-template-columns:1fr}.ecp-page{padding-bottom:80px}.ec-phase-home{padding:30px 0}.ec-mobile-phase-cta{display:flex;position:fixed;z-index:16;left:12px;right:12px;bottom:max(9px,env(safe-area-inset-bottom));gap:10px;align-items:center;justify-content:center;border:1px solid #84d4c4;border-radius:14px;background:#112b43;box-shadow:0 10px 30px #0009;padding:11px}.ec-mobile-phase-cta a{display:block;text-align:center;color:#fff!important;font-size:13px;font-weight:800;flex:1;text-decoration:none}.ec-mobile-phase-cta a:first-child{background:#286bb7;border-radius:9px;padding:11px 8px}.ec-mobile-phase-cta a:last-child{padding:10px 6px}body:has(.ec-mobile-phase-cta){padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){.ecp-page *,.ec-phase-home *{scroll-behavior:auto!important;transition:none!important}}

/* Coexist with the existing visitor chat robot and cookie consent layer. */
@media(max-width:690px){body:has([data-ec-site-chat]) .ec-mobile-phase-cta{bottom:max(9px,env(safe-area-inset-bottom))}body:has([data-ec-site-chat].is-open) .ec-mobile-phase-cta,body:has(.estoria-cookie-banner:not([hidden])) .ec-mobile-phase-cta,body:has(.estoria-cookie-modal:not([hidden])) .ec-mobile-phase-cta{display:none}}
/* National and international coverage page. Uses existing Commerce editorial tokens. */
.ecp-location-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ecp-location-region{min-width:0}.ecp-location-region h3{margin:0 0 5px}.ecp-city-list{list-style:none;display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:14px 0 0}
.ecp-city-list li{border:1px solid rgba(139,171,193,.28);border-radius:30px;padding:5px 9px;font-size:12px;line-height:1.4}
.ecp-location-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ecp-location-faq{display:grid;gap:8px}.ecp-location-faq details{border:1px solid rgba(139,171,193,.25);border-radius:12px;padding:13px 15px}.ecp-location-faq summary{cursor:pointer;font-weight:700}
.ecp-location-faq details p{margin:9px 0 2px}
@media(max-width:750px){.ecp-location-regions{grid-template-columns:1fr}}

/* M197: JS state fallback for mobile browsers without :has().
   The quick CTA stays pinned to the safe-area inset and hides behind chat/consent. */
@media(max-width:690px){
  body.ec-chat-panel-open .ec-mobile-phase-cta,
  body.ec-consent-ui-open .ec-mobile-phase-cta{display:none!important}
  body.ec-has-mobile-cta{padding-bottom:max(76px, calc(76px + env(safe-area-inset-bottom, 0px)))}
}


/* M197 physical-phone follow-up: a compact two-action dock anchored to the
   VISIBLE bottom of mobile Safari/Chrome (including dynamic browser chrome).
   Keep the approved chat/CTA collision avoidance from the previous release. */
@media screen and (max-width:690px){
  .ec-mobile-phase-cta,.ec-mobile-phase-cta *{box-sizing:border-box}
  .ec-mobile-phase-cta{
    position:fixed!important;
    top:auto!important;
    /* Truly fixed to the bottom edge: never add a viewport-height delta. */
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    z-index:1050;
    box-sizing:border-box;
    min-height:54px;
    height:auto;
    padding:6px max(9px, env(safe-area-inset-right, 0px))
            calc(6px + env(safe-area-inset-bottom, 0px))
            max(9px, env(safe-area-inset-left, 0px));
    gap:8px;
    align-items:stretch;
    justify-content:space-between;
    border-radius:14px 14px 0 0;
    border-left:0;
    border-right:0;
    border-bottom:0;
    box-shadow:0 -5px 18px rgba(0,0,0,.34);
  }
  .ec-mobile-phase-cta a{
    display:flex;
    flex:1 1 0;
    min-width:0;
    min-height:42px;
    align-items:center;
    justify-content:center;
    padding:7px 6px!important;
    font-size:12px;
    font-weight:750;
    line-height:1.18;
    white-space:normal;
  }
  .ec-mobile-phase-cta a:first-child{border-radius:8px}
  .ec-mobile-phase-cta a:last-child{
    border:1px solid rgba(176,217,234,.3);
    background:rgba(255,255,255,.06);
    border-radius:8px;
  }
  body.ec-has-mobile-cta{padding-bottom:calc(68px + env(safe-area-inset-bottom, 0px))}
  body.ec-chat-panel-open .ec-mobile-phase-cta,
  body.ec-consent-ui-open .ec-mobile-phase-cta{display:none!important}
}
@media screen and (max-width:350px){
  .ec-mobile-phase-cta{left:0!important;right:0!important;gap:5px;
    padding:5px max(6px,env(safe-area-inset-right,0px))
      calc(5px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
  .ec-mobile-phase-cta a{font-size:11px;min-height:42px;padding:7px 3px!important}
}