chore: test ads

Author: meroxdotdev

_sass/layout/_panel.scss

@@ -6,6 +6,7 @@
   top: 2rem;
   transition: top 0.2s ease-in-out;
   margin-top: 3rem;
+  position: relative; // adăugat pentru context absolut ads-panel
 
   &:only-child {
     position: -webkit-sticky;
@@ -14,23 +15,28 @@
 
   > section {
     @extend %panel-border;
-
     padding-left: 1rem;
 
     &:not(:first-child) {
       margin-top: 4rem;
     }
 
     &.ads-panel {
+      position: absolute;
+      top: 0;
+      right: 0;
       padding: 1rem;
       text-align: center;
       background-color: var(--panel-bg, #ffffff);
       border-radius: 0.25rem;
+      z-index: 1;
+      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
 
       .adsbygoogle {
+        width: 100%; // lăsăm Google să își regleze dimensiunea
         max-width: 100%;
-        width: 100%;
         overflow: hidden;
+        display: block;
       }
     }
   }
@@ -41,11 +47,9 @@
 }
 
 #panel-wrapper {
-  /* the headings */
   .panel-heading {
     font-family: inherit;
     line-height: inherit;
-
     @include mx.label(inherit);
   }