/* "Hemen Teklif Al" / "Hemen Destek Al" (5 October, Kardo after adsmuhendislik.com.tr): two pills fixed at the bottom right, and a
   short step-by-step form in a dialog (templates/site/partials/quick-forms.php, quick-forms.js). */
.quick-actions{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.quick-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 12px 28px #0b1d2b33;transition:transform .2s,box-shadow .2s}
.quick-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick-btn--quote{background:var(--red,#d51f2d)}
.quick-btn--support{background:#10283a}
.quick-btn:hover,.quick-btn:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px #0b1d2b40;color:#fff}
.quick-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.quick-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:14px;box-shadow:0 30px 80px #06142059;color:var(--ink,#17212c)}
.quick-dialog::backdrop{background:#0b1d2bb3}
.quick-form{display:flex;flex-direction:column;gap:16px;padding:24px 26px 20px}
.quick-form__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.quick-form__head .eyebrow{margin:0 0 6px;color:var(--red,#d51f2d);font-size:11.5px;font-weight:700;letter-spacing:2px}
.quick-form__head h2{margin:0;font-size:21px;line-height:1.25}
.quick-close{flex-shrink:0;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f5;color:#33404b;font-size:22px;line-height:1;cursor:pointer}
.quick-close:hover{background:#dfe6ec}
.quick-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.quick-progress span{height:4px;border-radius:4px;background:#e3e9ee}
.quick-progress span.is-done{background:var(--red,#d51f2d)}
.quick-step{display:grid;gap:12px;margin:0;padding:0;border:0;min-width:0}
.quick-step legend{margin:0 0 4px;padding:0;font-size:16px;font-weight:700}
.quick-step label{display:grid;gap:6px;color:#4c5862;font-size:13px;font-weight:600}
.quick-step :is(input,select,textarea){width:100%;min-height:44px;padding:10px 12px;border:1px solid #d3dbe1;border-radius:8px;background:#fff;color:var(--ink,#17212c);font:inherit;font-size:15px;font-weight:400}
.quick-step :is(input,select,textarea):focus{border-color:#245d8b;outline:2px solid #245d8b33}
.quick-step textarea{resize:vertical}
.quick-step label.quick-consent{display:flex;align-items:flex-start;gap:8px;font-weight:500}
.quick-step label.quick-consent input{width:18px;min-height:18px;margin:2px 0 0;padding:0}
.quick-consent a{color:#174d79;text-decoration:underline}
.quick-trap{position:absolute;left:-9999px}
.quick-error{margin:0;padding:10px 12px;border-radius:8px;background:#fdecee;color:#9a1c27;font-size:13.5px}
.quick-done{padding:18px;border-radius:10px;background:#eef7f1;color:#1c5a33}
.quick-done h3{margin:0 0 6px;font-size:17px}
.quick-done p{margin:0;font-size:14px;line-height:1.6}
.quick-form__nav{display:flex;justify-content:space-between;align-items:center;gap:10px}
.quick-form__nav .button{margin-left:auto}
.quick-back{padding:10px 4px;border:0;background:none;color:#4c5862;font:inherit;font-weight:600;cursor:pointer}
.quick-full{align-self:center;color:#174d79;font-size:13px;font-weight:600}
@media(max-width:640px){.quick-actions{right:12px;bottom:12px;gap:8px}.quick-btn{padding:10px 14px;font-size:13px}.quick-form{padding:20px 18px 16px}}
/* 24 October (Kardo: "butonlar, alttaki yazılar çok birbirine giriyor"): on wide screens two round icons whose label opens on
   hover or keyboard focus; on phones one bar along the bottom edge, and the page leaves room for it, so they never cover text.
   The label stays in the page for screen readers (only its width is closed). */
.quick-btn{flex-direction:row-reverse;gap:0;height:52px;min-width:52px;padding:0 17px}
.quick-btn svg{width:19px;height:19px;flex:none}
.quick-btn__label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .35s cubic-bezier(.22,.7,.18,1),opacity .25s,margin .35s}
.quick-btn:hover .quick-btn__label,.quick-btn:focus-visible .quick-btn__label{max-width:170px;opacity:1;margin-right:10px}
@media(max-width:720px){
  body:has(.quick-actions){padding-bottom:68px}
  .quick-actions{left:0;right:0;bottom:0;flex-direction:row;align-items:stretch;gap:8px;padding:8px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -8px 24px -16px rgba(0,0,0,.3)}
  .quick-btn{flex:1;flex-direction:row;justify-content:center;height:48px;padding:0 12px;border-radius:12px;box-shadow:none;font-size:14px}
  .quick-btn:hover,.quick-btn:focus-visible{transform:none}
  .quick-btn__label{max-width:none;opacity:1;margin-left:8px}
}
@media(prefers-reduced-motion:reduce){.quick-btn__label{transition:none}}
@media(prefers-reduced-motion:reduce){.quick-btn{transition:none}.quick-btn:hover{transform:none}}.quick-dialog [hidden]{display:none!important}
.quick-form__nav .button{width:auto;min-width:140px;justify-content:center}
