/* mobile.css — samarhabib.net responsive layer */
@media (max-width: 820px){
  html{ -webkit-text-size-adjust:100%; }
  body{ overflow-x:hidden; }
  img{ max-width:100%; }
  [data-m~="px"]{ padding-left:20px!important; padding-right:20px!important; }
  [data-m~="gcol"]{ grid-template-columns:1fr!important; }
  [data-m~="fwrap"]{ flex-wrap:wrap!important; }
  [data-m~="gap"]{ gap:22px!important; }
  [data-m~="nw"]{ white-space:normal!important; }
  [data-m~="mt"]{ margin-top:26px!important; }
  [data-m~="vh"]{ min-height:560px!important; }
  [data-m~="pb28"]{ padding-bottom:28px!important; }
  [data-m~="pb38"]{ padding-bottom:38px!important; }
  [data-m~="pb48"]{ padding-bottom:48px!important; }
  [data-m~="pb56"]{ padding-bottom:56px!important; }
  [data-m~="pt28"]{ padding-top:28px!important; }
  [data-m~="pt38"]{ padding-top:38px!important; }
  [data-m~="pt48"]{ padding-top:48px!important; }
  [data-m~="pt56"]{ padding-top:56px!important; }
  [data-mf="26"]{ font-size:18px!important; }
  [data-mf="27"]{ font-size:18px!important; }
  [data-mf="28"]{ font-size:19px!important; }
  [data-mf="29"]{ font-size:20px!important; }
  [data-mf="30"]{ font-size:20px!important; }
  [data-mf="32"]{ font-size:21px!important; }
  [data-mf="33"]{ font-size:22px!important; }
  [data-mf="34"]{ font-size:22px!important; }
  [data-mf="40"]{ font-size:26px!important; }
  [data-mf="42"]{ font-size:27px!important; }
  [data-mf="45"]{ font-size:28px!important; }
  [data-mf="46"]{ font-size:28px!important; }
  [data-mf="48"]{ font-size:29px!important; }
  [data-mf="52"]{ font-size:31px!important; }
  [data-mf="66"]{ font-size:34px!important; }
  [data-mf="68"]{ font-size:34px!important; }
  [data-mf="74"]{ font-size:36px!important; }
  [data-mf="84"]{ font-size:38px!important; }
  [data-mf="88"]{ font-size:40px!important; }
  [data-mf="96"]{ font-size:42px!important; }
  [data-mf="120"]{ font-size:44px!important; }
  [data-mf="122"]{ font-size:44px!important; }
}
@media (max-width: 480px){
  [data-m~="px"]{ padding-left:16px!important; padding-right:16px!important; }
}

/* deck viewers */
@media (max-width: 820px){
  .sh-arrow{ width:44px!important; height:44px!important; top:auto!important; bottom:16px!important; transform:none!important; }
  .sh-arrow[data-deck-nav="prev"]{ left:calc(50% - 62px)!important; }
  .sh-arrow[data-deck-nav="next"]{ right:calc(50% - 62px)!important; }
}
@media (max-width: 820px) and (orientation: portrait){
  .deck-rotate{ display:block!important; }
}