/*
 * What2Do Ecosystem UI
 * Shared responsive and progressive-disclosure layer.
 * It intentionally reuses each surface's existing color tokens.
 */
:root{
  --w2d-vh:100dvh;
  --w2d-shell:min(1180px,100%);
  --w2d-space-1:6px;
  --w2d-space-2:10px;
  --w2d-space-3:14px;
  --w2d-space-4:18px;
  --w2d-space-5:24px;
  --w2d-eco-radius:18px;
  --w2d-eco-shadow:0 12px 32px rgba(15,23,42,.08);
}

html.w2d-ecosystem-ui{
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
}
.w2d-ecosystem-ui body{max-width:100%;overflow-x:hidden;overflow-x:clip}
.w2d-ecosystem-ui body:not(:has(#view-landing)){padding-bottom:calc(74px + env(safe-area-inset-bottom))}
.w2d-ecosystem-ui :where(img,video,canvas,svg,iframe){max-width:100%}
.w2d-ecosystem-ui :where(button,a,input,select,textarea,summary){min-width:0}
.w2d-ecosystem-ui :where(button,a,[role="button"],summary){touch-action:manipulation}
.w2d-ecosystem-ui :where(p,li,td,th,label,.card){overflow-wrap:anywhere}
.w2d-ecosystem-ui :where(.row2,.row3,.grid,[style*="display:grid"]){min-width:0}
.w2d-ecosystem-ui :where(#view-cliente,#view-panel,#view-config,#view-super,#appWrap,main){
  width:100%;
}

/* Shared progressive category cards. */
.w2d-feature-groups{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:var(--w2d-space-3);
  align-items:start;
}
.w2d-feature-group{
  background:#fff;
  border:1px solid var(--line,#e5e7eb);
  border-radius:var(--w2d-eco-radius);
  box-shadow:0 3px 14px rgba(15,23,42,.045);
  overflow:clip;
}
.w2d-feature-group[open]{box-shadow:var(--w2d-eco-shadow)}
.w2d-feature-group>summary{
  list-style:none;
  min-height:68px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 22px;
  align-items:center;
  gap:var(--w2d-space-3);
  padding:var(--w2d-space-3);
  cursor:pointer;
  color:var(--ink,#0f172a);
}
.w2d-feature-group>summary::-webkit-details-marker{display:none}
.w2d-feature-group>summary::after{
  content:"›";
  font-size:25px;
  line-height:1;
  color:var(--muted,#64748b);
  transform:rotate(90deg);
  transition:transform .18s ease;
}
.w2d-feature-group[open]>summary::after{transform:rotate(-90deg)}
.w2d-feature-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:var(--brand-soft,#f4ebe6);
  color:var(--brand,#993c1d);
}
.w2d-feature-icon svg{width:21px;height:21px}
.w2d-feature-title{display:block;font-weight:800;font-size:14px;line-height:1.25}
.w2d-feature-sub{display:block;color:var(--muted,#64748b);font-size:11.5px;line-height:1.4;margin-top:3px}
.w2d-feature-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:0 var(--w2d-space-3) var(--w2d-space-3);
}
.w2d-feature-actions>*{width:100%!important;min-height:46px!important;margin:0!important}
.w2d-feature-actions>button,.w2d-feature-actions>a{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  text-align:left!important;
  border-radius:13px!important;
}

/* Persistent guide marker, paired with the ecosystem chat. */
#w2dGuideFab,#w2dFallbackChatFab{
  position:fixed;
  right:max(16px,env(safe-area-inset-right));
  z-index:9997;
  width:52px;height:52px;
  border:1px solid color-mix(in srgb,var(--brand,#993c1d) 28%,transparent);
  border-radius:17px;
  background:#fff;
  color:var(--brand,#993c1d);
  box-shadow:0 12px 30px rgba(15,23,42,.16);
  display:grid;
  place-items:center;
  cursor:pointer;
}
#w2dGuideFab{right:max(76px,calc(60px + env(safe-area-inset-right)));bottom:calc(18px + env(safe-area-inset-bottom))}
#w2dFallbackChatFab{bottom:calc(18px + env(safe-area-inset-bottom));background:var(--brand,#993c1d);color:#fff}
#w2dGuideFab svg,#w2dFallbackChatFab svg{width:23px;height:23px}
#w2dGuideFab .w2d-guide-dot{
  position:absolute;right:-3px;top:-3px;width:16px;height:16px;border-radius:50%;
  display:grid;place-items:center;background:var(--green,#0b6b4f);color:#fff;
  border:2px solid #fff;font-size:9px;font-weight:900;
}
#w2dAssistFab{
  position:fixed;
  right:max(16px,env(safe-area-inset-right));
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:9998;
  min-width:116px;
  height:48px;
  border:2px solid #111827;
  border-radius:999px;
  background:linear-gradient(135deg,#f97316 0%,#fff 48%,#0b6b4f 100%);
  color:#111827;
  box-shadow:0 10px 24px rgba(15,23,42,.20);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 15px;
  font:900 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  opacity:.58;
  filter:saturate(.82);
  transition:opacity .18s ease,filter .18s ease,transform .18s ease,box-shadow .18s ease;
}
#w2dAssistFab.is-active,#w2dAssistFab:hover,#w2dAssistFab:focus-visible{opacity:1;filter:saturate(1.12);transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,23,42,.28)}
#w2dAssistFab svg{width:22px;height:22px}
.w2d-assist-sheet{
  position:fixed;inset:0;z-index:10020;
  display:grid;place-items:end center;
  padding:16px max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(15,23,42,.44);
}
.w2d-assist-card{
  width:min(520px,100%);
  max-height:min(720px,calc(var(--w2d-vh) - 32px));
  overflow:auto;
  background:#fff;
  border:1px solid var(--line,#e5e7eb);
  border-radius:22px;
  box-shadow:0 28px 80px rgba(15,23,42,.28);
  padding:20px;
}
.w2d-assist-card h2{margin:0;font-size:20px;color:var(--ink,#0f172a)}
.w2d-assist-card p{color:var(--muted,#64748b);font-size:13px;margin:5px 0 15px}
#chatFab,#wchatFab{
  right:max(16px,env(safe-area-inset-right))!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
}
#chatPanel,#wchatBox,#w2dFallbackChat{
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:calc(82px + env(safe-area-inset-bottom))!important;
  max-width:calc(var(--w2d-vw,100vw) - 24px)!important;
  max-height:calc(var(--w2d-vh) - 110px)!important;
}

.w2d-guide-sheet,.w2d-fallback-chat{
  position:fixed;inset:0;z-index:10020;
  display:grid;place-items:end center;
  padding:16px max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(15,23,42,.44);
}
.w2d-guide-card,.w2d-fallback-chat-card{
  width:min(520px,100%);
  max-height:min(720px,calc(var(--w2d-vh) - 32px));
  overflow:auto;
  background:#fff;
  border:1px solid var(--line,#e5e7eb);
  border-radius:22px;
  box-shadow:0 28px 80px rgba(15,23,42,.28);
  padding:20px;
}
.w2d-guide-card h2,.w2d-fallback-chat-card h2{margin:0;font-size:20px;color:var(--ink,#0f172a)}
.w2d-guide-card p{color:var(--muted,#64748b);font-size:13px;margin:5px 0 15px}
.w2d-guide-list{display:grid;gap:8px}
.w2d-guide-list button{
  width:100%;min-height:50px;padding:11px 13px;
  border:1px solid var(--line,#e5e7eb);border-radius:13px;background:#fff;
  color:var(--ink,#0f172a);font:inherit;font-weight:700;text-align:left;cursor:pointer;
}
.w2d-guide-list button:hover{background:var(--brand-soft,#f4ebe6);border-color:var(--brand,#993c1d)}
.w2d-guide-close{float:right;border:0;background:transparent;font-size:24px;color:var(--muted,#64748b);cursor:pointer}
.w2d-fallback-chat-card{display:grid;grid-template-rows:auto minmax(120px,1fr) auto;height:min(620px,calc(var(--w2d-vh) - 32px));padding:0;overflow:hidden}
.w2d-fallback-chat-head{padding:15px 17px;border-bottom:1px solid var(--line,#e5e7eb)}
.w2d-fallback-chat-msgs{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:var(--bg,#fafafa)}
.w2d-fallback-chat-msg{max-width:88%;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line,#e5e7eb);font-size:13px}
.w2d-fallback-chat-msg.me{align-self:flex-end;background:var(--brand,#993c1d);border-color:var(--brand,#993c1d);color:#fff}
.w2d-fallback-chat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;border-top:1px solid var(--line,#e5e7eb)}
.w2d-fallback-chat-row input{width:100%;min-height:44px;border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:10px 12px;font:inherit}
.w2d-fallback-chat-row button{min-height:44px;border:0;border-radius:12px;padding:0 16px;background:var(--brand,#993c1d);color:#fff;font-weight:800}

/* Large legacy lists stay reachable but no longer dominate the first screen. */
.w2d-progressive-more{
  border:1px solid var(--line,#e5e7eb);
  border-radius:16px;
  background:#fff;
  margin-top:14px;
  overflow:clip;
}
.w2d-progressive-more>summary{cursor:pointer;padding:13px 15px;font-weight:800;color:var(--brand,#993c1d)}
.w2d-progressive-more>[data-w2d-more-body]{padding:0 13px 13px}

/* Trueke Store owner shell: the store remains part of the What2Do app even
   though its legacy surface is rendered inside #survOverlay. */
.w2d-store-shell{
  position:sticky;top:0;z-index:4;margin:-18px -16px 14px;padding:10px 16px 8px;
  background:rgba(255,255,255,.96);backdrop-filter:saturate(1.1) blur(12px);
  border-bottom:1px solid var(--line,#e5e7eb);box-shadow:0 7px 22px rgba(15,23,42,.06)
}
.w2d-store-shell-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.w2d-store-brand{font-size:17px;font-weight:900;letter-spacing:-.4px;color:var(--ink,#0f172a);white-space:nowrap}
.w2d-store-brand span{color:#f15a24}
.w2d-store-head-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.w2d-store-language{min-height:34px;border:1px solid var(--line,#e5e7eb);border-radius:999px;padding:6px 9px;background:#fff;color:var(--ink,#0f172a);font-weight:850;cursor:pointer;white-space:nowrap}
.w2d-store-mode{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:#fff}
.w2d-store-mode button{min-height:34px;border:0;border-radius:999px;padding:7px 11px;background:transparent;color:var(--muted,#64748b);font-weight:850;cursor:pointer}
.w2d-store-mode button[aria-pressed="true"]{background:var(--brand-soft,#ecfdf5);color:var(--brand,#0f766e)}
.w2d-store-session{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.w2d-store-session button{min-height:40px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;color:var(--ink,#0f172a);font-weight:850;cursor:pointer}
.w2d-store-session .copilot{background:#172033;border-color:#172033;color:#fff}
.w2d-store-session .logout{background:#fff0e9;border-color:#ffc4ad;color:#d9480f}
.w2d-store-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:8px;padding:4px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:#fff}
.w2d-store-dock button{min-height:43px;border:0;border-radius:10px;background:transparent;color:var(--muted,#64748b);font-size:11px;font-weight:850;cursor:pointer}
.w2d-store-dock button:hover,.w2d-store-dock button:focus-visible{background:var(--brand-soft,#ecfdf5);color:var(--brand,#0f766e)}
.w2d-store-back{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.w2d-store-back button{width:auto!important;min-height:38px;padding:8px 12px!important}
.w2d-store-meta-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:10px}
.w2d-store-meta-actions .link{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:999px!important;background:#fff!important;color:var(--brand,#0f766e)!important;text-decoration:none!important;font-size:11.5px!important;font-weight:800!important}
.w2d-store-advanced-cta{margin:14px 0;padding:14px;border:1px solid var(--brand-border,#a7f3d0);border-radius:16px;background:linear-gradient(135deg,var(--brand-soft,#ecfdf5),#fff)}
.w2d-store-advanced-cta h3{margin:0 0 4px;font-size:16px}
.w2d-store-advanced-cta p{margin:0 0 11px;color:var(--muted,#64748b);font-size:12.5px;line-height:1.45}
.w2d-store-advanced-cta button{width:auto!important;min-height:40px;padding:9px 13px!important}
.w2d-store-command>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.w2d-store-command>summary::-webkit-details-marker{display:none}
.w2d-store-command>summary:after{content:"Abrir";flex:0 0 auto;border:1px solid var(--brand-border,#a7f3d0);border-radius:999px;background:#fff;color:var(--brand,#0f766e);padding:7px 10px;font-size:11px;font-weight:850}
.w2d-store-command[open]>summary:after{content:"Cerrar"}

/* Shared account shell. Trueke, customer and driver render the same component,
   while each keeps every existing route, permission and operational body. */
.w2d-role-shell{
  --w2d-role-accent:var(--brand,#0f766e);
  --w2d-role-soft:var(--brand-soft,#ecfdf5);
  --w2d-role-ink:var(--ink,#0f172a);
  --w2d-role-copilot:var(--brand,#0f766e);
  z-index:4;padding:10px 12px 8px;background:rgba(255,255,255,.98);
  border:1px solid var(--line,#e5e7eb);box-shadow:0 7px 22px rgba(15,23,42,.06)
}
.w2d-role-shell.is-embedded{position:sticky;top:0;margin:-18px -16px 14px;border-width:0 0 1px}
.w2d-role-shell.is-inline{position:relative;margin:0 0 16px;border-radius:18px}
.w2d-role-shell[data-w2d-experience="lite"]{
  --w2d-role-accent:#ff5a1f;--w2d-role-soft:#fff0e9;
  --w2d-role-ink:#172033;--w2d-role-copilot:#172033;
  background:rgba(255,253,251,.98)
}
.w2d-role-shell[data-w2d-experience="professional"]{
  border-color:var(--brand-border,#a7f3d0);
  box-shadow:0 8px 24px color-mix(in srgb,var(--w2d-role-accent) 12%,transparent)
}
.w2d-role-shell-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.w2d-role-identity{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
/* Es un <button> (lleva al landing) disfrazado del rótulo de siempre: se resetean los estilos que
   el navegador le pone por defecto para que se vea EXACTO al <div> que había antes. */
.w2d-role-brand{font-size:17px;font-weight:900;letter-spacing:-.4px;color:var(--w2d-role-ink);white-space:nowrap;background:none;border:0;padding:0;margin:0;font-family:inherit;line-height:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.w2d-role-brand:hover{opacity:.82}
.w2d-role-brand:focus-visible{outline:2px solid var(--w2d-role-accent);outline-offset:3px;border-radius:6px}
.w2d-role-brand span{color:var(--w2d-role-accent)}
.w2d-role-context{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border-radius:999px;background:var(--w2d-role-soft);color:var(--w2d-role-accent);font-size:10.5px;font-weight:750;white-space:nowrap}
/* flex-wrap: el acceso al Directorio cae solo a una segunda línea en pantallas angostas en vez
   de aplastar la marca de la izquierda (la cabecera es space-between). */
.w2d-role-head-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;flex-wrap:wrap}
.w2d-role-language{min-height:34px;border:1px solid var(--line,#e5e7eb);border-radius:999px;padding:6px 9px;background:#fff;color:var(--w2d-role-ink);font-weight:850;cursor:pointer;white-space:nowrap}
/* Acceso directo al Directorio dentro de los paneles que TAPAN la barra superior
   (tienda Trueke y cuenta de cliente). Misma pastilla que el botón de idioma. */
.w2d-role-directory{display:inline-flex;align-items:center;gap:5px;min-height:34px;border:1px solid var(--line,#e5e7eb);border-radius:999px;padding:6px 11px;background:#fff;color:var(--w2d-role-ink);font-weight:850;cursor:pointer;white-space:nowrap}
.w2d-role-directory:hover,.w2d-role-directory:focus-visible{border-color:var(--w2d-role-accent);color:var(--w2d-role-accent)}
.w2d-role-directory .w2dic,.w2d-role-directory svg{width:15px;height:15px;display:block}
.w2d-role-mode{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:#fff}
.w2d-role-mode button{min-height:34px;border:0;border-radius:999px;padding:7px 11px;background:transparent;color:var(--muted,#64748b);font-weight:850;cursor:pointer}
.w2d-role-mode button[aria-pressed="true"]{background:var(--w2d-role-soft);color:var(--w2d-role-accent)}
.w2d-role-shell[data-w2d-experience="professional"] .w2d-role-mode button[data-w2d-mode="professional"][aria-pressed="true"]{background:var(--w2d-role-accent);color:#fff}
.w2d-role-session{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.w2d-role-session button{min-height:40px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;color:var(--w2d-role-ink);font-weight:850;cursor:pointer}
.w2d-role-session .copilot{background:var(--w2d-role-copilot);border-color:var(--w2d-role-copilot);color:#fff}
.w2d-role-session .logout{background:#fff0e9;border-color:#ffc4ad;color:#d9480f}
.w2d-role-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:8px;padding:4px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:#fff}
.w2d-role-dock button{min-height:43px;border:0;border-radius:10px;background:transparent;color:var(--muted,#64748b);font-size:11px;font-weight:850;cursor:pointer}
.w2d-role-dock button:hover,.w2d-role-dock button:focus-visible,.w2d-role-dock button[aria-current="page"]{background:var(--w2d-role-soft);color:var(--w2d-role-accent)}
.w2d-role-shell[data-w2d-experience="professional"] .w2d-role-dock button[aria-current="page"]{background:var(--w2d-role-accent);color:#fff}
.w2d-role-professional-nav{display:flex;gap:6px;overflow-x:auto;margin:0 0 14px;padding:0 0 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.w2d-role-professional-nav button{flex:0 0 auto;min-height:38px;border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:8px 12px;background:#fff;color:var(--ink,#0f172a);font-size:11.5px;font-weight:800;cursor:pointer}
.w2d-role-professional-nav button:hover,.w2d-role-professional-nav button:focus-visible{border-color:var(--brand,#0f766e);color:var(--brand,#0f766e)}
.w2d-role-professional-nav button[aria-current="page"]{background:var(--brand,#0f766e);border-color:var(--brand,#0f766e);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--brand,#0f766e) 18%,transparent)}

@media(max-width:520px){
  .w2d-store-shell{margin:-18px -16px 12px;padding:9px 10px 7px}
  .w2d-store-brand{font-size:15px}
  .w2d-store-language{padding:6px 7px;font-size:11px}
  .w2d-store-mode button{padding:6px 8px;font-size:11px}
  .w2d-store-session button{font-size:11px;padding:6px 5px}
  .w2d-store-dock button{font-size:10px;padding:5px 2px}
  .w2d-role-shell.is-embedded{margin:-18px -16px 12px;padding:9px 10px 7px}
  .w2d-role-brand{font-size:15px}
  .w2d-role-context{font-size:9.5px;padding:3px 6px}
  .w2d-role-language{padding:6px 7px;font-size:11px}
  .w2d-role-directory{padding:6px 9px;font-size:11px}
  .w2d-role-mode button{padding:6px 8px;font-size:11px}
  .w2d-role-session button{font-size:11px;padding:6px 5px}
  .w2d-role-dock button{font-size:10px;padding:5px 2px}
}

@media(max-width:390px){
  .w2d-role-shell-head{align-items:flex-start}
  .w2d-role-identity{display:block}
  .w2d-role-context{margin-top:4px}
}

@media(max-width:760px){
  .w2d-feature-groups{grid-template-columns:1fr;gap:10px}
  .w2d-feature-group>summary{min-height:62px;padding:11px 12px}
  .w2d-feature-actions{grid-template-columns:1fr;padding:0 11px 11px}
  .w2d-feature-actions>*{min-height:48px!important}
  #chatPanel,#wchatBox,#w2dFallbackChat{
    width:min(370px,calc(var(--w2d-vw,100vw) - 20px))!important;
    max-width:calc(var(--w2d-vw,100vw) - 20px)!important;
    right:auto!important;
    left:calc(var(--w2d-vv-left,0px) + 10px)!important;
    top:calc(var(--w2d-vv-top,0px) + 8px)!important;
    bottom:auto!important;
    height:calc(var(--w2d-vh,100dvh) - 16px)!important;
    max-height:calc(var(--w2d-vh,100dvh) - 16px)!important;
  }
  body.w2d-keyboard-open #chatPanel{
    left:var(--w2d-vv-left,0px)!important;
    top:var(--w2d-vv-top,0px)!important;
    width:var(--w2d-vw,100vw)!important;
    max-width:var(--w2d-vw,100vw)!important;
    height:var(--w2d-vh,100dvh)!important;
    max-height:var(--w2d-vh,100dvh)!important;
    border-radius:0!important;
  }
  .w2d-ecosystem-ui :where(.modal,.wbox){
    max-width:calc(100vw - 20px)!important;
    max-height:calc(var(--w2d-vh) - 20px)!important;
  }
}

@media(max-width:420px){
  #w2dGuideFab,#w2dFallbackChatFab,#chatFab,#wchatFab{width:50px!important;height:50px!important}
  #w2dGuideFab{right:max(72px,calc(56px + env(safe-area-inset-right)))}
  #w2dAssistFab{min-width:50px;width:50px;height:50px;padding:0;border-radius:50%}
  #w2dAssistFab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .w2d-guide-card,.w2d-fallback-chat-card{border-radius:18px}
}

@media(max-height:520px){
  #w2dGuideFab{width:46px;height:46px}
  #chatFab,#wchatFab,#w2dFallbackChatFab{width:46px!important;height:46px!important}
}

@media(prefers-reduced-motion:reduce){
  .w2d-feature-group>summary::after{transition:none}
}