resources/views/north_checkout.blade.php

@@ -1,21 +1,6 @@
 @extends('layouts.app')
 
 @section('content')
-<style>
-    #checkout-container {
-        height: 900px;
-        width: 100%;
-        margin-top: 20px;
-        overflow: hidden;
-    }
-    
-    /* Force the generated iframe to fill the container exactly */
-    #checkout-container iframe {
-        width: 100% !important;
-        height: 100% !important;
-        border: none !important;
-    }
-</style>
 <div class="container">
     <div class="row">
         <div class="col-md-8 col-md-offset-2">
@@ -26,7 +11,7 @@
                     <h4>Total Amount Due: ${{ number_format($total_cost, 2) }}</h4>
                     <hr>
                     
-                    <div id="checkout-container">
+                    <div id="checkout-container" style="height: 100vh; overflow: hidden;">
                         <div class="text-center">
                             <p>Loading secure checkout...</p>
                             <div class="spinner-border" role="status">