/* Public homepage callback strip. All selectors are scoped to prevent overriding the Commerce navigation and other pages. */
.ec-callback-banner{position:relative;isolation:isolate;overflow:hidden;padding:50px 20px 56px;color:#f5faff;background:radial-gradient(ellipse at 3% 100%,rgba(20,122,247,.2),transparent 38%),radial-gradient(ellipse at 93% 4%,rgba(0,214,171,.12),transparent 38%),linear-gradient(120deg,#081b38 0%,#0b2042 54%,#111a39 100%);border-bottom:1px solid rgba(79,161,233,.25)}
.ec-callback-banner *{box-sizing:border-box}
.ec-callback-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,rgba(100,169,241,.04) 50%,transparent 50.3%);background-size:70px 70px;opacity:.5}
.ec-callback-banner:after{content:"";position:absolute;width:560px;height:560px;right:-250px;bottom:-330px;background:radial-gradient(circle,rgba(37,145,255,.17),transparent 62%);pointer-events:none}
.ec-callback-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.76fr);align-items:center;gap:clamp(25px,5vw,76px);width:min(1250px,100%);margin:0 auto}
.ec-callback-copy{min-width:0}
.ec-callback-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(46,212,191,.25);border-radius:100px;background:rgba(25,178,160,.08);font-size:11px;font-weight:850;letter-spacing:.10em;color:#9df8e4}
.ec-callback-live{width:8px;height:8px;border-radius:50%;background:#21ebbc;box-shadow:0 0 0 5px rgba(33,235,188,.1);animation:ecCallbackPulse 2.5s ease-in-out infinite}
.ec-callback-copy h2{max-width:780px;margin:23px 0 17px;color:#fff;font-size:clamp(31px,4.1vw,58px);letter-spacing:-.042em;line-height:1.12;font-weight:850}
.ec-callback-copy h2 em{font-style:normal;color:#16deb4}
.ec-callback-copy>p{max-width:610px;margin:0;color:#c3d5f0;font-size:clamp(14px,1.38vw,17px);line-height:1.72}
.ec-callback-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.ec-callback-benefits span{display:flex;align-items:center;gap:7px;border:1px solid rgba(108,157,214,.28);border-radius:10px;background:rgba(12,35,68,.75);padding:9px 11px;font-size:12px;font-weight:750;color:#e7f5ff}
.ec-callback-benefits svg{width:16px;height:16px;fill:none;stroke:#19e6bb;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ec-callback-visual{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;max-width:100%;margin-top:36px;min-height:61px}
.ec-callback-visual>i{width:40px;max-width:7vw;height:2px;flex:0 1 40px;background:linear-gradient(90deg,#30bfff,#24e3b7);box-shadow:0 0 9px rgba(30,223,194,.35);position:relative}
.ec-callback-visual>i:after{content:"";position:absolute;right:-2px;top:-3px;border:4px solid transparent;border-left-color:#23efbf}
.ec-callback-node,.ec-callback-center{flex:0 1 auto;display:flex;align-items:center;gap:9px;text-align:center;padding:13px 15px;border:1px solid rgba(62,147,225,.48);border-radius:12px;background:linear-gradient(155deg,#173d6a,#0b2342);color:#ebf8ff;font-size:12px;font-weight:850;box-shadow:0 7px 25px rgba(0,12,30,.15);animation:ecCallbackFloat 5s ease-in-out infinite}
.ec-callback-center{border-color:rgba(51,224,188,.6);background:linear-gradient(155deg,#0e4f62,#092b47);color:#bfffee;line-height:1.3;animation-delay:-1.5s}
.ec-callback-node:last-child{animation-delay:-2.8s}
.ec-callback-node svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#54b9ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ec-callback-form-card{width:100%;min-width:0;padding:clamp(20px,3.2vw,34px);border:1px solid rgba(91,142,205,.45);border-radius:22px;background:linear-gradient(145deg,rgba(24,43,78,.94),rgba(11,23,47,.98));box-shadow:0 23px 70px rgba(0,7,27,.38),inset 0 1px rgba(255,255,255,.05)}
.ec-callback-form-head>span{display:block;text-transform:uppercase;color:#3aebc1;font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:10px}
.ec-callback-form-head strong{display:block;color:#fff;font-size:clamp(20px,2.2vw,27px);letter-spacing:-.02em}
.ec-callback-form-head p{margin:7px 0 18px;font-size:13px;line-height:1.6;color:#b2c6e3}
.ec-callback-form{display:grid;gap:8px}
.ec-callback-form>label{font-size:12px;font-weight:800;color:#dfeafd;margin-top:3px}
.ec-callback-field{display:flex;align-items:center;gap:10px;min-height:51px;border:1px solid #405779;border-radius:12px;background:#0e1b31;padding:0 14px;transition:border-color .2s,box-shadow .2s}
.ec-callback-field:focus-within{border-color:#21d8bb;box-shadow:0 0 0 3px rgba(28,214,185,.12)}
.ec-callback-field>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#89b5de;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ec-callback-field input{width:100%;min-width:0;height:49px;border:0;outline:0;background:transparent;color:#fff;font-size:14px;letter-spacing:.01em;font-family:inherit}
.ec-callback-field input::placeholder{color:#92a6c4;opacity:1}
.ec-callback-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:51px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(110deg,#01c9a4,#0de4aa);color:#062138;font-size:16px;font-weight:900;font-family:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 27px rgba(4,210,174,.2)}
.ec-callback-submit:hover{transform:translateY(-2px);box-shadow:0 17px 31px rgba(4,210,174,.27)}
.ec-callback-submit:focus-visible{outline:3px solid white;outline-offset:3px}
.ec-callback-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ec-callback-privacy{margin:7px 0 0;color:#99aecb;font-size:11px;line-height:1.65}
.ec-callback-privacy a{color:#83f5dc;text-decoration:underline;text-underline-offset:2px}
.ec-callback-feedback{padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.55}
.ec-callback-feedback.is-success{background:#123d35;border:1px solid #2aba93;color:#a7ffe5}
.ec-callback-feedback.is-error{background:#421f2e;border:1px solid #cb6581;color:#ffdce5}
.ec-callback-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@keyframes ecCallbackPulse{50%{box-shadow:0 0 0 9px rgba(33,235,188,0)}}
@keyframes ecCallbackFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:950px){.ec-callback-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:22px}.ec-callback-visual{gap:5px}.ec-callback-node,.ec-callback-center{font-size:10px;padding:10px}.ec-callback-node svg{width:16px;height:16px}}
@media(max-width:760px){.ec-callback-banner{padding:34px 16px 44px}.ec-callback-inner{grid-template-columns:1fr;gap:25px}.ec-callback-copy h2{font-size:clamp(30px,7vw,43px)}.ec-callback-visual{margin-top:22px;justify-content:center}.ec-callback-form-card{max-width:520px;margin:0 auto}.ec-callback-copy{text-align:left}}
@media(max-width:420px){.ec-callback-benefits{gap:7px}.ec-callback-benefits span{font-size:11px;padding:7px 9px}.ec-callback-visual{display:none}.ec-callback-form-card{padding:21px 17px}}
@media(prefers-reduced-motion:reduce){.ec-callback-banner .ec-callback-live,.ec-callback-banner .ec-callback-node,.ec-callback-banner .ec-callback-center{animation:none}.ec-callback-banner .ec-callback-submit{transition:none}}

/* Compact single opt-in checkbox beneath KVKK disclosure. */
.ec-callback-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0 2px;padding:11px 12px;border:1px solid rgba(107,147,192,.38);border-radius:11px;background:rgba(15,36,65,.6);color:#e0eaff;font-size:12px;line-height:1.55;cursor:pointer}
.ec-callback-consent>input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:#11d6b0}
.ec-callback-consent span{min-width:0}
.ec-callback-consent strong{color:#fff;font-weight:850}
.ec-callback-consent small{display:block;margin-top:4px;color:#a8bddb;line-height:1.5;font-size:11px}
.ec-callback-consent:focus-within{outline:2px solid rgba(55,225,189,.7);outline-offset:2px}