.container1{
  padding-top: 0;
  height: 738rem;
  overflow: hidden;
}
.container1 .left{
  flex: 0 0 585rem;
  padding-top:160rem;
  position: relative;
  z-index: 2;
}
.container1 .left h2{
  margin-bottom: 24rem;
}
.container1 .contentBox {
  position: relative;
}
.container1 .iconList{
  gap: 8rem;
  margin-bottom: 64rem;
}
.container1 .iconList>div{
  border-radius: var(--ebc-corner-radius-rc08);
background: var(--ebc-neutral-bg_a);
padding: 4rem 8rem;
display: flex;
align-items: center;
gap: 8rem;

}
.container1 .iconList>div svg{
  width: 12rem;
  height: 12rem;
}
.container1 .right{
  position: absolute;
  top:-375rem;
  left:532rem;
   height: 1498rem;
   width: 842rem;
   pointer-events:none;
}

@media (min-width: 996px) {
  .es .container1 h1,
  .id .container1 h1,
  .mn .container1 h1{
    font-size: 50rem;
    line-height: 56rem;
  }
  .en .container1 h1,
  .jp .container1 h1,
  .ug .container1 h1,
  .pt .container1 h1,
  .ru .container1 h1,
    .vi .container1 h1{
    font-size: 55rem;line-height: 68rem;
  }
 .ar .container1 .right{
    left:-232rem;
    top: -375rem;
    margin:0
  }
  .ar .etf-follow__hotArt--em,
  .ar .etf-follow__hotArt--sp{
    right:unset;
    left: 40rem;
  }
  .ar .etf-follow__historyMenu{
    left:unset;
    right: 40rem;
  }
}
@media (max-width: 996px) {
  .container1 {
    padding-top:0rem;
    height: auto;
  }
  .container1 .left{
    flex:1;
    padding-top:650rem;
    z-index: 2;
  }
  .hi .container1 h1{
    font-size: 62rem
  }
  
  .container1 .left h2{
    color: var(--ebc-text-secondary);
    font-size: 28rem;
    font-weight: 400;
    line-height: 44rem; /* 157.143% */
    margin-block: 16rem;
  }
  .container1 .iconList{
    justify-content: center;
    gap: 16rem;
  }
  .container1 .right{
    height:auto;
    width: calc(100% + 64rem);
    left:-32rem;
    top: -350rem;
    margin:0
  }
  
  .contentBox{
    padding-inline: 32rem;
  }
}

.container2 h3{
  margin:16rem 0 60rem;
}
/* .container2 .contentBox {
  padding-top: 88rem;
} */

.container2 .topCardList {
  margin-bottom:120rem;
  gap:24rem;
  align-items: stretch;
}

.container2 .topCardList .card {
  flex:1;
  border-radius: var(--ebc-corner-radius-rc16);
  border:0;
  background: var(--ebc-neutral-bg_b);
  padding:32rem 24rem;
}
.container2 .topCardList .card h3{
  margin:16rem 0;
  color: var(--ebc-text-primary);
}

.container2 .topCardList .card div{
  color: var(--ebc-text-secondary);
}
.container2 .jyBtn{
  margin-bottom: 60rem;
  min-width: 180rem;
}
@media (max-width: 996px) {
  .container2 .jyBtn{
    height: 80rem;
  margin-bottom: 80rem;
  min-width: unset;
  font-size: 28rem;
  line-height: 44rem;
  font-weight: 500;
}
  .container2 .topCardList{
    margin-bottom: 160rem;
      gap: 32rem;
      flex-wrap: wrap;
  }
  .container2 .topCardList .card h3{
  margin:32rem 0 16rem;
  color: var(--ebc-text-primary);
}
.container2 .topCardList .card {
  padding:32rem;
      flex:0 0 calc(50% - 16rem);
}
}

.product-table-tr>div:nth-child(4),
.product-table-th>div:nth-child(4){
  display: none!important;
}

/* ==============================
   ETF Efficient Section (PC)
   Namespaced to avoid .container* conflicts
   ============================== */
.etf-efficient{
  padding: 60rem 0 120rem;
  background: var(--ebc-neutral-bg_a, #fff);
}
.etf-efficient h3{
  color: var(--ebc-text-secondary);
}
.etf-efficient__inner{
  display: flex;
  flex-direction: column;
  gap: 60rem;
}

.etf-efficient__header{
  text-align: center;
  max-width: 1200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16rem;
}

.etf-efficient__grid{
  display: flex;
  flex-direction: column;
  gap: 24rem;
}

.etf-efficient__row{
  display: flex;
  gap: 24rem;
  align-items: stretch;
}

.etf-efficient__row--3 .etf-efficient__card{
  flex: 0 0 calc((100% - 48rem) / 3);
}

.etf-efficient__row--2 .etf-efficient__card{
  flex: 0 0 calc((100% - 24rem) / 2);
}

.etf-efficient__card{
  background: var(--ebc-neutral-bg_b, #f7f7f7);
  border-radius: var(--ebc-corner-radius-rc24, 24rem);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease;
  will-change: transform;
}

.etf-efficient__card:hover{
  transform: translateY(-10rem);
  box-shadow: 0 18rem 48rem rgba(0,0,0,0.18);
}

.etf-efficient__card--sm{
  padding: 40rem;
  display: flex;
  flex-direction: column;
  gap: 32rem;
  align-items: flex-start;
}

.etf-efficient__icon{
  width: 40rem;
  height: 40rem;
  display: block;
}

.etf-efficient__card--lg{
  padding: 0 0 40rem;
  display: flex;
  flex-direction: column;
  gap: 40rem;
}

.etf-efficient__media{
  height: 302rem;
  width: 100%;
  overflow: hidden;
  background: var(--ebc-neutral-bg_b, #f7f7f7);
}

.etf-efficient__mediaInner{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Matches the "framed" look in Figma */
  padding: 51rem 84rem 46rem;
  box-sizing: border-box;
}
.etf-efficient__card:first-child .etf-efficient__mediaInner{
  padding-bottom: 26rem;
}
.etf-efficient__mediaInner img{
  display: block;
  width: 420rem;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.etf-efficient__cardBody{
  padding: 0 40rem;
}

.etf-efficient__cardTitle{
  color: var(--ebc-text-primary, #000);
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 500;
}

.etf-efficient__cardDesc{
  margin-top: 12rem;
  color: var(--ebc-text-secondary, rgba(0,0,0,0.64));
  font-size: 16rem;
  line-height: 28rem;
  font-weight: 400;
}

.etf-efficient__row--3 .etf-efficient__cardDesc{
  margin-top: -20rem;
}

@media (max-width: 996px) {
  .etf-efficient{
    padding: 80rem 0 160rem;
  }

  .etf-efficient__inner{
    gap: 80rem;
  }

  .etf-efficient__header{
    max-width: 686rem;
  }

  .etf-efficient__header h2{
    font-size: 48rem;
    line-height: 64rem;
  }

  .etf-efficient__header h3{
    font-size: 24rem;
    line-height: 40rem;
  }

  .etf-efficient__grid{
    gap: 32rem;
  }

  .etf-efficient__row{
    flex-direction: column;
    gap: 32rem;
  }

  .etf-efficient__row--3 .etf-efficient__card,
  .etf-efficient__row--2 .etf-efficient__card{
    flex: 1 1 auto;
  }

  .etf-efficient__card{
    border-radius: var(--ebc-corner-radius-rc16, 16rem);
  }

  .etf-efficient__card--sm{
    padding: 32rem;
    display: grid;
    grid-template-columns: 64rem 1fr;
    column-gap: 32rem;
    row-gap: 8rem;
    align-items: center;
  }

  .etf-efficient__icon{
    width: 64rem;
    height: 64rem;
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .etf-efficient__cardTitle{
    font-size: 32rem;
    line-height: 48rem;
    grid-column: 2;
  }

  .etf-efficient__cardDesc{
    margin-top: 0;
    font-size: 24rem;
    line-height: 40rem;
    grid-column: 2;
  }

  .etf-efficient__row--3 .etf-efficient__cardDesc{
    margin-top: 0;
  }

  .etf-efficient__card--lg{
    padding: 32rem;
    gap: 32rem;
  }

  .etf-efficient__media{
    height: 302rem;
  }

  .etf-efficient__mediaInner{
    padding: 0;
    width: 588rem;
    max-width: 100%;
    margin: 0 auto;
    justify-content: center;
  }

  .etf-efficient__mediaInner img{
    width: 469rem;
  }

  .etf-efficient__cardBody{
    padding: 0;
  }
}

/* ==============================
   ETF Follow (Core Index) (PC)
   Namespaced to avoid .container* conflicts
   ============================== */
.etf-follow{
  padding: 120rem 0;
  background: linear-gradient(180deg, #16161a 0%, #2b2b33 100%);
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__inner{
  display: flex;
  flex-direction: column;
  gap: 0;
}

.etf-follow__header{
  text-align: center;
  max-width: 1200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16rem;
  margin-bottom: 60rem;
}

.etf-follow__header h3{
  color: rgba(255,255,255,0.8);
}

.etf-follow__tabs{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8rem;
  border-radius: var(--ebc-corner-radius-full, 999rem);
  margin: 0 auto 40rem;
}

.etf-follow__tab{
  height: 40rem;
  padding: 8rem 24rem;
  border-radius: var(--ebc-corner-radius-full, 999rem);
  border: 1rem solid rgba(255,255,255,0.16);
  background: transparent;
  color: rgba(255,255,255,0.8);
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  cursor: pointer;

}

.etf-follow__tab.is-active{
  border-color: var(--ebc-brand-secondary-red, #a52933);
  background: var(--ebc-brand-secondary-red, #a52933);
  color: var(--ebc-text-primary_white, #fff);
  font-weight: 500;
}

.etf-follow__tab:disabled{
  cursor: not-allowed;
  opacity: 1;
}

.etf-follow__grid{
  display: flex;
  gap: 24rem;
  align-items: stretch;
}

.etf-follow__panels{
  width: 100%;
}

.etf-follow__panel{
  display: none;
}

.etf-follow__panel.is-active{
  display: block;
}

.etf-follow__historyBox{
  width: 100%;
  background: rgba(255,255,255,0.05);
  border-radius: var(--ebc-corner-radius-rc24, 24rem);
  padding: 40rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 28rem;
  position: relative;
  overflow: visible;
}

.etf-follow__historyRank{
  display: flex;
  flex-direction: column;
  gap: 20rem;
}

.etf-follow__historySelect{
  display: inline-flex;
  align-items: center;
  gap: 8rem;
  border: 0;
  background: transparent;
  color: var(--ebc-text-primary_white, #fff);
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 500;
  padding: 0;
  width: fit-content;
  cursor: pointer;
}

.etf-follow__historySelectArrow{
  width: 0;
  height: 0;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
  border-top: 6rem solid rgba(255,255,255,0.8);
  transform: translateY(1rem);
}

.etf-follow__historyMenu{
  position: absolute;
  top: 72rem;
  left: 40rem;
  width: 220rem;
  background: #fff;
  border-radius: 12rem;
  padding: 12rem 0;
  box-shadow: 0 12rem 32rem rgba(0,0,0,0.35);
  z-index: 20;
}

.etf-follow__historyOption{
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 10rem 16rem;
  font-size: 14rem;
  line-height: 20rem;
  font-weight: 400;
  color: #111;
  cursor: pointer;
}

.etf-follow__historyOption:hover{
  background: rgba(0,0,0,0.06);
}

.etf-follow__historyTop1{
  /* background: #1f1f1f; */
  /* border-radius: var(--ebc-corner-radius-rc16, 16rem); */
  /* padding: 40rem; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24rem;
}

.etf-follow__historyTop1Left{
  display: flex;
  align-items: center;
  gap: 28rem;
  min-width: 0;
}

.etf-follow__historyMedal{
  width: 38rem;
  height: 48rem;
  display: block;
  object-fit: contain;
}

.etf-follow__historyTop1Info{
  display: flex;
  flex-direction: column;
  gap: 6rem;
  min-width: 0;
}

.etf-follow__historyTop1Symbol{
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 500;
  color: var(--ebc-text-primary_white, #fff);
  white-space: nowrap;
}

.etf-follow__historyTop1Desc{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 520rem;
}

.etf-follow__historyTop1Value{
  font-size: 40rem;
  line-height: 48rem;
  font-weight: 700;
  color: #00d89e;
  white-space: nowrap;
}

.etf-follow__historyTitle{
  font-size: 16rem;
  line-height: 28rem;
  font-weight: 400;
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__historyHeader{
  display: flex;
  align-items: flex-start;
  gap: 0;
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.32);
}

.etf-follow__historyCol--rank,
.etf-follow__historyCol--symbol{
  flex: 1 1 0;
}

.etf-follow__historyCol--desc{
  width: 256rem;
}

.etf-follow__historyCol--ret{
  width: 200rem;
  text-align: right;
}

.etf-follow__historyDivider{
  height: 1rem;
  background: rgba(255,255,255,0.16);
}

.etf-follow__historyList{
  display: flex;
  flex-direction: column;
  gap: 20rem;
}

.etf-follow__historyRow{
  display: flex;
  align-items: flex-start;
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__historyCell--rank,
.etf-follow__historyCell--symbol{
  flex: 1 1 0;
}

.etf-follow__historyCell--desc{
  width: 256rem;
}

.etf-follow__historyCell--ret{
  width: 200rem;
  text-align: right;
  font-weight: 500;
  color: #00d89e;
}

.etf-follow__historyFooter{
  margin-top: 0;
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: rgba(255,255,255,0.25);
  text-align: center;
}

.etf-follow__volBox{
  width: 100%;
  background: rgba(255,255,255,0.05);
  border-radius: var(--ebc-corner-radius-rc24, 24rem);
  padding: 40rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 32rem;
}

.etf-follow__volTabs{
  display: inline-flex;
  gap: 8rem;
  align-items: center;
  border-radius: var(--ebc-corner-radius-full, 999rem);
  flex-wrap: wrap;
}

.etf-follow__volTab{
  border: 1rem solid rgba(255,255,255,0.16);
  background: transparent;
  color: rgba(255,255,255,0.8);
  padding: 8rem 16rem;
  border-radius: var(--ebc-corner-radius-full, 999rem);
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  cursor: pointer;
}

.etf-follow__volTab.is-active{
  border-color: var(--ebc-brand-accent-coral, #ff4b4e);
  color: var(--ebc-brand-accent-coral, #ff4b4e);
  font-weight: 500;
}

.etf-follow__volContent{
  display: flex;
  flex-direction: column;
  gap: 24rem;
}

.etf-follow__volHead{
  display: flex;
  flex-direction: column;
  gap: 12rem;
}

.etf-follow__volTitle{
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 500;
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__volDesc{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
}

.etf-follow__volDivider{
  height: 1rem;
  background: rgba(255,255,255,0.16);
}

.etf-follow__volSectionTitle{
  font-size: 16rem;
  line-height: 28rem;
  font-weight: 400;
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__volList{
  margin-top: 12rem;
  display: flex;
  flex-direction: column;
  gap: 12rem;
}

.etf-follow__volRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16rem;
}

.etf-follow__volLeft{
  display: flex;
  align-items: center;
  gap: 12rem;
  min-width: 0;
}

.etf-follow__volPill{
  background: #1f1f1f;
  border-radius: var(--ebc-corner-radius-rc08, 8rem);
  padding: 4rem 12rem;
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}

.etf-follow__volName{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.64);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.etf-follow__volBeta{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  white-space: nowrap;
}

.etf-follow__volHelpTitle{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.64);
  white-space: pre;
  margin-bottom: 4rem;
}

.etf-follow__volHelpText{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.32);
}

.etf-follow__hotRows{
  display: flex;
  flex-direction: column;
  gap: 24rem;
}

.etf-follow__hotRow{
  display: flex;
  gap: 24rem;
  align-items: stretch;
}

.etf-follow__hotCard{
  border-radius: var(--ebc-corner-radius-rc24, 24rem);
  overflow: hidden;
  padding: 40rem;
  display: flex;
  flex-direction: column;
  gap: 32rem;
  position: relative;
  background: rgba(255,255,255,0.05);

}

@media (min-width: 996px) {
.etf-follow__hotCard:hover{
  background: #3b3b42;
}
}


.etf-follow__hotCard--lg{
  flex: 0 0 588rem;
  min-height: 220rem;
}

.etf-follow__hotCard--sm{
  flex: 0 0 282rem;
}

.etf-follow__hotHead{
  display: flex;
  flex-direction: column;
  gap: 12rem;
  max-width: 270rem;
}

.etf-follow__hotTitle{
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 500;
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__hotDesc{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  
}

.etf-follow__pillGroup{
  display: inline-flex;
  gap: 8rem;
  align-items: center;
  flex-wrap: wrap;
}

.etf-follow__pill{
  background: #1f1f1f;
  color: #fff;
  font-size: 14rem;
  line-height: 22rem;
  padding: 4rem 12rem;
  border-radius: var(--ebc-corner-radius-rc08, 8rem);
  font-weight: 400;
  user-select: none;
}
.etf-follow__hotCard:hover .etf-follow__pill{
  background: #fff;
  color: #010101;
  font-weight: 500;
}

.etf-follow__hotArt{
  position: absolute;
  pointer-events: none;
  user-select: none;
}

.etf-follow__hotArt--sp{
  right: 40rem;
  top: 40rem;
  width: 170rem;
  height: auto;
}

.etf-follow__hotArt--em{
  right: 40rem;
  top: 40rem;
  width: 170rem;
  height: auto;
}

.etf-follow__card{
  flex: 0 0 calc((100% - 24rem) / 2);
  border-radius: var(--ebc-corner-radius-rc24, 24rem);
  overflow: hidden;
  padding: 40rem;
  display: flex;
  flex-direction: column;
  gap: 32rem;
  background: rgba(255,255,255,0.05);

}

.etf-follow__card:hover{
  background: #3b3b42;
}



.etf-follow__cardHead{
  display: flex;
  flex-direction: column;
  gap: 12rem;
}

.etf-follow__cardTitle{
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 500;
  color: var(--ebc-text-primary_white, #fff);
  word-break: break-word;
}

.etf-follow__cardDesc{
  font-size: 14rem;
  line-height: 24rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  word-break: break-word;
}

.etf-follow__divider{
  height: 1rem;
  background: rgba(255,255,255,0.1);
}

.etf-follow__cardBody{
  display: flex;
  flex-direction: column;
  gap: 24rem;
}

.etf-follow__symbolTabs{
  display: inline-flex;
  gap: 8rem;
  align-items: center;
  border-radius: var(--ebc-corner-radius-full, 999rem);
}

.etf-follow__symbolTab{
  padding: 8rem 16rem;
  border-radius: var(--ebc-corner-radius-full, 999rem);
  border: 1rem solid rgba(255,255,255,0.16);
  background: transparent;
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
}

.etf-follow__symbolTab.is-active{
  border-color: var(--ebc-brand-accent-coral, #ff4b4e);
  color: var(--ebc-brand-accent-coral, #ff4b4e);
  font-weight: 500;
}

.etf-follow__meta{
  display: flex;
  align-items: center;
  gap: 64rem;
  flex-wrap: wrap;
}
.vi .etf-follow__meta{
  gap: 20rem;
}
.pt .etf-follow__meta,
.mn .etf-follow__meta,
  .es .etf-follow__meta{
  gap: 32rem;
}
.etf-follow__metaItem{
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.etf-follow__metaLabel{
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
}

.etf-follow__metaValue{
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 500;
  color: var(--ebc-text-primary_white, #fff);
  white-space: nowrap;
}

.etf-follow__perf{
  display: flex;
  gap: 8rem;
  height: 120rem;
  width: 100%;
}

.etf-follow__perfItem{
  flex: 1;
  border-radius: var(--ebc-corner-radius-rc08, 8rem);
  background: rgba(35,34,34,0.3);
  padding: 12rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
  justify-content: center;
  transition: background 160ms ease;
}

@media (min-width: 996px) {
/* .etf-follow__perfItem.is-active, */
.etf-follow__perfItem:hover{
  background: #1f1f1f;
}



}


.etf-follow__perfLabel{
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  color: var(--ebc-text-primary_white, #fff);
}

.etf-follow__perfValue{
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 700;
  color: #00d89e;
}

.etf-follow__note{
  text-align: center;
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: rgba(255,255,255,0.25);
  margin-top: 40rem;
  max-width: 980rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24rem;
}
@media (min-width: 996px) {
  .vi .etf-follow h2{
    font-size: 42rem;
  }
  .mn .etf-follow h2,
  .vi .container2 h2,
  .vi .etf-giants h2,
  .pt .container2 h2{
    font-size: 44rem;
  }
  .id .etf-giants h2,
  .mn .container2 h2{
    font-size: 40rem;
  }
}
@media (max-width: 996px) {
  .etf-follow{
    /* 375px design values x2 */
    padding: 160rem 0;
  }

  .etf-follow__inner{
    padding: 0 32rem;
    box-sizing: border-box;
  }

  .etf-follow__header{
    max-width: 686rem;
    gap: 16rem;
    margin-bottom: 80rem;
  }

  .etf-follow__header h2{
    font-size: 48rem;
    line-height: 64rem;
  }
  .mn .etf-follow h2,
  .ar .container2 h2,
  .es .container2 h2,
  .mn .container2 h2,
  .vi .container2 h2,
  .vi .container4 h2,
  .jp .container4 h2,
  .ru .openAccountPart h2,
  .ru .etf-giants h2,
  .id .etf-giants h2,
  .vi .etf-follow__header h2{
    font-size: 42rem;
  }
  .jp .etf-giants h2{
    font-size: 40rem;
  }
  .mn .container4 h2,
  .mn .etf-efficient h2,
  .pt .etf-giants h2,
  .ru .container2 h2,
  .ru .container4 h2{
    font-size: 38rem;
  }
  .etf-follow__header h3{
    font-size: 24rem;
    line-height: 40rem;
    color: rgba(255,255,255,0.64);
  }

  .etf-follow__tabs{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    gap: 16rem;
    margin: 0 0 80rem;
    border-radius: 0;
    /* Hide bottom scrollbar but keep scrolling */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge legacy */
  }

  .etf-follow__tabs::-webkit-scrollbar{
    width: 0;
    height: 0;
  }

  .etf-follow__tab{
    flex: 0 0 auto;
    white-space: nowrap;
    height: auto;
    padding: 16rem 32rem;
    border-width: 1rem;
    font-size: 24rem;
    line-height: 32rem;
    color: rgba(255,255,255,0.64);
  }

  .etf-follow__grid{
    flex-direction: column;
  }

  .etf-follow__card{
    flex: 1 1 auto;
    padding: 46.666rem;
    gap: 56rem;
    background: #3b3b42;
  }

  .etf-follow__card:hover{
    background: #3b3b42;
  }

  .etf-follow__cardHead{
    gap: 14rem;
  }

  .etf-follow__cardTitle{
    font-size: 32rem;
    line-height: 38rem;
  }

  .etf-follow__cardDesc{
    font-size: 24rem;
    line-height: 28rem;
  }

  .etf-follow__symbolTabs{
    gap: 16rem;
  }

  .etf-follow__symbolTab{
    height: 72rem;
    padding: 12rem 16rem;
    border-width: 1rem;
    font-size: 24rem;
    line-height: 26rem;
    display: block;
    flex: 0 0 180rem;
  }
  .etf-follow__divider{
    margin-top: -14rem;
  }
  .etf-follow__cardBody{
    gap: 28rem;
  }
  .etf-follow__symbolTabs{
    margin-bottom: 28rem;
  }
  .etf-follow__meta{
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10rem;
  }
  .es .etf-follow__meta{
    gap: 10rem;
  }

  .etf-follow__metaItem{
    min-width: 0;
    gap: 8rem;
  }
  .pt .etf-follow__metaItem,
  .mn .etf-follow__metaItem,
  .es .etf-follow__metaItem,
    .id .etf-follow__metaItem{
    flex: 1;
  }

  .etf-follow__metaLabel{
    font-size: 24rem;
    line-height: 26rem;
  }

  .etf-follow__metaValue{
    font-size: 24rem;
    line-height: 28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .etf-follow__perf{
    height: auto;
    flex-wrap: wrap;
    gap: 9rem;
  }

  .etf-follow__perfItem{
    flex: 0 0 calc((100% - 9rem) / 2);
    padding: 32rem 14rem;
    border-radius: 16rem;
    gap: 8rem;
  }
  



  .etf-follow__perfLabel{
    font-size: 24rem;
    line-height: 28rem;
  }

  .etf-follow__perfValue{
    font-size: 28rem;
    line-height: 30rem;
  }

  .etf-follow__hotRow{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32rem;
  }
  .etf-follow__hotRow:nth-child(2)>div{
    order: 2;
  }
  .etf-follow__hotRow:nth-child(2)>div:last-child{
    order: 1;
  }
  .etf-follow__hotCard--lg,
  .etf-follow__hotCard--sm{
    flex: 1 1 auto;
  }

  .etf-follow__hotCard{
    border-radius: 28rem;
    padding: 46.666rem;
    gap: 40rem;
    background: #2f2f36;
  }

  .etf-follow__hotCard--lg{
    flex: 0 0 100%;
    min-height: auto;
  }

  .etf-follow__hotCard--sm{
    flex: 0 0 calc((100% - 32rem) / 2);
    /* background: #2a2a30; */
  }

  .etf-follow__hotHead{
    gap: 16rem;
    max-width: none;
  }

  .etf-follow__hotTitle{
    font-size: 32rem;
    line-height: 38rem;
  }
  .mn .etf-follow__hotCard--lg .etf-follow__hotTitle,
    .pt .etf-follow__hotCard--lg .etf-follow__hotTitle{
    max-width: 60%;
  }
  .etf-follow__hotDesc{
    font-size: 24rem;
    line-height: 32rem;
    color: rgba(255,255,255,0.64);
    max-width: 320rem;
  }
  .etf-follow__note{
    color: rgba(255, 255, 255, 0.25);
    text-align: center;
    font-size: 24rem;
    font-weight: 400;
    line-height: 32rem; /* 133.333% */
    margin-top: 24rem;
    padding: 0;
  }
  .etf-follow__pillGroup{
    gap: 16rem;
  }

  .etf-follow__pill{
    font-size: 24rem;
    line-height: 26rem;
    padding: 8rem 16rem;
    border-radius: 10rem;
  }

  .etf-follow__hotArt--sp,
  .etf-follow__hotArt--em{
    right: 48rem;
    top: 48rem;
    width: 200rem;
  }
  .ar .etf-follow__historyTop1Value,
  .ar .etf-follow__hotArt--sp,
  .ar .etf-follow__hotArt--em{
    right:unset;
    left: 48rem;
  }
  .ar .etf-follow__historyMenu{
    left:unset;
    right: 46rem;
  }
  .etf-follow__historyBox{
    padding: 46rem;
    border-radius: 24rem;
    gap: 48rem;
    background: #303037;
  }

  .etf-follow__historySelect{
    width: fit-content;
    justify-content: flex-start;
    gap: 8rem;
    font-size: 24rem;
    line-height: 28rem;
    color: rgba(255,255,255,0.8);
    padding-block: 15rem;
  }
  .es .etf-follow__historySelect,
  .ru .etf-follow__historySelect,
    .ug .etf-follow__historySelect{
    max-width: 45%;
  }

  .etf-follow__historySelectArrow{
    display: block;
    border-left-width: 10rem;
    border-right-width: 10rem;
    border-top-width: 12rem;
  }

  .etf-follow__historyMenu{
    top: 96rem;
    left: 46rem;
    width: 252rem;
    border-radius: 16rem;
    padding: 16rem 0;
  }

  .etf-follow__historyOption{
    padding: 16rem 24rem;
    font-size: 24rem;
    line-height: 36rem;
  }

  .etf-follow__historyTop1{
    background: transparent;
    padding: 0;
    border-radius: 0;
    gap: 14rem;
    justify-content: flex-start;
  }

  .etf-follow__historyMedal{
    width: 64rem;
    height: 80rem;
  }

  .etf-follow__historyTop1Symbol{
    font-size: 32rem;
    line-height: 38rem;
  }

  .etf-follow__historyTop1Desc{
    font-size: 24rem;
    line-height: 28rem;
    max-width: 100%;
    white-space: normal;
  }

  .etf-follow__historyTop1Value{
    font-size: 48rem;
    line-height: 56rem;
    position: absolute;
    top: 46rem;
    right: 46rem;
  }

  .etf-follow__historyRank{
    gap: 24rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 16rem;
    scrollbar-color: rgba(255,255,255,0.8) rgba(255,255,255,0.24);
    scrollbar-width: thin;
  }

  .etf-follow__historyRank::-webkit-scrollbar{
    height: 6rem;
  }

  .etf-follow__historyRank::-webkit-scrollbar-track{
    background: rgba(255,255,255,0.24);
    border-radius: 999rem;
  }

  .etf-follow__historyRank::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,0.8);
    border-radius: 999rem;
  }

  .etf-follow__historyTitle{
    font-size: 24rem;
    line-height: 28rem;
    font-weight: 400;
  }

  .etf-follow__historyDivider{
    display: none;
  }

  .etf-follow__historyHeader{
    font-size: 24rem;
    line-height: 28rem;
    padding-bottom: 24rem;
    border-bottom: 1rem solid rgba(255,255,255,0.16);

    margin-top: 32rem;
  }

  .etf-follow__historyRow{
    padding: 32rem 0;
    border-bottom: 1rem solid rgba(255,255,255,0.16);
  }

  .etf-follow__historyList{
    gap: 0;
    padding-bottom: 48rem;
  }

  .etf-follow__historyHeader,
  .etf-follow__historyRow{
    display: grid;
    grid-template-columns: 116rem 150rem 360rem 170rem;
    column-gap: 40rem;
    align-items: center;
    width: 956rem;
    box-sizing: border-box;
  }

  .etf-follow__historyCol,
  .etf-follow__historyCell{
    width: auto;
    flex: initial;
    min-width: 0;
  }

  .etf-follow__historyCell{
    font-size: 28rem;
    line-height: 44rem;
  }

  .etf-follow__historyCell--rank{
    font-size: 32rem;
    line-height: 48rem;
    font-weight: 500;
  }

  .etf-follow__historyCell--symbol,
  .etf-follow__historyCell--desc{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .etf-follow__historyCol--ret,
  .etf-follow__historyCell--ret{
    text-align: right;
  }

  .etf-follow__historyFooter{
    font-size: 24rem;
    line-height: 32rem;
    margin-top: 0;
    padding-top: 24rem;
  }

  .etf-follow__volBox{
    padding: 46rem;
    border-radius: 24rem;
    gap: 40rem;
    background: #303037;
  }

  .etf-follow__volTabs{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16rem;
    width: 100%;
  }

  .etf-follow__volTab{
    min-height: 72rem;
    padding: 12rem 24rem;
    border-width: 1rem;
    font-size: 24rem;
    line-height: 26rem;
    /* white-space: nowrap; */
  }

  .etf-follow__volContent{
    gap: 48rem;
  }

  .etf-follow__volHead{
    gap: 14rem;
  }

  .etf-follow__volTitle{
    font-size: 32rem;
    line-height: 38rem;
  }

  .etf-follow__volDesc{
    font-size: 24rem;
    line-height: 28rem;
  }

  .etf-follow__volDivider{
    background: rgba(255,255,255,0.08);
  }

  .etf-follow__volSectionTitle{
    font-size: 24rem;
    line-height: 28rem;
  }

  .etf-follow__volList{
    margin-top: 24rem;
    gap: 32rem;
  }

  .etf-follow__volRow{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 16rem;
    column-gap: 32rem;
    align-items: center;
  }

  .etf-follow__volLeft{
    display: contents;
  }

  .etf-follow__volPill{
    grid-column: 1 / -1;
    justify-self: start;
    padding: 8rem 16rem;
    border-radius: 10rem;
    font-size: 24rem;
    line-height: 26rem;
  }

  .etf-follow__volName{
    grid-column: 1;
    font-size: 24rem;
    line-height: 32rem;
  }

  .etf-follow__volBeta{
    grid-column: 2;
    font-size: 24rem;
    line-height: 32rem;
  }

  .etf-follow__volHelpTitle{
    font-size: 24rem;
    line-height: 38rem;
    margin-bottom: 16rem;
  }

  .etf-follow__volHelpText{
    display: flex;
    flex-direction: column;
    gap: 16rem;
    font-size: 24rem;
    line-height: 32rem;
    color: rgba(255,255,255,0.25);
  }
}

/* ==============================
   ETF Issuers / Giants (PC)
   Namespaced to avoid .container* conflicts
   ============================== */
.etf-giants{
  padding: 120rem 0;
  background: var(--ebc-neutral-bg_b, #f7f7f7);
}

.etf-giants__inner{
  display: flex;
  flex-direction: column;
  gap: 60rem;
}

.etf-giants__header{
  text-align: center;
  max-width: 1200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.th .etf-giants__header h2,
  .th .container2 h2{
  font-size: 42rem;
}
.etf-giants__header h3{
  color: var(--ebc-text-secondary);
}

.etf-giants__grid{
  display: flex;
  gap: 24rem;
  align-items: stretch;
}

.etf-giants__card{
  flex: 0 0 calc((100% - 72rem) / 4);
  background: var(--ebc-neutral-bg_a, #fff);
  border-radius: var(--ebc-corner-radius-rc24, 24rem);
  overflow: hidden;
  min-height: 426rem;
  display: flex;
  flex-direction: column;
  transition: transform 180ms ease, box-shadow 180ms ease;
  will-change: transform;
}

.etf-giants__card:hover{
  transform: translateY(-10rem);
  box-shadow: 0 18rem 48rem rgba(0,0,0,0.18);
}

.etf-giants__top{
  padding: 40rem 32rem 24rem;
  box-sizing: border-box;
  color: var(--ebc-text-primary_white, #fff);
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
@media (min-width: 996px) {
.ar .etf-giants__top,
.jp .etf-giants__top,
.vi .etf-giants__top,
.th .etf-giants__top,
.en .etf-giants__top{
  min-height: 190rem;
}
.mn .etf-giants__top{
  min-height: 232rem;
}
  .ru .etf-giants__top,
  .ug .etf-giants__top,
  .id .etf-giants__top,
  .pt .etf-giants__top,
  .es .etf-giants__top{
  min-height: 210rem;
}
}
@media (max-width: 996px) {
.ar .etf-giants__top,
.jp .etf-giants__top,
.vi .etf-giants__top,
.th .etf-giants__top,
  .en .etf-giants__top{
  min-height: 380rem;
}
.mn .etf-giants__top{
  min-height: 464rem;
}
  .ru .etf-giants__top,
  .ug .etf-giants__top,
  .id .etf-giants__top,
  .pt .etf-giants__top,
  .es .etf-giants__top{
  min-height: 420rem;
}
}
.etf-giants__card--black .etf-giants__top{ background: #000; }
.etf-giants__card--red .etf-giants__top{ background: #bb001c; }
.etf-giants__card--blue .etf-giants__top{ background: #001aff; }
.etf-giants__card--indigo .etf-giants__top{ background: #33348e; }

.etf-giants__topRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12rem;
}

.etf-giants__logoBox{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}

.etf-giants__logo{
  width: auto;
  height: auto;
  max-height: 28rem;
  display: block;
  object-fit: contain;
}

/* Per-logo widths (match design assets), height auto */
.etf-giants__card--black .etf-giants__logo{ width: 85rem; }
.etf-giants__card--red .etf-giants__logo{ width: 110rem; }
.etf-giants__card--blue .etf-giants__logo{ width: 88rem; }
.etf-giants__card--indigo .etf-giants__logo{ width: 135rem; }

@media (min-width: 997px) {
  .etf-giants__top{
    /* Keep tops visually consistent, allow locale expansion */
    min-height: 148rem;
  }
}

.etf-giants__topName{
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 500;
  white-space: nowrap;
}

.etf-giants__topDesc{
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
}

.etf-giants__meta{
  padding: 24rem 32rem 0;
}

.etf-giants__stats{
  margin-top: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16rem;
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
}
.es .etf-giants__stats,
  .vi .etf-giants__stats{
  gap: 0;
}
  
.ru .etf-giants__stats div{
  white-space: nowrap;
}
 
.etf-giants__statsLabels{
  color: var(--ebc-text-secondary, rgba(0,0,0,0.64));
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.etf-giants__statsValues{
  color: var(--ebc-text-primary, #000);
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
  white-space: nowrap;
}

.etf-giants__featured{
  margin: 40rem 20rem 24rem;
  padding: 24rem;
  border-radius: var(--ebc-corner-radius-rc08, 8rem);
  background: var(--ebc-neutral-bg_b, #f7f7f7);
  position: relative;
  overflow: hidden;
}

.etf-giants__featuredTag{
  position: absolute;
  top: 0;
  right: 0;
  padding: 6rem;
  background: var(--brand-accent-coral, #ff4b4e);
  color: var(--ebc-text-primary_white, #fff);
  font-size: 12rem;
  line-height: 12rem;
  font-weight: 400;
  border-bottom-left-radius: 8rem;
}

@media (min-width: 996px) {
.etf-giants__featuredTag{
  max-width: 50%;
}
.ar .etf-giants__featuredTag{
  right: unset;
  left: 0;
  border-bottom-right-radius: 8rem;
  border-bottom-left-radius: 0;
}
}

.etf-giants__ticker{
  font-size: 20rem;
  line-height: 28rem;
  font-weight: 700;
  color: var(--ebc-text-primary, #000);
}

.etf-giants__featuredRow{
  margin-top: 16rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8rem;
}

.etf-giants__metric{
  width: 100%;
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  /* align-items: center; */
  gap: 4rem;
}
  .id .etf-giants__stats .etf-giants__statsLabels div:first-child,
  .es .etf-giants__stats .etf-giants__statsLabels div:first-child,
    .vi .etf-giants__stats .etf-giants__statsLabels div:first-child{
  white-space: nowrap;
}
@media screen and (min-width: 996px) {
.etf-giants__metric{
  flex: 1;
}

}
.etf-giants__metricLabel{
  font-size: 14rem;
  line-height: 18rem;
  font-weight: 400;
  color: var(--ebc-text-secondary, rgba(0,0,0,0.64));
}

.etf-giants__metricValue{
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 700;
  color: var(--ebc-text-primary, #000);
  white-space: nowrap;
  transform: translateY(-3rem);
}

.etf-giants__metricValue--up{
  color: #00ac47;
}

.etf-giants__note{
  text-align: center;
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: rgba(0,0,0,0.25);
}

@media (max-width: 996px) {
  .th .openAccountPart h2{
    font-size: 40rem;
  }
  .etf-giants__logo{
    max-height: unset;
  }
  .etf-giants__card--black .etf-giants__logo{ width: 170rem; }
.etf-giants__card--red .etf-giants__logo{ width: 220rem; }
.etf-giants__card--blue .etf-giants__logo{ width: 176rem; }
.etf-giants__card--indigo .etf-giants__logo{ width: 270rem; }
  .etf-giants{
    /* 375px design values x2 */
    padding: 160rem 0;
  }

  .etf-giants__inner{
    gap: 80rem;
    padding: 0 32rem;
    box-sizing: border-box;
  }
  .etf-giants__inner h2{
    font-size: 44rem;
  }
  .etf-giants__header{
    max-width: 686rem;
    gap: 16rem;
  }

  .etf-giants__grid{
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    /* 375px design values x2 */
    scroll-padding-left: 32rem;
    padding: 0 32rem;
    margin: 0 -32rem;
    gap: 48rem;

    /* Hide bottom scrollbar but keep scrolling */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge legacy */
  }

  .etf-giants__grid::-webkit-scrollbar{
    width: 0;
    height: 0;
  }

  .etf-giants__card{
    flex: 0 0 564rem;
    scroll-snap-align: start;
    min-height: 852rem;
    position: relative;
    padding-bottom: 48rem;
  }

  /* Hover lift feels odd on touch devices */
  .etf-giants__card:hover{
    transform: none;
    box-shadow: none;
  }

  .etf-giants__top{
    padding: 80rem 64rem 48rem;
    gap: 24rem;
    min-height: 296rem;
  }

  .etf-giants__topName{
    font-size: 32rem;
    line-height: 48rem;
    max-width: 320rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .etf-giants__topDesc{
    font-size: 28rem;
    line-height: 44rem;
  }

  .etf-giants__meta{
    padding: 48rem 64rem 0;
  }

  .etf-giants__stats{
    gap: 32rem;
    font-size: 28rem;
    line-height: 44rem;
  }

  .etf-giants__statsLabels,
  .etf-giants__statsValues{
    gap: 8rem;
  }

  .etf-giants__featured{
    margin: 0;
    padding: 48rem ;
    border-radius: var(--ebc-corner-radius-rc16, 16rem);
    position: static;
    margin-top: 80rem;
    inset: 0;
    margin-inline: 40rem;
  }

  .etf-giants__featuredTag{
    padding: 12rem;
    font-size: 24rem;
    line-height: 40rem;
    border-bottom-left-radius: 16rem;
  }

  .etf-giants__ticker{
    font-size: 40rem;
    line-height: 56rem;
  }

  .etf-giants__featuredRow{
    margin-top: 32rem;
    gap: 32rem;
    justify-content: space-between;
    /* flex-wrap: wrap; */
  }

  .etf-giants__metricLabel{
    font-size: 24rem;
    line-height: 32rem;
  }

  .etf-giants__metricValue{
    font-size: 32rem;
    line-height: 48rem;
  transform: translateY(-8rem);

  }
}

.container2{
  margin-top: 0;
}

.ar .container4 .QA-list .QA-item.showList .QA-content{
  padding-right: 0;
}
.ar .container4 .QA-list .QA-li{
  text-align: right;
  padding-right: 18rem;
}

.ar .container4 .QA-list .QA-li::before{
  left: unset;
  right: 0;
}