/* Demó testreszabó panel – semleges színek, nem függ a téma változóitól. */
.aih-fab{position:fixed;left:16px;bottom:16px;z-index:100;background:#111827;color:#fff;border:0;border-radius:999px;padding:12px 20px;font:600 15px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.aih-fab:focus-visible,.aih-opt:focus-visible,.aih-order:focus-visible,.aih-link:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.aih-panel{position:fixed;left:16px;bottom:68px;z-index:100;width:320px;max-height:calc(100vh - 100px);overflow:auto;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:14px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.28);font:14px/1.4 system-ui,sans-serif}
.aih-panel[hidden]{display:none}
.aih-group{margin-bottom:14px}
.aih-title{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:6px}
.aih-row{display:flex;flex-wrap:wrap;gap:6px}
.aih-opt{border:2px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;padding:7px 11px;font:inherit;cursor:pointer}
.aih-opt[aria-pressed="true"]{border-color:#111827;background:#f3f4f6;font-weight:700}
.aih-swatch{position:relative;width:38px;height:38px;padding:0;border-radius:50%}
.aih-swatch[aria-pressed="true"]{border-color:#111827;box-shadow:0 0 0 2px #fff inset}
.aih-dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff}
.aih-colors{display:flex;gap:16px}
.aih-colors label{display:flex;align-items:center;gap:8px}
.aih-colors input{width:40px;height:30px;padding:0;border:1px solid #d1d5db;border-radius:6px;background:none;cursor:pointer}
.aih-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.aih-link{background:none;border:0;color:#4b5563;text-decoration:underline;font:inherit;cursor:pointer;padding:6px}
.aih-order{background:#16a34a;color:#fff;text-decoration:none;font-weight:700;padding:11px 18px;border-radius:8px}
.aih-order:hover{filter:brightness(1.08)}
@media (max-width:520px){.aih-panel{left:8px;right:8px;width:auto;bottom:64px}.aih-fab{left:8px;bottom:8px}}

/* Funkciók és ár panel (demo-modules.js) */
.aih-panel-fn{width:350px}
.aih-mods{margin-bottom:12px}
.aih-mod{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;border-bottom:1px solid #f3f4f6}
.aih-mod input{width:18px;height:18px;flex:none}
.aih-mod-name{flex:1}
.aih-price{color:#6b7280;white-space:nowrap;font-size:13px}
.aih-row2{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.aih-row2 select{padding:7px 10px;border:2px solid #d1d5db;border-radius:8px;font:inherit}
.aih-small{font-size:12px;color:#6b7280;margin:6px 0 0}
.aih-calc{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;margin-bottom:10px}
.aih-line{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}
.aih-line span:last-child{white-space:nowrap}
.aih-total{font-weight:700;font-size:15px;border-top:1px solid #d1d5db;margin-top:4px;padding-top:8px}
.aih-sub{color:#6b7280}
.aih-banner{background:#fef3c7;color:#92400e;padding:10px 16px;text-align:center;font:600 14px/1.4 system-ui,sans-serif}
.aih-banner-btn{margin-left:8px;background:#92400e;color:#fff;border:0;border-radius:6px;padding:5px 12px;font:inherit;cursor:pointer}
@media (max-width:520px){.aih-panel-fn{left:8px;right:8px;width:auto}}
.aih-langrows .aih-row2{margin-bottom:6px}
.aih-lang{display:flex;gap:4px;align-items:center;margin-left:12px;flex:none}
.aih-lang button{border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;padding:3px 7px;font:700 12px/1.2 system-ui,sans-serif;cursor:pointer}
.aih-lang button[aria-pressed="true"]{background:#111827;color:#fff;border-color:#111827}
.aih-lang button:focus-visible{outline:3px solid #f59e0b;outline-offset:1px}
.aih-mod-locked{cursor:default;opacity:.75}

/* panel fejléc: mindig látszó bezáró (×) gomb */
.aih-closebar{position:sticky;top:-16px;z-index:5;display:flex;align-items:center;justify-content:space-between;margin:-16px -16px 10px;padding:10px 12px 8px 16px;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:14px 14px 0 0}
.aih-x{border:0;background:#f3f4f6;color:#111827;width:34px;height:34px;border-radius:50%;font:400 22px/1 system-ui,sans-serif;cursor:pointer}
.aih-x:hover{background:#e5e7eb}
.aih-x:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}