

/* ==== ASK HU (My Kitchen) ================================================= */
#akSheet.ak-bg{
  position:fixed; inset:0; z-index:10023; background:rgba(30,36,30,.44);
  display:flex; align-items:center; justify-content:center; padding:20px;
  font-family:'Nunito',system-ui,sans-serif;
}
#akSheet .ak-box{
  position:relative; width:min(620px,100%); max-height:90vh; overflow:auto;
  background:#FFFDF9; border:1px solid #E7E2D6; border-radius:24px; padding:26px 24px 20px;
  box-shadow:0 26px 64px rgba(30,36,30,.24);
}
#akSheet .ak-x{
  position:absolute; top:14px; right:14px; width:38px; height:38px; border-radius:50%;
  border:1px solid #E7E2D6; background:#fff; cursor:pointer;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#akSheet .ak-t{
  margin:0 40px 6px 0; font-family:'Playfair Display',Georgia,serif; font-size:1.32rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#akSheet .ak-l{ margin:0 0 16px; font-size:.88rem; line-height:1.55; max-width:56ch;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#akSheet .ak-askrow{ display:flex; gap:10px; flex-wrap:wrap; }
#akSheet .ak-i{
  flex:1; min-width:180px; box-sizing:border-box; min-height:48px;
  border:1px solid #E4DFD2; border-radius:14px; padding:12px 14px; font:inherit; font-size:.92rem;
  background:#fff; color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#akSheet .ak-btn, #akSheet .ak-mini{
  cursor:pointer; font:inherit; font-weight:800; border-radius:999px;
  background:#fff !important; border:1px solid #DDD7C9 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#akSheet .ak-btn{ font-size:.88rem; padding:12px 22px; min-height:48px; }
#akSheet .ak-mini{ font-size:.78rem; padding:9px 14px; min-height:42px; margin-top:10px; }
#akSheet .ak-btn.is-primary{ background:#4E6640 !important; border-color:#4E6640 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
#akSheet .ak-sugs{ display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
#akSheet .ak-sug{
  cursor:pointer; font:inherit; font-size:.8rem; font-weight:700; border-radius:999px;
  padding:10px 14px; min-height:44px;
  background:#F4F6F1 !important; border:1px solid #DCE5D6 !important;
  color:#41533C !important; -webkit-text-fill-color:#41533C !important;
}
#akSheet .ak-sug:hover{ background:#E6EDE1 !important; }
#akSheet .ak-answers{ display:grid; gap:12px; margin-top:18px; }
#akSheet .ak-a{ background:#fff; border:1px solid #E8E4DC; border-radius:18px; padding:16px 18px; }
#akSheet .ak-q{
  margin:0 0 8px; font-size:.92rem; font-weight:800;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important;
}
#akSheet .ak-at{
  margin:0 0 10px; font-size:1rem; font-weight:800;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#akSheet .ak-sub{
  margin:12px 0 4px; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#4E5A49 !important; -webkit-text-fill-color:#4E5A49 !important;
}
#akSheet .ak-list{ list-style:none; margin:0; padding:0; display:grid; gap:6px; }
#akSheet .ak-list li{
  background:#FBFAF8; border:1px solid #EFEAE0; border-radius:12px; padding:10px 13px;
  font-size:.88rem; line-height:1.5;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#akSheet .ak-d{ font-size:.8rem; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#akSheet .ak-p{ margin:0 0 10px; font-size:.88rem; line-height:1.55;
  color:#4A5462 !important; -webkit-text-fill-color:#4A5462 !important; }
#akSheet .ak-link{
  cursor:pointer; font:inherit; font-size:.8rem; font-weight:800; border-radius:999px;
  padding:9px 14px; min-height:42px; margin-top:10px;
  background:#fff !important; border:1px solid #E4DFD2 !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#akSheet .ak-src{
  margin:10px 0 0; font-size:.76rem;
  color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important;
}
#akSheet .ak-note{
  margin:16px 0 0; padding:12px 14px; background:#F4F6F1; border:1px solid #E2E8DD; border-radius:14px;
  font-size:.79rem; line-height:1.55;
  color:#4A5442 !important; -webkit-text-fill-color:#4A5442 !important;
}
#akSheet button:focus-visible, #akSheet .ak-i:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
@media (max-width:640px){
  #akSheet.ak-bg{ padding:0; align-items:flex-end; }
  #akSheet .ak-box{ width:100%; max-height:94vh; border-radius:24px 24px 0 0; padding:22px 16px 18px; }
  #akSheet .ak-askrow .ak-btn{ width:100%; }
}

