Dev

docs/developers/payments/checkout-sdk/android.mdx

@@ -58,7 +58,7 @@ The SDK is compatible with devices running Android 8 or higher (API version 26 o
     </div>
 
     ```swift
-    implementation("com.github.ottuco:ottu-android-checkout:2.2.4")
+    implementation("com.github.ottuco:ottu-android-checkout:2.2.6")
     ```
   </li>
 </ol>

docs/developers/payments/checkout-sdk/flutter.mdx

@@ -87,7 +87,7 @@ The SDK can be used on devices running **iOS 15** or higher.
     ottu_flutter_checkout:
       git:
         url: https://github.com/ottuco/ottu-flutter.git
-        ref: 2.2.5
+        ref: 2.2.7
     ```
   </li>
   <li className="stepper-item">
@@ -100,7 +100,7 @@ The SDK can be used on devices running **iOS 15** or higher.
 
     :::info
     If you choose to use CocoaPods, please use release version
-    **2.2.5-cocoapods**.
+    **2.2.7-cocoapods**.
     :::
   </li>
 </ol>

docs/developers/payments/checkout-sdk/ios.mdx

@@ -60,7 +60,7 @@ Add Ottu SDK as a dependency in `Package.swift`:
 
 ```swift
 dependencies: [
-    .package(url: "https://github.com/ottuco/ottu-ios.git", from: "2.2.8")
+    .package(url: "https://github.com/ottuco/ottu-ios.git", from: "2.2.12")
 ]
 ```
 
@@ -75,7 +75,7 @@ Or in Xcode:
 Add the following line to your **Podfile**:
 
 ```ruby
-pod 'ottu_checkout_sdk', :git => 'https://github.com/ottuco/ottu-ios.git', :tag => '2.2.8'
+pod 'ottu_checkout_sdk', :git => 'https://github.com/ottuco/ottu-ios.git', :tag => '2.2.12'
 ```
 
 **Run:**

src/components/StepGuide/styles.module.css

@@ -198,25 +198,33 @@
 }
 
 .descriptionStack {
-  display: grid;
+  position: relative;
 }
 
 .stepDescription {
-  grid-row: 1;
-  grid-column: 1;
   font-size: 14px;
   color: var(--ifm-font-color-base);
   line-height: 1.6;
   margin: 0;
 }
 
+/* Active slide stays in normal flow so the carousel sizes to the
+   current step's content — not to the tallest step. */
 .stepDescriptionActive {
+  position: relative;
   opacity: 1;
   visibility: visible;
   transition: opacity 0.25s ease;
 }
 
+/* Hidden slides are pulled out of flow so they don't inflate the
+   height (which left a large empty gap on shorter steps). They stay
+   stacked on top for the opacity crossfade. */
 .stepDescriptionHidden {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;