feat: toggle hero banner with ab class

Author: berezinant

blocks/main/hero/hero.module.css

@@ -110,8 +110,8 @@
     }
 
     .banner {
+        display: none;
         position: relative;
-        display: flex;
         justify-content: space-between;
         margin-top: 40px;
         width: 545px;
@@ -121,10 +121,6 @@
         background-color: rgba(126, 66, 255, 0.40);
         overflow: hidden;
 
-        @media (--ktl-ds) {
-            display: none;
-        }
-
         .bannerContent {
             text-align: left;
         }
@@ -156,6 +152,16 @@
     }
 }
 
+:global(.ab-hero-ktor) {
+    .banner {
+        display: flex;
+
+        @media (--ktl-ds) {
+            display: none;
+        }
+    }
+}
+
 .heroText {
     margin: 0;
     font-size: 72px;