/*
File intent: 忠實沿用舊版 KALADYS 網站的米白、深藍、金棕語言，只為新增的蝦皮橫幅與官方抖音入口補上必要樣式。
Design reminder: 任何新增樣式都只能服務於「原站復刻 + 三項微調」，不能引入新風格。
*/

[data-kalady-extra-row] {
  display: flex;
  justify-content: center;
  padding: 0.25rem 0 0.1rem;
}

[data-kalady-extra-row] [data-kalady-tiktok-button] {
  min-width: 9.5rem;
}

#shopee-promo-section {
  position: relative;
}

#shopee-promo-section .shopee-promo-link {
  display: block;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(16, 42, 86, 0.12);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

#shopee-promo-section .shopee-promo-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 26px 54px rgba(16, 42, 86, 0.18);
}

#shopee-promo-section .shopee-promo-image {
  display: block;
  width: 100%;
  height: auto;
}

#shopee-promo-section .shopee-promo-caption {
  margin-top: 0.9rem;
  text-align: center;
  font-size: 0.92rem;
  font-weight: 600;
  color: #102a56;
  letter-spacing: 0.04em;
}

@media (max-width: 640px) {
  [data-kalady-extra-row] {
    padding-top: 0.4rem;
  }

  [data-kalady-extra-row] [data-kalady-tiktok-button] {
    width: min(100%, 10.5rem);
    min-width: auto;
  }

  #shopee-promo-section .shopee-promo-link {
    border-radius: 1.4rem;
  }

  #shopee-promo-section .shopee-promo-caption {
    font-size: 0.84rem;
    line-height: 1.5;
  }
}