refactor: remove unused code

components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css

@@ -7,41 +7,8 @@
   padding-top: 0;
 }
 
-.firstColumn {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 50%;
-  z-index: 1;
-}
-
-.secondColumn {
-  position: absolute;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  margin-bottom: calc(var(--Spacing-x2) * -1);
-  left: 50%;
-  right: 0;
-  z-index: 1;
-  border-top-left-radius: var(--Corner-radius-Medium);
-}
-
 @media screen and (min-width: 950px) {
   .benefitCardWrapper {
     grid-column: 1/4;
   }
-
-  .firstColumn {
-    width: calc((100%) / 3);
-    right: calc(100% / 3 * 2);
-    margin-left: 0;
-  }
-
-  .secondColumn {
-    width: calc(100% / 3);
-    left: calc(100% / 3);
-    right: calc(100% / 3);
-  }
 }

components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/index.tsx

@@ -24,8 +24,6 @@ export default function BenefitList({ levels }: BenefitListProps) {
       const levelBenefits = levels.map((level) => level.benefits[idx])
       return (
         <div key={benefit.name} className={styles.benefitCardWrapper}>
-          <div className={styles.firstColumn} />
-          <div className={styles.secondColumn} />
           <BenefitCard
             title={benefit.name}
             description={benefit.description}

components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css

@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   gap: var(--Spacing-x-half);
-  padding: 0 1rem 0 1rem;
+  padding: 0 var(--Spacing-x4) 0 var(--Spacing-x4);
   text-wrap: balance;
 }
 

components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css

@@ -28,7 +28,7 @@
 }
 
 .td {
-  border: 1px solid var(--Scandic-Brand-Pale-Peach);
+  border: 1px solid var(--Scandic-Beige-20);
   border-left: none;
   border-right: none;
   font-size: var(--typography-Footnote-Regular-fontSize);
@@ -36,7 +36,7 @@
 }
 
 .benefitTh {
-  border: 1px solid var(--Scandic-Brand-Pale-Peach);
+  border: 1px solid var(--Scandic-Beige-20);
   border-right: none;
   padding: var(--Spacing-x3) var(--Spacing-x2);
   font-size: var(--typography-Caption-Regular-fontSize);

components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css

@@ -66,7 +66,6 @@
 }
 
 .columnHeader:nth-child(2) {
-  background-color: var(--Base-Background-Normal);
   padding-left: var(--Spacing-x1);
   border-top-left-radius: var(--Corner-radius-Medium);
 }