From 45c7a48075ccca0be7573b8a174a6ad1371af48a Mon Sep 17 00:00:00 2001
From: dongyoungKo <ehddud3254@naver.com>
Date: Wed, 28 May 2025 13:38:06 +0900
Subject: [PATCH] =?UTF-8?q?promotion=20=EC=83=81=ED=92=88=20=EB=B1=83?=
 =?UTF-8?q?=EC=A7=80=EA=B0=80=20=EC=98=81=EC=83=81=20=EC=9C=84=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=B4=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD=20?=
 =?UTF-8?q?=EB=B0=8F=20=20full=20=ED=99=94=EB=A9=B4=20=EC=A0=84=ED=99=98?=
 =?UTF-8?q?=20=EC=8B=9C=20=EC=95=88=EB=B3=B4=EC=9D=B4=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 com.twin.app.shoptime/src/style/utils.module.less               | 2 +-
 .../src/views/DetailPanel/components/indicator/Indicator.jsx    | 2 +-
 .../DetailPanel/components/indicator/Indicator.module.less      | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/src/style/utils.module.less b/com.twin.app.shoptime/src/style/utils.module.less
index 46a5b096..da51148d 100644
--- a/com.twin.app.shoptime/src/style/utils.module.less
+++ b/com.twin.app.shoptime/src/style/utils.module.less
@@ -8,7 +8,7 @@
 
 .focused(@boxShadow: 0px, @borderRadius: 0px) {
   .position(@position: absolute, @top: 0, @left: 0, @right: 0, @bottom: 0);
-  z-index: 20;
+  z-index: 19;
   border: 4px solid @PRIMARY_COLOR_RED;
   box-shadow: 0 0 @boxShadow 0 rgba(0, 0, 0, 0.5);
   border-radius: @borderRadius;
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.jsx
index 342e387b..05fad6f6 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.jsx
@@ -339,7 +339,7 @@ function Indicator({
               <img src={playImg} alt="Play" />
             </h3>
           )}
-          {promotionPrcie?.promotionCode && !canPlayVideo && (
+          {promotionPrcie?.promotionCode && autoPlaying && (
             <div className={css.promotionImage}>
               <p className={css.badgeTitle}>{$L("Extra Promo")}</p>
               <p className={css.badgeTitle}>{$L("Code")}</p>
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less
index 87339436..d484969c 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less
@@ -74,6 +74,7 @@
       color: #fff;
       text-align: center;
       font-weight: bold;
+      z-index: 20;
 
       > p:nth-child(1) {
         margin-top: 13px;