diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e342ab5..9ba2aed 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Pervan Instalacije - Vodoinstalater Zagreb 24/7",  description: "Hitni vodoinstalater Zagreb. Dostupni 24 sata. Popravci cijevi, WC-a, odvoda. Brza intervencija, pouzdano rješenje."};
+  title: "Pervan Instalacije - Vodoinstalater Zagreb 24/7",  description: "Hitni vodoinstalater Zagreb. Dostupni 24 sata. Popravci cijevi, WC-a, odvoda. Brza intervencija, pouzdano rješenje."
+};
 
 export default function RootLayout({
   children,
@@ -13,8 +14,28 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+                  document.documentElement.style.setProperty('--vw', (vw / 100) + 'px');
+                } catch (e) {}
+              })();
+              window.addEventListener('resize', function() {
+                try {
+                  const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+                  document.documentElement.style.setProperty('--vw', (vw / 100) + 'px');
+                } catch (e) {}
+              });
+            `,
+          }}
+        />
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
