Update Disney display theme to Mickey, including CSS adjustments for text alignment and color. Removed old Disney theme HTML file and updated references in the new theme. Enhanced layout and media queries for better responsiveness.

kr/assets/css/pdp_detail.scss

@@ -12,6 +12,16 @@
   &:first-child {
     margin-top: 0;
   }
+
+  .text-left {
+    text-align: left !important;
+  }
+  .text-center {
+    text-align: center !important;
+  }
+  .text-right {
+    text-align: right !important;
+  }
 }
 
 .comp_body {
@@ -4369,6 +4379,10 @@
         letter-spacing: -0.095rem;
         line-height: 1.3;
 
+        &.color-000 {
+          color: #000;
+        }
+
         @include tablet {
           margin: 1.2rem 0 3rem;
           font-size: 4.8rem;
@@ -4380,6 +4394,10 @@
         letter-spacing: -0.075rem;
         line-height: 1.5;
 
+        &.color-000 {
+          color: #000;
+        }
+
         br {
           display: none;
 
@@ -4460,12 +4478,11 @@
       ul {
         display: flex;
         flex-wrap: wrap;
-        justify-content: space-between;
+        justify-content: center;
         width: 100%;
-        gap: 5.6rem 0;
+        gap: 5.6rem 0.8rem;
 
         @include tablet {
-          justify-content: center;
           gap: 2.4rem;
         }
 
@@ -4509,6 +4526,7 @@
 
               @include tablet {
                 padding: 2rem 2.4rem;
+                text-align: left;
               }
 
               strong {
@@ -4548,7 +4566,6 @@
             // height: vw(194);
             aspect-ratio: 320 / 190;
             // padding: 2.4rem 2rem;
-            padding: vw(24) vw(20);
             margin: 0;
             // border-radius: 2rem 0.8rem 2rem 0.8rem;
             background-color: transparent;
@@ -4573,10 +4590,20 @@
               }
             }
 
+            a {
+              display: block;
+              width: 100%;
+              height: 100%;
+              padding: vw(24) vw(20);
+
+              @include tablet {
+                padding: 4.8rem 4rem;
+              }
+            }
+
             @include tablet {
               width: 57.4rem;
               height: 36.9rem;
-              padding: 4.8rem 4rem;
               margin: 0 0 0;
               border-radius: 0;
               box-shadow: none;
@@ -4715,6 +4742,7 @@
               @include tablet {
                 font-size: 1.6rem;
                 margin-top: 2.2rem;
+                text-align: left;
               }
             }
           }
@@ -4737,6 +4765,14 @@
       background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top / 192rem auto;
     }
 
+    &.mickey {
+      background: url(../images/kia/pdp/display_theme_mickey/bg_design_m.jpg) no-repeat center top / 100% auto;
+
+      @include tablet {
+        background: url(../images/kia/pdp/display_theme_mickey/bg_design.jpg) no-repeat center top / 192rem auto;
+      }
+    }
+
     .comp_top {
       padding: 0 2rem 2.4rem;
 
@@ -4901,6 +4937,24 @@
             }
           }
         }
+
+        &.blue {
+          ul {
+            li {
+              &.active {
+                .tab-btn {
+                  @include tablet {
+                    background: linear-gradient(90deg, #1c5eed 0%, #1031b5 100%);
+
+                    &:before {
+                      background: url(../images/kia/pdp/display_theme_mickey/ico_tab_active.png) no-repeat center top / 100% auto;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
       }
 
       .text_area {
@@ -5005,6 +5059,39 @@
     }
   }
 
+  &.mickey {
+    .layer_up {
+      &.comp_body {
+        .text_area {
+          margin-top: 10.7rem;
+          @include tablet {
+            margin-top: 13.7rem;
+          }
+        }
+      }
+    }
+    .available-theme {
+      .list {
+        ul {
+          li {
+            &.more {
+              strong {
+                .speech-bubble {
+                  top: -5.4rem;
+                  transform: translateX(35%);
+                  @include tablet {
+                    top: -7.8rem;
+                    transform: translateX(-20%);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
   .image_area {
     position: relative;
     max-width: 100%;