/* Saf7ati Grid v3.0 */
:root{ --accent:#8B0A20; --border:#E6E6E6; --glow:#23a455; }
#sfgd-root{font-family: 'Alexandria', system-ui, -apple-system, Segoe UI, Roboto, Arial; direction: rtl}
/* Splash */
.sfgd-splash{position:fixed;inset:0;background:linear-gradient(135deg,#e63946,#2a9d8f,#1d3557);animation:hue 6s infinite alternate;z-index:9999;display:flex;align-items:center;justify-content:center}
.sfgd-splash-inner{color:#fff;text-align:center;animation:fadeIn .8s ease}
.sfgd-splash-inner h1{font-size:28px;margin:0 0 8px}
.sfgd-splash-inner p{opacity:.9}
@keyframes hue{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(40deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Controls */
.sfgd-switch{display:flex;gap:8px;margin:10px 0}
.sfgd-switch button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px}
.sfgd-cats{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.sfgd-cat{border:1px solid var(--border);background:#fff;border-radius:12px;padding:6px 10px;font-size:13px}
.sfgd-search input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin:6px 0}

/* Decor 36 */
.sfgd-decor{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:10px 0}
.sfgd-decor .cell{aspect-ratio:1/1;border-radius:10px;animation:color 3s infinite alternate;filter:saturate(1.2)}
@keyframes color{0%{background:#e63946}50%{background:#457b9d}100%{background:#2a9d8f}}

/* Classic 1000 grid */
.sfgd-classic{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}
.sfgd-classic .slot{aspect-ratio:1/1;border:1px solid var(--border);border-radius:8px;background:#fff;position:relative;overflow:hidden}
.sfgd-classic .slot img{width:100%;height:100%;object-fit:cover;display:block}
.sfgd-classic .slot:active{box-shadow:0 0 0 3px var(--glow) inset}

/* Map */
.sfgd-map svg{width:100%;height:auto;display:block}

/* Form */
.sfgd-form{margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff}
.sfgd-form label{display:block;margin-top:10px;font-size:13px}
.sfgd-form input, .sfgd-form select, .sfgd-form button{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;font-size:14px}
#sfgd-submit{background:var(--accent);color:#fff;border:none;margin-top:12px}
.sfgd-msg{margin-top:10px;font-size:13px}

/* Floating CTA */
#sfgd-float{position:fixed;right:16px;bottom:20px;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:12px 16px;font-size:14px;z-index:1000;animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(139,10,32,.45)}70%{box-shadow:0 0 0 18px rgba(139,10,32,0)}100%{box-shadow:0 0 0 0 rgba(139,10,32,0)}}