.souk-feedback-float{--souk-feedback-color:#21aaae;--souk-feedback-text:#fff;position:fixed;bottom:24px;z-index:99990;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--souk-feedback-color);color:var(--souk-feedback-text);box-shadow:0 12px 30px color-mix(in srgb,var(--souk-feedback-color) 35%,transparent);cursor:pointer;opacity:0;transform:translateY(18px) scale(.82);transition:opacity .35s ease,transform .35s ease,background-color .25s ease}.souk-feedback-float.is-right{right:24px}.souk-feedback-float.is-left{left:24px}.souk-feedback-float.is-visible{opacity:1;transform:none}.souk-feedback-float svg{width:27px;height:27px}.souk-feedback-float:hover,.souk-feedback-float:focus-visible{background:#14666c!important;transform:translateY(-3px) scale(1.04)}.souk-feedback-float.animation-splash:before,.souk-feedback-float.animation-splash:after{content:"";position:absolute;inset:-1px;border:2px solid var(--souk-feedback-color);border-radius:inherit;animation:soukFeedbackSplash 2.4s ease-out infinite;pointer-events:none}.souk-feedback-float.animation-splash:after{animation-delay:1.2s}.souk-feedback-float.animation-pulse.is-visible{animation:soukFeedbackPulse 2s ease-in-out infinite}.souk-feedback-float.animation-bounce.is-visible{animation:soukFeedbackBounce 2.2s ease-in-out infinite}.souk-feedback-float.animation-shake.is-visible{animation:soukFeedbackShake 3.8s ease-in-out infinite}@keyframes soukFeedbackSplash{0%{opacity:.65;transform:scale(.9)}75%,100%{opacity:0;transform:scale(1.65)}}@keyframes soukFeedbackPulse{50%{box-shadow:0 12px 35px color-mix(in srgb,var(--souk-feedback-color) 55%,transparent);transform:scale(1.07)}}@keyframes soukFeedbackBounce{0%,75%,100%{transform:translateY(0)}82%{transform:translateY(-10px)}90%{transform:translateY(0)}95%{transform:translateY(-4px)}}@keyframes soukFeedbackShake{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}94%{transform:rotate(-4deg)}}
body.souk-feedback-open{overflow:hidden}.souk-feedback-shell.is-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.souk-feedback-shell[hidden]{display:none!important}.souk-feedback-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px);cursor:default}.souk-feedback-card{position:relative;width:min(680px,100%);max-height:min(88vh,820px);overflow:auto;padding:26px;border:1px solid #deeaee;border-radius:22px;background:#fff;color:#172033;box-shadow:0 30px 80px rgba(15,23,42,.28);font-family:Inter,"Noto Sans Arabic",system-ui,sans-serif}.souk-feedback-shell.is-inline .souk-feedback-card{margin:24px auto;box-shadow:0 16px 40px rgba(23,32,51,.09)}.souk-feedback-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:#eef5f7;color:#315267;font-size:26px;line-height:1;cursor:pointer}.souk-feedback-shell[dir="rtl"] .souk-feedback-close{right:auto;left:14px}.souk-feedback-heading{display:flex;align-items:flex-start;gap:13px;padding-inline-end:42px;margin-bottom:22px}.souk-feedback-heading>span{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e8f8f8;color:#168589}.souk-feedback-heading svg{width:24px}.souk-feedback-heading small{display:block;color:#168589;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.souk-feedback-heading h2{margin:4px 0 0;font-size:23px;line-height:1.3}.souk-feedback-form{display:grid;gap:16px}.souk-feedback-form label{display:grid;gap:7px;color:#536273;font-size:13px;font-weight:700}.souk-feedback-form input,.souk-feedback-form select,.souk-feedback-form textarea{width:100%;border:1px solid #cbd9df;border-radius:11px;padding:11px 12px;background:#fff;color:#172033;font:inherit}.souk-feedback-form input:focus,.souk-feedback-form select:focus,.souk-feedback-form textarea:focus{outline:3px solid rgba(33,170,174,.15);border-color:#21aaae}.souk-feedback-form textarea{min-height:130px;resize:vertical}.souk-feedback-form fieldset{border:0;padding:0;margin:0}.souk-feedback-form legend{margin-bottom:8px;color:#536273;font-size:13px;font-weight:700}.souk-feedback-type-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.souk-feedback-type-options label{display:block}.souk-feedback-type-options input{position:absolute;opacity:0;pointer-events:none}.souk-feedback-type-options span{display:block;padding:11px;border:1px solid #d8e3e8;border-radius:11px;text-align:center;background:#f8fafb;cursor:pointer}.souk-feedback-type-options input:checked+span{border-color:#21aaae;background:#e9f8f8;color:#08777a}.souk-feedback-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.souk-feedback-privacy{margin:0;padding:10px 12px;border-radius:9px;background:#f4f7f9;color:#64748b;font-size:11px;line-height:1.55}.souk-feedback-submit{min-height:48px;border:0;border-radius:12px;background:#21aaae;color:#fff;font:inherit;font-weight:800;cursor:pointer}.souk-feedback-submit:hover{background:#168589}.souk-feedback-submit:disabled{opacity:.65;cursor:wait}.souk-feedback-response{display:none;padding:11px 12px;border-radius:9px;font-size:13px}.souk-feedback-response.is-success,.souk-feedback-response.is-error{display:block}.souk-feedback-response.is-success{background:#e3f8f1;color:#087354}.souk-feedback-response.is-error{background:#fde8e9;color:#982d38}.souk-feedback-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:600px){.souk-feedback-float{bottom:18px;width:54px;height:54px}.souk-feedback-float.is-right{right:16px}.souk-feedback-float.is-left{left:16px}.souk-feedback-shell.is-modal{padding:10px;align-items:end}.souk-feedback-card{max-height:92vh;padding:20px 16px;border-radius:20px 20px 10px 10px}.souk-feedback-heading h2{font-size:19px}.souk-feedback-contact-grid{grid-template-columns:1fr}}

/* Keep the dialog inside its viewport at every screen size. */
.souk-feedback-shell,
.souk-feedback-shell *{box-sizing:border-box}
.souk-feedback-card{overflow-x:hidden;overflow-y:auto}
.souk-feedback-form,
.souk-feedback-form label,
.souk-feedback-form fieldset,
.souk-feedback-contact-grid{min-width:0}
.souk-feedback-form select{display:block;min-width:0;min-height:52px;height:auto;padding-block:11px;line-height:1.35;white-space:normal}
.souk-feedback-type-options input[value="feedback"]:checked+span{border-color:#21aaae;background:#e9f8f8;color:#08777a}
.souk-feedback-type-options input[value="complaint"]+span{border-color:#efb4ba;background:#fff7f8;color:#982d38}
.souk-feedback-type-options input[value="complaint"]:checked+span{border-color:#c43d4b;background:#c43d4b;color:#fff;box-shadow:0 0 0 2px rgba(196,61,75,.12)}
.souk-feedback-target-builder{display:grid;gap:10px;min-width:0}.souk-feedback-target-search{position:relative;display:grid;gap:7px;min-width:0}.souk-feedback-target-search[hidden],.souk-feedback-target-results[hidden],.souk-feedback-target-selection[hidden]{display:none!important}.souk-feedback-target-results{position:absolute;top:calc(100% - 1px);right:0;left:0;z-index:20;max-height:min(260px,35vh);overflow-y:auto;padding:6px;border:1px solid #cbd9df;border-radius:10px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.16);overscroll-behavior:contain}.souk-feedback-target-option{display:block;width:100%;padding:10px 11px;border:0;border-radius:7px;background:#fff;color:#172033;font:inherit;text-align:start;cursor:pointer}.souk-feedback-target-option:hover,.souk-feedback-target-option:focus{outline:0;background:#e9f8f8;color:#08777a}.souk-feedback-target-status{padding:12px;color:#64748b;text-align:center;font-size:12px}.souk-feedback-target-selection{padding:8px 10px;border-inline-start:3px solid #21aaae;border-radius:7px;background:#eefafa;color:#08777a;font-size:12px;font-weight:700}

/* Keep the back-to-top control opposite the configured feedback button. */
html.souk-feedback-on-right .souk-back-to-top{right:auto!important;left:20px!important}
html.souk-feedback-on-left .souk-back-to-top{right:20px!important;left:auto!important}
html.souk-feedback-open .souk-feedback-float{pointer-events:none}

@media(max-width:600px){
    .souk-feedback-shell.is-modal{height:100vh;height:100dvh;min-height:0;padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));place-items:stretch}
    .souk-feedback-shell.is-modal .souk-feedback-card{align-self:stretch;width:100%;height:100%;max-height:100%;padding:12px 16px 20px;border-radius:16px}
    .souk-feedback-close{position:sticky;top:0;right:auto!important;left:auto!important;z-index:30;display:grid;place-items:center;margin-inline-start:auto;margin-bottom:-36px;box-shadow:0 4px 14px rgba(15,23,42,.12)}
    .souk-feedback-heading{padding-top:4px;padding-inline-end:46px;margin-bottom:16px}
    .souk-feedback-target-results{max-height:32vh}
    html.souk-feedback-on-right .souk-back-to-top{left:16px!important}
    html.souk-feedback-on-left .souk-back-to-top{right:16px!important}
}
@media(prefers-reduced-motion:reduce){.souk-feedback-float,.souk-feedback-float:before,.souk-feedback-float:after{animation:none!important;transition:none!important}}

/* Isolate floating controls from theme button styles and keep the splash compact. */
.souk-feedback-float{
    bottom:max(24px,env(safe-area-inset-bottom));
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    box-sizing:border-box!important;
    padding:0!important;
    line-height:0!important;
    overflow:visible;
    appearance:none;
    -webkit-appearance:none;
    box-shadow:0 10px 26px rgba(33,170,174,.28);
}
.souk-feedback-float.is-right{right:max(24px,env(safe-area-inset-right))}
.souk-feedback-float.is-left{left:max(24px,env(safe-area-inset-left))}
.souk-feedback-float svg{display:block!important;width:25px!important;height:25px!important;margin:0!important;flex:none;stroke:currentColor!important}
.souk-feedback-close{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#eef5f7!important;
    color:#315267!important;
    font-family:Arial,sans-serif!important;
    font-size:24px!important;
    font-weight:500!important;
    line-height:1!important;
    text-align:center!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}
.souk-feedback-close:hover,.souk-feedback-close:focus-visible{background:#dff3f3!important;color:#087d80!important;outline:3px solid rgba(33,170,174,.16)!important}
.souk-feedback-float.animation-splash:before,.souk-feedback-float.animation-splash:after{inset:1px;border-width:1px}
@keyframes soukFeedbackSplash{0%{opacity:.5;transform:scale(.94)}75%,100%{opacity:0;transform:scale(1.42)}}
@media(max-width:600px){.souk-feedback-float{bottom:max(18px,env(safe-area-inset-bottom));min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important}.souk-feedback-float.is-right{right:max(16px,env(safe-area-inset-right))}.souk-feedback-float.is-left{left:max(16px,env(safe-area-inset-left))}}