/* afrah-fs-092 */
/* 2.11 — «اسأل فرحة»: نافذة صغيرة بتكبر لحالها (جوال)، ونفس النافذة العائمة بالكمبيوتر. */
.fh2{--fh2-bg:var(--s1,#16120d);--fh2-ln:var(--ln,#2E271D);--fh2-gl:var(--gl,#E8CF8A);--fh2-mu:var(--mu,#9A8F7B)}
.fh2 .fh-h{position:relative;gap:9px;padding:6px 12px 8px;border-bottom:1px solid var(--fh2-ln)}
.fh2 .fh-h .fh-av.pic{width:38px;height:38px}
.fh2 .fh-sp small{color:#4fbf7a!important}
.fh2 .fh-ib{width:34px;height:34px;padding:0}
.fh2 .fh-ib svg{width:16px;height:16px}
.fh2-back{display:none;width:32px;height:32px;padding:0;border:0;background:none;color:inherit;place-items:center;cursor:pointer;flex:none}
.fh2-back svg{width:21px;height:21px}
.fh2-grab{display:none}
.fh2-menu{position:absolute;top:calc(100% - 4px);inset-inline-end:12px;z-index:3;display:grid;min-width:210px;padding:5px;border-radius:14px;background:#221c15;border:1px solid var(--fh2-ln);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.fh2-menu[hidden]{display:none}
.fh2-menu button{border:0;background:none;color:#EFE7D6;text-align:start;padding:9px 11px;border-radius:10px;font:inherit;font-size:13px;cursor:pointer}
.fh2-menu button:hover,.fh2-menu button:focus-visible{background:#2c251c}
.fh2-menu button[hidden]{display:none}
.fh2 .fh-b{display:flex;flex-direction:column;padding:10px 12px 6px}
.fh2 .fh-m{animation:fh2In .22s ease-out}
.fh2 .fh-m.u{align-self:flex-end;border-radius:18px 18px 6px 18px}
.fh2 .fh-m.a{align-self:flex-start;border-radius:18px 18px 18px 6px}
.fh2 .fh-typing{align-self:flex-start}
@keyframes fh2In{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Her suggestions: a row of cards that slides sideways. */
.fh2 .fh-cards{flex-direction:row;overflow-x:auto;max-width:100%;gap:8px;padding-bottom:2px;scrollbar-width:none;align-self:stretch}
.fh2 .fh-cards::-webkit-scrollbar{display:none}
.fh2 .fh-card{flex:0 0 156px;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
.fh2 .fh-card img,.fh2 .fh-card i{width:100%;height:auto;aspect-ratio:16/10;border-radius:0}
.fh2 .fh-card span{padding:6px 8px 8px;min-width:0}
.fh2 .fh-card b{font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fh2 .fh-card small{font-size:10.5px}
/* Quick questions right above the input. */
.fh2-qr{display:flex;gap:6px;overflow-x:auto;padding:2px 12px 8px;flex:none;scrollbar-width:none}
.fh2-qr::-webkit-scrollbar{display:none}
.fh2-qr[hidden]{display:none}
.fh2-qr .fh-chip{flex:none;white-space:nowrap;margin:0;font-size:12.5px;border-radius:999px;padding:5px 12px}
/* Input row: field · mic (when empty) or send. */
.fh2 .fh-form{align-items:center}
.fh2 .fh-form textarea{font-size:16px;border-radius:22px;padding:9px 14px;min-height:42px}
.fh2 .fh-send,.fh2-mic{width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;padding:0;flex:none;cursor:pointer}
.fh2 .fh-send svg,.fh2-mic svg{width:19px;height:19px}
.fh2 .fh-send[hidden],.fh2-mic[hidden]{display:none}
.fh2-mic{background:#241e17;color:var(--fh2-gl)}
.fh2-mic.on{background:#e2574c;color:#fff;animation:fh2Mic 1s ease-in-out infinite}
@keyframes fh2Mic{50%{box-shadow:0 0 0 8px rgba(226,87,76,.18)}}
.fh2 .fh-left:empty{display:none}
.fh2-dim{display:none}

@media (max-width:699px){
	.v3 .fh.fh2,.fh.fh2{top:auto;bottom:var(--kb,0px);height:var(--fh2-h,46%);max-height:calc(100% - var(--kb,0px) - 12px);border-radius:24px 24px 0 0;border-top:1px solid rgba(201,162,74,.45);box-shadow:0 -14px 40px rgba(0,0,0,.55);transition:transform .3s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1),border-radius .3s}
	.v3 .fh.fh2.big,.fh.fh2.big{top:0;height:auto;max-height:none;border-radius:0;border-top:0}
	.fh.fh2.drag{transition:none}
	.fh2-grab{display:block;width:38px;height:4px;border-radius:4px;background:#4a3f31;margin:7px auto 0;flex:none;touch-action:none}
	.fh2.big .fh2-grab{display:none}
	.fh2.big .fh2-back{display:grid}
	.fh2 .fh-h{touch-action:none}
	.fh2:not(.big) .fh-h{padding-top:4px}
	.fh2.big .fh-h{padding-top:calc(8px + env(safe-area-inset-top,0px))}
	.fh2.kb .fh-f{padding-bottom:8px}
	.fh2-dim{display:block;position:fixed;inset:0;z-index:9989;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s}
	.fh2-dim.on{opacity:1;pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){.fh.fh2,.fh2 .fh-m,.fh2-mic.on{transition:none;animation:none}}