.store-answer{display:block!important;height:auto;min-height:0}
.answer-card{background:#fff;border:1px solid #e2e7ea;border-radius:22px;padding:24px;box-shadow:0 8px 30px #27344007}
.answer-heading{display:flex;align-items:center;gap:8px;color:#7b858d;margin-bottom:20px}
.answer-heading>.ic{width:17px;height:17px}
.answer-heading h2{font-size:12px;font-weight:600;letter-spacing:.2px;margin:0}
.answer-product{display:flex;align-items:center;gap:20px;padding:0;background:transparent;color:#252b30}
/* Sin esto, display:flex pisa el [hidden] del navegador y las filas que
   fitAnswerCards oculta para que todo entre en pantalla se seguían viendo. */
.answer-product[hidden]{display:none}
.answer-product+.answer-product{margin-top:18px;padding-top:18px;border-top:1px solid #edf0f2}
.answer-photo{flex:none;width:104px;height:104px;object-fit:contain;background:#fff;border:1px solid #edf0f2;border-radius:18px}
.answer-product .noimg{flex:none;display:grid;place-items:center;width:104px;height:104px;background:#f4f7fb;border-radius:18px;color:#c3cddb;font-size:44px}
.answer-product-copy{min-width:0}
.answer-product-copy h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:650;margin:0 0 8px}
.answer-product-copy p{font-size:13px;line-height:1.4;margin:0;color:#77818a}
.answer-all{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:20px;min-height:54px;border-radius:14px;border:1px solid #d9dfe3;background:#f6f8f9;color:#252b30;font-size:16px;font-weight:650;cursor:pointer}
.answer-all .ic{width:20px;height:20px;color:#7b858d}
/* "Ver más" cambia el panel por la lista completa: la vista entra deslizándose
   en vez de aparecer de golpe. */
@keyframes view-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.view-in{animation:view-in .3s var(--ease) both}
@media(prefers-reduced-motion:reduce){.view-in{animation:none}}
.answer-controls{margin-top:16px;padding:18px;background:#ffffffb8;border:1px solid #e5e9ec;border-radius:20px}
body.av-answer .answer-controls .av-mic{min-height:54px;font-size:17px;border-radius:13px;gap:10px;box-shadow:none}
.answer-controls .conversation-write{min-width:112px;font-size:14px!important;padding:0 14px!important}
.answer-next{font-size:11px;color:#899198;margin:13px 0 0;line-height:1.5;text-align:center}
.answer-controls .av-ask{margin:12px 0 0;padding:6px 8px 6px 14px;box-shadow:none;border:1px solid #dce2e6;border-radius:12px;max-width:none;gap:8px}
.answer-controls .av-ask input{font-size:14px;min-height:42px;padding:4px 0;min-width:0}
.answer-send{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:#b41723;min-height:40px;padding:0 8px}
.answer-send .ic{width:15px;height:15px}
body.av-answer .av-fab{display:none}
body.av-answer main .say{box-shadow:none;border:0;background:transparent;padding:0;border-radius:0;font-size:clamp(19px,2vw,26px);line-height:1.45;font-weight:500}
body.av-answer .say>small:first-child{font-size:10px;letter-spacing:1.8px;color:#9d6367;margin-bottom:12px}
@media(min-width:761px){body.av-answer #view{padding:12px 0 24px}}
@media(max-width:760px){
 .answer-card{padding:18px;border-radius:18px}.answer-heading{margin-bottom:16px}
 .answer-product{gap:14px}
 .answer-photo,.answer-product .noimg{width:78px;height:84px;border-radius:14px}.answer-product .noimg{font-size:32px}
 .answer-product-copy h3{font-size:16px}.answer-product-copy p{font-size:12px}
 .answer-all{margin-top:16px;min-height:48px;border-radius:12px;font-size:14px}
 .answer-controls{padding:12px;border-radius:16px;margin-top:12px}
 body.av-answer .answer-controls .av-mic{font-size:14px;min-height:50px}
 .answer-controls .conversation-write{min-width:92px;font-size:13px!important}
 body.av-answer main .say{margin:0 20px 18px;font-size:16px}
 .answer-next{font-size:10px}
}
/* Clarifying is one conversation step, without an empty location card. */
.store-answer.is-clarifying .answer-controls{
  margin-top:0;padding:18px;background:#fff;border:1px solid #e3e8eb;border-radius:18px;
  box-shadow:0 8px 28px #26343e05;
}
body.av-answer:has(.is-clarifying) main .say{
  font-size:clamp(21px,1.9vw,29px);line-height:1.4;letter-spacing:-.6px;font-weight:600;
}
body.av-answer:has(.is-clarifying) .say>small:first-child{margin-bottom:14px;font-size:10px;color:#a1686d;letter-spacing:1.8px}
.is-clarifying .answer-next{margin:14px 0 0;text-align:left;color:#78848d;font-size:12px;line-height:1.5}
body.av-answer .is-clarifying .av-mic{font-size:16px;min-height:52px;border-radius:12px;background:#bd1924}
.is-clarifying .conversation-write{min-height:52px;border-radius:12px;border-color:#d8dfe3;background:#fafbfc}
@media(max-width:760px){
 body.av-answer:has(.is-clarifying) main .say{font-size:19px;line-height:1.4;text-align:left;margin:4px 20px 18px;letter-spacing:-.4px}
 .store-answer.is-clarifying .answer-controls{padding:14px;border-radius:16px}
 .is-clarifying .answer-next{font-size:11px;margin-top:12px}
}
body.av-answer .say #avVoiceStatus{font-size:11px;font-weight:400;letter-spacing:0;line-height:1.5;margin:12px 0 0;color:#8b6265}

/* La lista de alternativas vive dentro de la columna del asesor, que tiene
   alto fijo. Sin scroll, la tarjeta recorta todas las opciones menos la
   primera; con alternativas explícitas la columna debe desplazarse. */
body.av-answer #view:has(.store-answer){display:block;overflow-y:auto;padding-bottom:24px}