.quote-page-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);min-height:520px;background:#f4f8fc}.quote-page-hero>div{display:flex;justify-content:center;flex-direction:column;padding:78px max(7vw,70px)}.quote-page-hero .kicker{margin:0 0 24px;color:#09213b;font-size:12px;font-weight:900;letter-spacing:2px}.quote-page-hero .kicker span{display:inline-block;width:30px;height:3px;margin-right:10px;background:#098cec;vertical-align:middle}.quote-page-hero h1{max-width:860px;margin:0;color:#061a31;font-size:clamp(54px,6vw,92px);line-height:.93;letter-spacing:-5px}.quote-page-hero h1 em{color:#098cec;font-family:Georgia,serif;font-weight:400}.quote-page-hero>div>p:not(.kicker){max-width:760px;margin:30px 0 0;color:#60758a;font-size:16px;line-height:1.75}.quote-page-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.quote-page-trust span{display:flex;align-items:center;gap:9px;border:1px solid #dce6ef;background:#fff;padding:11px 14px;color:#213c56;font-size:10px;font-weight:800}.quote-page-trust b{color:#098cec}.quote-page-hero>aside{display:flex;justify-content:flex-end;flex-direction:column;background:linear-gradient(150deg,#061a31,#0a3352);padding:58px 48px;color:#fff}.quote-page-hero>aside>span{color:#49d5cd;font-size:10px;font-weight:900;letter-spacing:2px}.quote-page-hero>aside strong{margin-top:21px;font-size:42px;line-height:1.02;letter-spacing:-2px}.quote-page-hero>aside p{margin:22px 0 0;color:#a9bdcd;font-size:13px;line-height:1.65}.quote-page-content{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(600px,1.45fr);gap:70px;padding:90px max(6vw,65px) 105px;background:#fff}.quote-page-intro{position:sticky;top:130px;align-self:start}.quote-page-intro>span{color:#098cec;font-size:10px;font-weight:900;letter-spacing:1.8px}.quote-page-intro h2{margin:17px 0 16px;color:#061a31;font-size:40px;line-height:1.05;letter-spacing:-1.7px}.quote-page-intro>p{margin:0;color:#66798c;font-size:13px;line-height:1.7}.quote-contact-card{margin-top:28px;border-left:4px solid #17b888;background:#effbf7;padding:18px 20px}.quote-contact-card b{color:#087a59;font-size:12px}.quote-contact-card p{margin:7px 0 0;color:#5b746b;font-size:10px;line-height:1.55}.detailed-quote-form{border:1px solid #dce5ed;background:#fbfcfe;padding:34px;box-shadow:0 20px 55px #1534510b}.quote-step{display:flex;align-items:center;gap:13px;margin-bottom:20px}.quote-step:not(:first-child){margin-top:37px;border-top:1px solid #dce5ed;padding-top:29px}.quote-step>span{display:grid;width:40px;height:40px;place-items:center;background:#061a31;color:#fff;font-size:11px;font-weight:900}.quote-step b,.quote-step small{display:block}.quote-step b{color:#061a31;font-size:13px}.quote-step small{margin-top:4px;color:#7b8c9d;font-size:9px}.quote-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.quote-form-grid label{color:#102b45;font-size:10px;font-weight:900}.quote-form-grid label.full{grid-column:1/-1}.quote-form-grid input,.quote-form-grid select,.quote-form-grid textarea{display:block;width:100%;margin-top:8px;border:1px solid #cfdae4;border-radius:0;background:#fff;padding:14px;color:#09213b;font:inherit;font-size:12px;outline:0;transition:border-color .2s,box-shadow .2s}.quote-form-grid input,.quote-form-grid select{height:48px}.quote-form-grid textarea{min-height:128px;resize:vertical}.quote-form-grid input:focus,.quote-form-grid select:focus,.quote-form-grid textarea:focus{border-color:#098cec;box-shadow:0 0 0 3px #098cec14}.quote-form-grid input[readonly]{background:#eef4f8;color:#527087;font-weight:900}.quote-consent{display:flex;align-items:flex-start;gap:11px;margin-top:22px;color:#5c7185;font-size:10px;line-height:1.5}.quote-consent input{width:17px;height:17px;flex:0 0 auto;margin:0;accent-color:#098cec}.quote-honeypot{position:absolute!important;left:-10000px!important}.quote-submit-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:27px;border-top:1px solid #dce5ed;padding-top:24px}.quote-submit-row p{margin:0;color:#6e8294;font-size:9px}.quote-submit-row p.success{color:#09845f;font-weight:800}.quote-submit-row p.error{color:#c03748;font-weight:800}.quote-submit{min-width:245px;border:0!important;background:#098cec!important;color:#fff!important;box-shadow:7px 7px 0 #061a31!important}.quote-submit:disabled{cursor:wait;opacity:.65}.quote-submit span{margin-left:18px}.quote-submit-row+.quote-success{margin-top:15px}.quote-page-content select:disabled{cursor:not-allowed;opacity:.7}
@media(max-width:1050px){.quote-page-hero{grid-template-columns:1fr}.quote-page-hero>aside{min-height:270px}.quote-page-content{grid-template-columns:1fr;gap:42px}.quote-page-intro{position:static}.quote-page-intro>p{max-width:680px}}
@media(max-width:700px){.quote-page-hero>div{padding:58px 24px}.quote-page-hero h1{font-size:50px;letter-spacing:-3px}.quote-page-hero>div>p:not(.kicker){font-size:14px}.quote-page-hero>aside{padding:40px 24px}.quote-page-content{padding:55px 18px 75px}.detailed-quote-form{padding:22px 18px}.quote-form-grid{grid-template-columns:1fr}.quote-form-grid label.full{grid-column:auto}.quote-submit-row{align-items:stretch;flex-direction:column}.quote-submit{width:100%}.quote-page-trust{align-items:stretch;flex-direction:column}}
.quote-form-grid label>small{display:block;margin-top:7px;color:#7b8c9d;font-size:9px;font-weight:600}.quote-minimum{color:#098cec!important;font-weight:900!important}.quote-submit-row>p{max-width:210px;line-height:1.5}.quote-submit-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:min(100%,760px)}.quote-submit-actions .quote-submit{min-width:0;padding:14px 14px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:transform .15s,box-shadow .2s,background .2s!important}.quote-submit-actions .quote-submit:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.15)!important}.quote-submit-actions .quote-submit:active{transform:translateY(0)}.quote-submit-whatsapp{background:#16a966!important}.quote-submit-whatsapp:hover{background:#15803d!important}.quote-submit-email{background:#0284c7!important}.quote-submit-email:hover{background:#0369a1!important}.quote-submit-online{background:#0f2744!important;border:1px solid #1e3a8a!important}.quote-submit-online:hover{background:#1e3a8a!important}.quote-submit-actions .quote-submit span{margin-left:4px}
@media(max-width:900px){.quote-submit-actions{grid-template-columns:1fr;min-width:0}.quote-submit-actions .quote-submit{width:100%;min-height:48px!important;font-size:12.5px!important}.quote-submit-row>p{max-width:none}}

/* Telefonda ürün seçimine hızlı ulaşan, okunaklı teklif akışı. */
@media (max-width: 1050px) and (min-width: 701px) {
  .quote-page-hero { min-height: 0; }
  .quote-page-hero > div { padding: 48px 5vw; }
  .quote-page-hero h1 { font-size: clamp(48px, 7vw, 70px); }
  .quote-page-hero > aside { display: none; }
  .quote-page-content { gap: 26px; padding: 48px 5vw 70px; }
  .quote-page-intro h2 { font-size: 34px; }
  .quote-contact-card { display: none; }
  .quote-form-grid label { font-size: 12px; }
  .quote-form-grid label > small, .quote-step small { font-size: 11px; }
  .quote-consent, .quote-submit-row p { font-size: 12px; }
  .quote-submit-actions .quote-submit { min-height: 52px; font-size: 13px !important; }
}
@media (max-width: 700px) {
  .quote-page-hero { min-height: 0 !important; }
  .quote-page-hero > div { padding: 32px 18px 24px !important; }
  .quote-page-hero .kicker { margin-bottom: 16px; font-size: 10px; letter-spacing: 1.5px; }
  .quote-page-hero h1 { font-size: clamp(32px, 8vw, 40px) !important; }
  .quote-page-hero > div > p:not(.kicker) { margin-top: 16px; font-size: 13px; line-height: 1.55; }
  .quote-page-hero > aside { display: none !important; }
  .quote-page-trust { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important; margin-top: 20px; }
  .quote-page-trust span { min-height: 46px; gap: 5px; padding: 7px 5px; font-size: 9px; line-height: 1.25; }
  .quote-page-content { gap: 18px !important; padding: 26px 16px 65px !important; }
  .quote-page-intro h2 { margin: 9px 0 8px; font-size: 27px; line-height: 1.08; }
  .quote-page-intro > p { font-size: 12px; }
  .quote-contact-card { display: none; }
  .detailed-quote-form { padding: 20px 16px !important; }
  .quote-form-grid label { font-size: 12px; }
  .quote-form-grid input, .quote-form-grid select { min-height: 52px; }
  .quote-form-grid label > small, .quote-step small { font-size: 11px; }
  .quote-submit-row p { font-size: 11px; }
  .quote-submit-actions .quote-submit { font-size: 13px !important; }
}

.quote-result-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #dbe5ed;border-radius:18px;background:#fff;padding:0 34px 32px;color:#061a31;box-shadow:0 32px 90px #061a3160}.quote-result-dialog::backdrop{background:#061a31b8;backdrop-filter:blur(4px)}.quote-result-accent{display:flex;height:7px;margin:0 -34px 31px}.quote-result-accent i:nth-child(1){flex:2;background:#0b8ce7}.quote-result-accent i:nth-child(2){flex:1;background:#00a6c9}.quote-result-accent i:nth-child(3){flex:1;background:#d11d8b}.quote-result-accent i:nth-child(4){flex:1;background:#ffd51c}.quote-result-close{position:absolute;top:23px;right:22px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #dbe5ed;border-radius:50%;background:#fff;color:#60758a;font-size:23px;line-height:1;cursor:pointer}.quote-result-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:16px;background:#e5f8f2;color:#08865d;font-size:35px;font-weight:700}.quote-result-dialog.is-pending .quote-result-icon{background:#fff3e6;color:#c87119}.quote-result-kicker{margin:24px 0 10px;color:#098cec;font-size:10px;font-weight:900;letter-spacing:1.6px}.quote-result-dialog.is-pending .quote-result-kicker{color:#b76a18}.quote-result-dialog h2{max-width:420px;margin:0;color:#061a31;font-size:clamp(26px,4vw,37px);line-height:1.08;letter-spacing:-1.1px}.quote-result-copy{margin:15px 0 0;color:#61768a;font-size:14px;line-height:1.65}.quote-result-reference{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px;border:1px solid #dbe5ed;border-radius:10px;background:#f5f9fc;padding:15px 17px}.quote-result-reference span{color:#708397;font-size:9px;font-weight:900;letter-spacing:1px}.quote-result-reference strong{color:#061a31;font-size:13px;overflow-wrap:anywhere}.quote-result-actions{display:flex;gap:10px;margin-top:23px}.quote-result-actions a,.quote-result-actions button{display:grid;min-height:47px;place-items:center;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.quote-result-primary{flex:1;border:1px solid #098cec;background:#098cec;color:#fff}.quote-result-dialog.is-pending .quote-result-primary{border-color:#0aad74;background:#0aad74}.quote-result-secondary{border:1px solid #dbe5ed;background:#fff;color:#183851}.quote-result-dialog:focus{outline:none}
@media(max-width:560px){.quote-result-dialog{padding:0 22px 24px}.quote-result-accent{margin:0 -22px 25px}.quote-result-reference{align-items:flex-start;flex-direction:column}.quote-result-actions{flex-direction:column}.quote-result-secondary{width:100%}}
@media(prefers-reduced-motion:no-preference){.quote-result-dialog[open]{animation:quoteResultIn .2s ease-out both}@keyframes quoteResultIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}

/* Dosya Yükleme & Tasarım Ekleme Alanı */
.quote-file-block{grid-column:1/-1;border:1.5px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px 20px;transition:border-color .2s,background .2s}
.quote-file-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.quote-file-heading b{color:#09213b;font-size:12px;font-weight:900}
.quote-file-heading small{color:#64748b;font-size:10px;font-weight:600}
.quote-file-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:center}
.quote-file-dropzone{position:relative;display:flex;align-items:center;gap:14px;border:1px solid #d1d9e2;border-radius:6px;background:#fff;padding:14px 18px;cursor:pointer;transition:all .2s;min-height:54px}
.quote-file-dropzone:hover,.quote-file-dropzone.drag-over{border-color:#098cec;background:#eff7ff}
.quote-file-dropzone.has-file{border-color:#10b981;background:#ecfdf5}
.quote-file-dropzone input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}
.quote-file-icon{font-size:26px;flex:0 0 auto}
.quote-file-text{display:flex;flex-direction:column;min-width:0}
.quote-file-text strong{color:#09213b;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quote-file-text small{color:#64748b;font-size:9.5px;margin-top:3px}
.quote-cloud-input-wrap label{display:block;color:#334155;font-size:10px;font-weight:800}
.quote-cloud-input-wrap input{height:46px!important;margin-top:6px!important;font-size:11px!important}
@media(max-width:700px){
  .quote-file-row{grid-template-columns:1fr;gap:12px}
  .quote-file-heading{flex-direction:column;gap:4px}
}