/* Trợ lý chăm sóc da HADO */
.aic-fab{position:fixed;left:14px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:46;display:flex;align-items:center;gap:8px;height:50px;padding:0 18px 0 14px;border:0;border-radius:25px;background:var(--cta);color:#fff;font-weight:600;font-size:14px;box-shadow:0 6px 18px rgba(90,56,18,.28);cursor:pointer;transition:transform 160ms var(--ease-out,ease),background-color 150ms ease}
.aic-fab:hover{background:var(--cta-hover)}
.aic-fab:active{transform:scale(.96)}
.aic-fab.is-hidden{transform:translateY(140%);pointer-events:none}

.aic{position:fixed;z-index:80;left:0;right:0;bottom:0;height:min(86vh,680px);display:flex;flex-direction:column;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(43,33,24,.22);overflow:hidden;transform-origin:bottom center;animation:aic-in 260ms var(--ease-drawer,ease) both}
.aic[hidden],.aic__chips[hidden],.aic__consent[hidden]{display:none}
body.aic-on .float-chat{display:none}
@keyframes aic-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.aic__head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--cream);border-bottom:1px solid var(--line)}
.aic__avatar{flex:none;width:38px;height:38px;border-radius:19px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:19px}
.aic__who{flex:1;min-width:0;line-height:1.3}
.aic__who b{display:block;font-size:15px}
.aic__who small{color:var(--text-2);font-size:12px}
.aic__x{flex:none;width:40px;height:40px;border:0;background:transparent;border-radius:20px;font-size:18px;cursor:pointer;color:var(--text-2)}
.aic__x:hover{background:var(--cream-2)}

.aic__log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain;background:#fff}
.aic__msg{max-width:86%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.5;word-wrap:break-word;animation:aic-msg 220ms var(--ease-out,ease) both}
@keyframes aic-msg{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
.aic__msg--bot{align-self:flex-start;background:var(--cream);border-bottom-left-radius:6px}
.aic__msg--me{align-self:flex-end;background:var(--cta);color:#fff;border-bottom-right-radius:6px}
.aic__msg--me a{color:#fff;text-decoration:underline}
.aic__msg p{margin:0 0 6px}.aic__msg p:last-child{margin:0}
.aic__msg ul{margin:4px 0 6px;padding-left:18px}
.aic__msg li{margin:2px 0}
.aic__msg a{font-weight:600;text-decoration:underline;text-underline-offset:2px}
.aic__msg img{border-radius:10px;max-width:180px;margin-bottom:6px}
.aic__msg--err{background:var(--warn-bg);color:var(--warn)}
.aic__typing{display:inline-flex;gap:4px;padding:4px 2px}
.aic__typing i{width:7px;height:7px;border-radius:4px;background:var(--accent);opacity:.4;animation:aic-dot 1s infinite}
.aic__typing i:nth-child(2){animation-delay:.15s}.aic__typing i:nth-child(3){animation-delay:.3s}
@keyframes aic-dot{0%,100%{opacity:.25;transform:none}50%{opacity:1;transform:translateY(-3px)}}

.aic__chips{display:flex;gap:8px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}
.aic__chips::-webkit-scrollbar{display:none}
.aic__chip{flex:none;border:1.5px solid var(--line-2);background:#fff;border-radius:18px;padding:7px 13px;font-size:13px;cursor:pointer;white-space:nowrap;color:var(--text)}
.aic__chip:hover{border-color:var(--accent)}
.aic__chip--cam{border-color:var(--accent);background:var(--cream);font-weight:600;color:var(--dark)}

.aic__consent{margin:0 14px 12px;padding:14px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--cream);font-size:13.5px}
.aic__consent b{font-size:14.5px}
.aic__consent p{margin:6px 0}
.aic__check{display:flex;gap:8px;align-items:flex-start;margin:10px 0 6px;font-weight:600;cursor:pointer}
.aic__check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--cta);flex:none}
.aic__tip{color:var(--text-2);font-size:12.5px}
.aic__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.aic__row .btn{min-height:40px;padding:0 14px;font-size:14px}
.aic__row .btn:disabled{opacity:.45;cursor:not-allowed}
.aic__link{border:0;background:none;color:var(--text-2);text-decoration:underline;cursor:pointer;font-size:13.5px;padding:8px}
.aic__link--light{color:#fff}

.aic__cam{position:absolute;inset:0;z-index:2;background:#000;display:flex;flex-direction:column}
.aic__cam[hidden]{display:none}
.aic__cam video{flex:1;width:100%;min-height:0;object-fit:cover}
.aic__cam video.is-mirror{transform:scaleX(-1)}
.aic__guide{position:absolute;left:50%;top:44%;width:62%;max-width:280px;aspect-ratio:3/4;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.7);border-radius:48%}
.aic__camctl{display:flex;align-items:center;justify-content:space-between;padding:16px 18px calc(16px + env(safe-area-inset-bottom));background:#000}
.aic__shutter{width:66px;height:66px;border-radius:33px;border:4px solid #fff;background:rgba(255,255,255,.25);cursor:pointer;transition:transform 120ms ease}
.aic__shutter:active{transform:scale(.92)}

.aic__form{border-top:1px solid var(--line);padding:10px 12px calc(8px + env(safe-area-inset-bottom));background:#fff}
.aic__bar{display:flex;align-items:flex-end;gap:6px}
.aic__bar textarea{flex:1;min-width:0;resize:none;border:1.5px solid var(--line-2);border-radius:20px;padding:10px 14px;font-size:16px;line-height:1.35;max-height:120px;outline:none}
.aic__bar textarea:focus{border-color:var(--accent)}
.aic__icon,.aic__send{flex:none;width:44px;height:44px;border-radius:22px;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.aic__icon{background:var(--cream);color:var(--dark)}
.aic__send{background:var(--cta);color:#fff}
.aic__send:disabled{opacity:.5;cursor:wait}
.aic__thumb{position:relative;display:inline-block;margin:0 0 8px 50px}
.aic__thumb[hidden]{display:none}
.aic__thumb img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.aic__thumb button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:12px;border:0;background:var(--text);color:#fff;font-size:12px;cursor:pointer}
.aic__foot{margin:6px 0 0;text-align:center;font-size:11.5px;color:var(--text-2)}
.aic__foot a{text-decoration:underline}

/* Chế độ trắc nghiệm miễn phí */
.aic--quiz .aic__form{display:none}
.aic--quiz.aic--talk .aic__form{display:block}
.aic--talk .aic__chips{border-top:0;padding-top:4px}
.aic--quiz .aic__chips{flex-wrap:wrap;overflow:visible;padding:4px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);padding-top:12px}
.aic--quiz .aic__chip{white-space:normal;text-align:left;font-size:14px;padding:9px 14px}
.aic--quiz a.aic__chip{text-decoration:none;display:inline-flex;align-items:center}
.aic__msg p b{color:var(--dark)}
.aic__note{font-size:12.5px;color:var(--text-2);margin-top:8px!important}

@media (min-width:768px){
  .aic-fab{left:auto;right:84px;bottom:24px}
  .aic{left:auto;right:24px;bottom:24px;width:390px;height:min(640px,calc(100vh - 48px));border-radius:18px;box-shadow:0 18px 50px rgba(43,33,24,.25)}
}
/* Trang Soi da: khung nhắn tin rộng nằm trong trang */
.aic.aic--inline{position:relative;left:auto;right:auto;bottom:auto;width:auto;height:min(78vh,720px);min-height:520px;border-radius:18px;border:1px solid var(--line-2);box-shadow:0 10px 30px rgba(90,56,18,.10);animation:none;z-index:1}
.aic--inline .aic__x{display:none}
.soi-page{padding-bottom:28px}
.soi-page__head{padding:8px 0 14px}
.soi-page__head h1{font-size:26px;margin:0 0 6px}
.soi-page__head p{margin:0;color:var(--text-2);max-width:640px}
.soi-page__grid{display:grid;gap:20px}
.soi-page__side{background:var(--cream);border-radius:16px;padding:18px}
.soi-page__side h2{font-size:17px;margin:0 0 8px}
.soi-page__side p{margin:0 0 14px;font-size:14px}
.soi-page__steps{margin:0 0 16px;padding-left:20px;font-size:14px}
.soi-page__steps li{margin:0 0 6px}
.soi-page__contact{display:grid;gap:10px;margin:0 0 14px}
.soi-page__note{font-size:12.5px!important;color:var(--text-2)}
.aic-fab[hidden]{display:none}
nav a[href*="pages/soi-da"]{color:var(--cta);font-weight:700}
.nav a[href*="pages/soi-da"]{margin:6px 0 6px 6px;padding:6px 14px;border-radius:18px;background:var(--cream-2)}
.nav a[href*="pages/soi-da"]:hover{background:var(--cta);color:#fff}
@media (min-width:900px){.soi-page__grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.aic.aic--inline{height:min(76vh,720px)}}

@media (prefers-reduced-motion:reduce){
  .aic,.aic__msg{animation:none}
  .aic__typing i{animation:none;opacity:.7}
  .aic-fab{transition:none}
}