diff --git a/src/components/BackToTop.tsx b/src/components/BackToTop.tsx
index 26e4475..8862809 100644
--- a/src/components/BackToTop.tsx
+++ b/src/components/BackToTop.tsx
@@ -31,7 +31,7 @@ export function BackToTop() {
           exit={{ opacity: 0, scale: 0.8, y: 8 }}
           transition={{ type: "spring", stiffness: 380, damping: 26 }}
           onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-          className="fixed bottom-[94px] right-4 z-30 flex h-11 w-11 items-center justify-center rounded-full bg-ark-gold text-black shadow-lg shadow-black/40 outline-none transition hover:bg-ark-gold2 active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg md:bottom-8 md:right-8"
+          className="fixed bottom-[calc(94px+max(env(safe-area-inset-bottom),0px))] right-4 z-30 flex h-11 w-11 items-center justify-center rounded-full bg-ark-gold text-black shadow-lg shadow-black/40 outline-none transition hover:bg-ark-gold2 active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg md:bottom-8 md:right-8"
           aria-label={t("backToTop")}
           title={t("backToTop")}
         >
diff --git a/src/layouts/PublicLayout.tsx b/src/layouts/PublicLayout.tsx
index 748fbfd..2eb14c1 100644
--- a/src/layouts/PublicLayout.tsx
+++ b/src/layouts/PublicLayout.tsx
@@ -411,7 +411,7 @@ export function PublicLayout() {
   }, [mobileSearchOpen]);
 
   return (
-    <div className="min-h-full flex flex-col">
+    <div className="flex min-h-[100dvh] flex-col bg-ark-bg">
       <DocumentMeta />
       <header className="sticky top-0 z-40 select-none bg-[#08070c] backdrop-blur-md md:border-b md:border-ark-line md:bg-ark-nav/98">
         <div className="flex h-[64px] items-center justify-between bg-[#08070c] px-4 py-3 md:hidden">
@@ -694,7 +694,7 @@ export function PublicLayout() {
       ) : null}
 
       <main
-        className={`mx-auto w-full max-w-[1280px] ${
+        className={`mx-auto w-full max-w-[1280px] max-md:pb-[calc(78px+max(env(safe-area-inset-bottom),0px)+1.5rem)] ${
           isHome
             ? "flex-1 px-0 pb-6 pt-0 md:px-9 md:pb-10 md:pt-10 xl:px-0"
             : footerInContentFlow
@@ -715,7 +715,7 @@ export function PublicLayout() {
         </AnimatePresence>
       </main>
 
-      <nav className="sticky inset-x-0 bottom-0 z-40 select-none bg-[#0C0D0F]/90 backdrop-blur md:hidden">
+      <nav className="fixed inset-x-0 bottom-0 z-40 select-none bg-[#0C0D0F]/95 pb-[max(env(safe-area-inset-bottom),0px)] backdrop-blur md:hidden">
         <div className="grid h-[78px] grid-cols-4 gap-3 px-5 py-4 text-center text-[11px] leading-[17.6px]">
           <BottomNavIcon
             to="/"