.cq-widget{position:fixed;bottom:max(var(--cq-bottom,24px),env(safe-area-inset-bottom));z-index:99981;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:calc(100vw - 24px);isolation:isolate}
.cq-widget[data-side="right"]{right:max(var(--cq-edge,24px),env(safe-area-inset-right))}
.cq-widget[data-side="left"]{left:max(var(--cq-edge,24px),env(safe-area-inset-left));align-items:flex-start}
.cq-widget *{box-sizing:border-box}
.cq-widget[hidden],.cq-widget [hidden],.cq-backdrop[hidden]{display:none!important}
.cq-widget .cq-channels{display:flex;flex-direction:column;align-items:inherit;gap:12px}
.cq-widget .cq-action,.cq-widget .cq-toggle{display:flex;align-items:center;justify-content:flex-end;gap:12px;text-decoration:none!important;border:0;padding:0;margin:0;background:transparent;box-shadow:none;color:#182522;cursor:pointer;font:inherit;text-transform:none;letter-spacing:normal;min-height:44px;border-radius:999px;max-width:100%}
.cq-widget[data-side="left"] .cq-action,.cq-widget[data-side="left"] .cq-toggle{flex-direction:row-reverse}
.cq-widget .cq-icon{display:flex;align-items:center;justify-content:center;width:var(--cq-size,56px);height:var(--cq-size,56px);flex:0 0 var(--cq-size,56px);border-radius:50%;background:var(--cq-color,#79c98c);color:var(--cq-ink,#102d19);box-shadow:0 6px 22px #18392d24;transition:transform .18s ease,box-shadow .18s ease}
.cq-widget .cq-wa .cq-icon{background:var(--cq-wa,#25d366);color:var(--cq-wa-ink,#102d19)}
.cq-widget .cq-call .cq-icon{background:var(--cq-call,#00c995);color:var(--cq-call-ink,#102d19)}
.cq-widget .cq-icon svg{width:48%;height:48%;display:block}
.cq-widget .cq-icon img{width:70%;height:70%;display:block;object-fit:contain;margin:0}
/* Launcher: the İletişim artwork when closed, a clear close cross when open, with a short crossfade. */
.cq-widget .cq-icon--contact{position:relative;background:transparent;border-radius:28%;box-shadow:0 8px 22px #0a3d6a3d}
.cq-widget .cq-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.3,1)}
.cq-widget .cq-face--contact .cq-contact-art{width:100%;height:100%;display:block;margin:0;object-fit:contain}
.cq-widget .cq-face--close{background:linear-gradient(160deg,#2997ed,#0865b7);color:#fff;opacity:0;transform:rotate(-90deg) scale(.6)}
.cq-widget .cq-face--close svg{width:46%;height:46%;stroke-width:2.4}
.cq-widget.is-open .cq-face--contact{opacity:0;transform:rotate(90deg) scale(.6)}
.cq-widget.is-open .cq-face--close{opacity:1;transform:none}
.cq-widget.is-open .cq-launch-label{display:none}
/* Hemen Ara: the telephone artwork keeps its own green tile and ratio. */
.cq-widget .cq-call .cq-icon{background:transparent;box-shadow:none}
.cq-widget .cq-call .cq-icon .cq-call-art{width:100%;height:100%;display:block;margin:0;object-fit:contain;filter:drop-shadow(0 6px 10px #0b5a1f33)}
.cq-widget .cq-caption{color:#29332d;background:#fff;border:1px solid #e9ede9;border-radius:12px;padding:8px 12px;box-shadow:0 3px 14px #142a1912;max-width:min(230px,calc(100vw - var(--cq-size) - var(--cq-edge) - 36px));overflow-wrap:anywhere;font:500 13px/1.4 system-ui,sans-serif}
.cq-widget .cq-caption:empty{display:none}
.cq-widget .cq-action:hover .cq-icon,.cq-widget .cq-toggle:hover .cq-icon{transform:translateY(-2px);box-shadow:0 8px 25px #18392d33}
/* No ring after mouse/touch use (also guards against site-wide button:focus styles); keyboard users get a ring in the widget's own colour. */
.cq-widget .cq-action,.cq-widget .cq-toggle{-webkit-tap-highlight-color:transparent}
.cq-widget .cq-action:focus:not(:focus-visible),.cq-widget .cq-toggle:focus:not(:focus-visible){outline:0;box-shadow:none}
.cq-widget .cq-action:focus-visible,.cq-widget .cq-toggle:focus-visible{outline:3px solid var(--cq-color,#79c98c);outline-offset:4px;box-shadow:0 0 0 2px #fff}
.cq-widget[data-shape="pill"] .cq-action,.cq-widget[data-shape="pill"] .cq-toggle{background:var(--cq-color);border-radius:999px;box-shadow:0 6px 22px #18392d24;gap:0}
.cq-widget[data-shape="pill"] .cq-wa{background:var(--cq-wa)}
.cq-widget[data-shape="pill"] .cq-call{background:var(--cq-call)}
.cq-widget[data-shape="pill"] .cq-caption{border:0;background:transparent;box-shadow:none;color:var(--cq-ink,#102d19);padding:10px 16px}
.cq-widget[data-shape="pill"] .cq-wa .cq-caption{color:var(--cq-wa-ink,#102d19)}
.cq-widget[data-shape="pill"] .cq-call .cq-caption{color:var(--cq-call-ink,#102d19)}
.cq-widget[data-shape="pill"] .cq-icon{box-shadow:none}
.cq-backdrop{position:fixed;inset:0;z-index:99980;background:#16261c1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.cq-widget.is-open .cq-action{animation:cq-reveal .22s ease-out both}
.cq-widget.is-open .cq-call{animation-delay:.035s}
/* Attention effects. assets/js/quick-contact.js adds .cq-fx-run to the launcher for one short cycle,
   then waits. Only the launcher icon moves; transforms never change the layout, and the sheen and
   shockwave layers never take clicks. */
.cq-widget{--cq-fx-dur:1.1s}
.cq-widget[data-fx-speed="slow"]{--cq-fx-dur:1.6s}
.cq-widget[data-fx-speed="fast"]{--cq-fx-dur:.75s}
.cq-widget .cq-icon--contact::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 30%,#ffffffb3 48%,transparent 66%) no-repeat;background-size:250% 100%}
.cq-toggle.cq-fx-run[data-fx="bounce"]>.cq-icon{animation:cq-fx-bounce var(--cq-fx-dur) ease-out}
.cq-toggle.cq-fx-run[data-fx="waggle"]>.cq-icon{animation:cq-fx-waggle var(--cq-fx-dur) ease-in-out}
.cq-toggle.cq-fx-run[data-fx="floating"]>.cq-icon{animation:cq-fx-float calc(var(--cq-fx-dur) * 1.6) ease-in-out}
.cq-toggle.cq-fx-run[data-fx="sheen"]>.cq-icon::after{animation:cq-fx-sheen var(--cq-fx-dur) ease-in-out}
.cq-toggle.cq-fx-run[data-fx="spin"]>.cq-icon{animation:cq-fx-spin var(--cq-fx-dur) cubic-bezier(.45,0,.25,1)}
.cq-toggle.cq-fx-run[data-fx="fade"]>.cq-icon{animation:cq-fx-fade calc(var(--cq-fx-dur) * 1.4) ease-in-out}
.cq-toggle.cq-fx-run[data-fx="shockwave"]>.cq-icon{animation:cq-fx-wave calc(var(--cq-fx-dur) * 1.3) ease-out}
.cq-toggle.cq-fx-run[data-fx="pulse"]>.cq-icon{animation:cq-fx-pulse var(--cq-fx-dur) ease-in-out}
@keyframes cq-fx-bounce{0%,100%{transform:translateY(0)}25%{transform:translateY(-9px)}45%{transform:translateY(0)}62%{transform:translateY(-4px)}78%{transform:translateY(0)}}
@keyframes cq-fx-waggle{0%,100%{transform:rotate(0)}15%{transform:rotate(-12deg)}35%{transform:rotate(10deg)}55%{transform:rotate(-7deg)}75%{transform:rotate(4deg)}}
@keyframes cq-fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes cq-fx-sheen{0%{opacity:1;background-position:160% 0}100%{opacity:1;background-position:-60% 0}}
@keyframes cq-fx-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes cq-fx-fade{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes cq-fx-wave{0%{box-shadow:0 8px 22px #0a3d6a3d,0 0 0 0 #1682d873,0 0 0 0 #1682d859}55%{box-shadow:0 8px 22px #0a3d6a3d,0 0 0 12px #1682d800,0 0 0 4px #1682d840}100%{box-shadow:0 8px 22px #0a3d6a3d,0 0 0 18px #1682d800,0 0 0 16px #1682d800}}
@keyframes cq-fx-pulse{0%,100%{transform:scale(1)}30%{transform:scale(1.09)}55%{transform:scale(.98)}75%{transform:scale(1.04)}}
@keyframes cq-reveal{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cq-widget *,.cq-widget *::after{animation:none!important;transition:none!important}}