:root { --customer-floating-bottom: max(2.25rem, calc(env(safe-area-inset-bottom) + 1rem)); }
.customer-cart-floating, .customer-chat__trigger {
    animation: customer-floating-glow 3.6s ease-in-out infinite;
}
.customer-cart-floating { bottom: var(--customer-floating-bottom); }
.customer-chat { position: fixed; z-index: 1100; right: clamp(.8rem, 2.4vw, 2rem); bottom: var(--customer-floating-bottom); direction: rtl; font-family: Pinar, Tahoma, sans-serif; }
.customer-chat__trigger { display: grid; place-items: center; width: 56px; height: 56px; padding: 0; border: 1px solid var(--ds-gold-line); border-radius: 50%; background: var(--ds-surface); color: var(--ds-gold); cursor: pointer; text-decoration: none; }
.customer-chat__trigger svg, .customer-chat__menu svg { width: 26px; height: 26px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.customer-chat__icon { width: 24px; height: 24px; flex: 0 0 auto; object-fit: contain; border-radius: var(--ds-radius-sm); }
.customer-chat__trigger .customer-chat__icon { width: 32px; height: 32px; }
.customer-chat__trigger:hover { background: var(--ds-raised); border-color: var(--ds-gold); }
.customer-chat__menu { position: absolute; right: 0; bottom: calc(100% + 12px); display: grid; gap: var(--ds-space-1); min-width: 190px; max-width: calc(100vw - 32px); padding: var(--ds-space-2); border: 1px solid var(--ds-gold-line); border-radius: var(--ds-radius-card); background: var(--ds-surface); box-shadow: 0 12px 36px #0006; }
.customer-chat__menu[hidden] { display: none; }
.customer-chat__menu a { display: flex; align-items: center; gap: var(--ds-space-2); box-sizing: border-box; min-height: 44px; padding: 10px 16px; border-radius: var(--ds-radius-sm); color: var(--ds-text); text-decoration: none; font-size: var(--ds-fs-14); }
.customer-chat__menu a > span { min-width: 0; overflow-wrap: anywhere; }
.customer-chat__menu a:hover { background: var(--ds-gold-soft); color: var(--ds-gold-text); }
.customer-chat :is(a,button):focus-visible { outline: 2px solid var(--ds-gold); outline-offset: 3px; }
@keyframes customer-floating-glow {
    0%, 65%, 100% { box-shadow: 0 8px 24px #0005, 0 0 0 0 #f5a62300; }
    78% { box-shadow: 0 8px 24px #0005, 0 0 20px 4px #f5a62380; }
    92% { box-shadow: 0 8px 24px #0005, 0 0 30px 10px #f5a62300; }
}
@media (max-width: 520px) {
    :root { --customer-floating-bottom: max(1.5rem, calc(env(safe-area-inset-bottom) + .8rem)); }
    .customer-cart-floating { bottom: var(--customer-floating-bottom); }
    .customer-chat { right: .72rem; }
}
@media (prefers-reduced-motion: reduce) {
    .customer-cart-floating, .customer-chat__trigger { animation: none; }
}