support : integration except products

assets/css/pages/dons/_section-donation.scss

@@ -0,0 +1,44 @@
+#section__donation{
+    display: flex;
+    flex-direction: column;
+ 
+
+
+    .btn--donation__container{
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-gap: var(--padding-body);
+        margin-bottom: calc(var(--spacing)*0.75);
+
+        .btn--donation__grow-2{
+            grid-column: span 2;
+        }
+    }
+
+
+    .btn--donation{
+        background-color: var(--color-txt);
+        color: var(--color-bg);
+        border-radius: var(--radius-small);
+        height: calc(var(--h-block)*2);
+
+        .bold{
+            font-size: var(--fs-medium);
+            font-weight: var(--fw-medium);
+            margin-bottom: 0.25em;
+        }
+
+        .small{
+            font-size: var(--fs-small);
+        }
+
+        &:hover{
+            background-color: var(--color-accent-50);
+            // outline: 4px solid var(--color-accent);
+            cursor: pointer;
+        }
+
+    }
+
+   
+}

assets/css/pages/dons/_section-hero.scss

@@ -0,0 +1,24 @@
+#section__hero{
+
+
+    .hero-heading__container{
+        text-align: center; 
+        margin-top: calc(var(--spacing)*1.5);
+        margin-bottom: calc(var(--spacing)*1.5);
+    }
+   
+
+
+    .btn--bold{
+        display: block;
+        margin: var(--spacing) auto;
+        margin-bottom:  calc(var(--spacing)*1.5);
+    }
+
+    .jauge__container{
+        margin-top: calc(var(--spacing)*1.5);
+    }
+    
+
+
+}

assets/css/pages/dons/_section-player.scss

@@ -0,0 +1,30 @@
+#section__player{
+
+    position: relative;
+    left: calc(var(--padding-body)*-1);
+
+    @media #{$small}{
+        width: 100vw;
+        // aspect-ratio: 1/1;
+        .player__container, .player__element, .player__iframe, iframe{
+            width: 100%;
+            height: 75vh;
+            overflow: hidden;
+        }
+
+    }
+
+    @media #{$small-up}{
+        position: relative;
+        width: 100vw;
+        height: 60vh;
+        .player__container, .player__element, .player__iframe, iframe{
+            width: 100%;
+            height: 60vh;
+            overflow: hidden;
+        }
+    }
+
+
+
+}

assets/css/pages/dons/_section-questions.scss

@@ -0,0 +1,78 @@
+#section__questions{
+    details{
+        border-bottom: var(--border);
+
+
+        summary{
+            height: calc(var(--h-block)*1);
+            display: flex; 
+            align-items: center;
+            justify-content: space-between;
+            cursor: pointer;
+
+            &::after{
+                content: "▶";
+                font-size: 0.8em;
+                color: var(--grey-400);
+            }
+        }
+
+        p{
+            padding-top: calc(var(--spacing)*0.25);
+            margin-bottom: var(--spacing);
+            border-top: var(--border);
+        }
+
+
+        &::details-content {
+
+            max-height: 0;
+            transition: max-height ease-in .5s;
+            overflow: hidden;
+
+            // display: grid;
+            // grid-template-rows: 0fr;
+            // overflow: hidden;
+            // transition: grid-template-rows 1s;
+          
+          }
+
+        &[open]{
+    
+          
+
+            &::details-content {
+                max-height: 1000px;
+                filter: none;
+              }
+    
+         
+            summary::after{
+                transform: rotate(90deg);
+                transform-origin: center;
+            }
+        } 
+    }
+
+
+
+    .btn--bold{
+        display: block;
+        margin: calc(var(--spacing) * 1.5) auto;
+        margin-bottom: 0;
+    }
+
+
+}
+
+
+// @keyframes fadeInDown {
+//     0% {
+//         opacity: 0;
+//         transform: translateY(-1.25em);
+//     }
+//     100% {
+//         opacity: 1;
+//         transform: translateY(0);
+//     }
+// }

assets/css/pages/dons/_section-socials.scss

@@ -0,0 +1,8 @@
+#section__socials{
+
+    .list-socials{
+        columns: 2;
+
+    }
+   
+}

assets/css/pages/dons/_section-store.scss

@@ -0,0 +1,40 @@
+#section__store{
+
+
+    .store__product{
+
+
+        margin-top: calc(var(--spacing)*1.5);
+        margin-bottom: calc(var(--spacing)*0.5);
+        position: relative;
+
+        figure{
+            aspect-ratio: 4/3;
+            background-color: var(--color-bg);
+            background-color: var(--data-bg); 
+            margin-bottom: calc(var(--spacing)*0.5);
+    
+    
+        }
+        img{
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+        }
+    
+        a{
+            text-decoration: none;
+        }
+
+        .link-block{
+            display: block;
+            height: 100%;
+            width: 100%;
+            position: absolute;
+            top: 0;
+            left: 0;
+            cursor: pointer;
+        }
+    }
+
+}

assets/css/pages/dons/_sections.scss

@@ -0,0 +1,14 @@
+.section__page-don:not(#section__player), .subsection__page-don{
+    border-bottom: var(--border);
+    padding-bottom: calc(var(--spacing)*2);
+}
+
+
+
+@media #{$small}{
+
+    #section__hero, #section__comments{
+        padding-bottom: calc(var(--spacing)*0.5)!important;
+    }
+
+}