.cardar-guide-topbar{flex-wrap:wrap}
[data-theme="dark"] .cardar-guide,[data-theme="dark"] .cardar-guide-open{color-scheme:dark;--panel:#1a2230;--line:#2e3a4d;--text:#e8ecf1;--muted:#a7b3c4;--blue:#6ee7b7}
.cardar-guide[hidden],.cardar-guide-open[hidden]{display:none!important}
.cardar-guide{padding:clamp(16px,3vw,24px);margin:20px 0;border:1px solid var(--line,#d1d5db);border-radius:18px;background:var(--panel,#fff);color:var(--text,#111);scroll-margin-top:150px;animation:cardar-guide-in .18s ease-out}
.cardar-guide h2{margin:0 0 8px;font-size:clamp(20px,3vw,26px);line-height:1.35}
.cardar-guide p{line-height:1.65;margin:8px 0 14px;overflow-wrap:anywhere}
.cardar-guide button,.cardar-guide-open{font:inherit;min-height:44px;min-width:44px;border:1px solid var(--line,#d1d5db);border-radius:10px;padding:10px 14px;background:var(--panel,#fff);color:var(--text,#111);cursor:pointer}
.cardar-guide button:hover,.cardar-guide-open:hover{border-color:var(--blue,#1a7f4b)}
.cardar-guide button:focus-visible,.cardar-guide h2:focus,.cardar-guide-open:focus-visible{outline:3px solid var(--blue,#1a7f4b);outline-offset:3px}
.cardar-guide button:disabled{opacity:.6;cursor:wait}
.cardar-guide-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.cardar-guide-choices button{text-align:left;font-weight:800;line-height:1.5;padding:16px;transition:transform .15s ease}
.cardar-guide-choices button:hover{transform:translateY(-2px)}
.cardar-guide-choices span{display:block;font-weight:400;font-size:.9em;margin-top:5px}
.cardar-guide-actions{display:flex;gap:10px;flex-wrap:wrap}
.cardar-guide [data-guide-go],.cardar-guide [data-guide-done]{background:#166b41;color:#fff;border-color:transparent;font-weight:700}
.cardar-guide .cardar-guide-note{font-size:.85rem;color:var(--muted,#4b5563);margin:12px 0 0}
#cardarGuideStep{border-left:3px solid var(--blue,#1a7f4b);padding-left:12px}
.directory-card-product{font-size:.82rem;line-height:1.45;color:var(--muted,#6b7280);margin-top:5px;overflow-wrap:anywhere}
@keyframes cardar-guide-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:620px){.cardar-guide-choices{grid-template-columns:1fr;gap:8px}.cardar-guide-choices button{padding:12px}.cardar-guide{scroll-margin-top:200px}.cardar-guide-open{font-size:13px;padding:8px}.cardar-guide-actions button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.cardar-guide{animation:none}.cardar-guide-choices button{transition:none}.cardar-guide-choices button:hover{transform:none}}