/* Patiyiz iPhone comment @mention layout repair, 30 October 2026.
   Search lives ABOVE (never inside) the four-column comment composer. */
#modal-root #comment-form .modal-footer > .pati-mention-picker{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 flex:0 0 auto!important;
 align-self:stretch!important;
 box-sizing:border-box!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 max-height:min(38dvh,290px)!important;
 overflow:hidden!important;
 margin:3px 0 2px!important;
 padding:12px!important;
 gap:8px!important;
 border:1px solid color-mix(in srgb,currentColor 20%,transparent)!important;
 border-radius:17px!important;
 color:inherit!important;
 background:color-mix(in srgb,currentColor 7%,transparent)!important;
 box-shadow:0 5px 18px #00000016;
 z-index:3!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-header{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:27px;min-width:0;gap:12px;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-header strong{
 font-size:14px!important;line-height:1.4!important;white-space:nowrap;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-close{
 display:grid!important;place-items:center!important;
 flex:0 0 30px!important;width:30px!important;height:30px!important;
 min-width:30px!important;min-height:30px!important;padding:0!important;
 border:0!important;border-radius:50%!important;
 background:color-mix(in srgb,currentColor 12%,transparent)!important;
 color:inherit!important;font-size:24px!important;line-height:1!important;
 cursor:pointer;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-search-label{
 display:block!important;margin:0!important;min-width:0!important;
 font-size:12px!important;font-weight:700!important;line-height:1.3!important;
}
#comment-form .modal-footer > .pati-mention-picker input.pati-mention-search{
 display:block!important;box-sizing:border-box!important;
 flex:0 0 43px!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:43px!important;height:43px!important;
 margin:0!important;padding:8px 12px!important;
 border:1px solid color-mix(in srgb,currentColor 23%,transparent)!important;
 border-radius:11px!important;
 background:color-mix(in srgb,currentColor 5%,transparent)!important;
 color:inherit!important;
 font-size:16px!important;line-height:1.4!important;
}
#comment-form .modal-footer > .pati-mention-picker input.pati-mention-search::placeholder{
 color:inherit!important;opacity:.56!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-results{
 display:flex!important;flex-direction:column!important;
 flex:1 1 auto!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 min-height:0!important;max-height:170px!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
 gap:2px!important;padding:0!important;margin:0!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person{
 display:flex!important;align-items:center!important;gap:10px!important;
 flex:0 0 auto!important;
 box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:50px!important;
 border:0!important;border-radius:10px!important;
 margin:0!important;padding:7px 9px!important;
 color:inherit!important;background:transparent!important;
 text-align:left!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person:active{
 background:color-mix(in srgb,currentColor 11%,transparent)!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person .avatar{
 display:flex!important;align-items:center;justify-content:center;
 flex:0 0 37px!important;
 width:37px!important;height:37px!important;min-width:37px!important;
 max-width:37px!important;max-height:37px!important;
 border-radius:50%!important;overflow:hidden!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person .avatar img{
 width:100%!important;height:100%!important;object-fit:cover!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person-name{
 display:flex!important;flex-direction:column!important;gap:2px!important;
 flex:1 1 auto!important;
 min-width:0!important;max-width:100%!important;overflow:hidden!important;
 text-align:left!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person-name strong,
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person-name small{
 display:block!important;width:100%!important;min-width:0!important;
 overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
 font-size:13px!important;line-height:1.35!important;color:inherit!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person-name small{
 font-size:11px!important;opacity:.7!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-empty{
 margin:0;padding:11px 6px;font-size:13px;opacity:.75;
}
#comment-form .modal-footer:has(> .pati-mention-picker) .pati-comment-quick{
 display:none!important;
}
#comment-form .modal-footer > .pati-mention-picker .pati-mention-close:focus-visible,
#comment-form .modal-footer > .pati-mention-picker .pati-mention-person:focus-visible{
 outline:2px solid currentColor!important;outline-offset:-2px!important;
}
@media(max-width:740px){
 #modal-root #comment-form .modal-footer > .pati-mention-picker{
  max-height:min(33dvh,240px)!important;padding:10px!important;
 }
 #comment-form .pati-comment-editor-row{
  box-sizing:border-box!important;max-width:100%!important;min-width:0!important;gap:7px!important;
 }
 #comment-form .pati-comment-editor-row textarea{
  flex:1 1 auto!important;min-width:0!important;
 }
 html.pati-keyboard-open #modal-root .modal-backdrop.pati-instagram-comments-backdrop{
  inset:0 0 var(--pati-keyboard-inset,0px) 0!important;
 }
 html.pati-keyboard-open #modal-root .modal.pati-instagram-comments{
  height:min(75dvh,calc(100dvh - var(--pati-keyboard-inset,0px) - 12px))!important;
  max-height:calc(100dvh - var(--pati-keyboard-inset,0px) - 12px)!important;
 }
 html.pati-keyboard-open #modal-root #comment-form .modal-footer > .pati-mention-picker{
  max-height:min(30dvh,220px)!important;
 }
}
@media(max-width:360px){
 #comment-form .pati-comment-editor-row .pati-comment-me .avatar{
  width:31px!important;height:31px!important;min-width:31px!important;
 }
 #comment-form .pati-comment-editor-row .pati-comment-send{
  padding:8px!important;
 }
}