/* === 1. Helper & Container === */
.page-tai-xiu__container{width:min(1200px, 100% - 32px);margin-inline:auto}

/* === 2. Hero Section === */
.page-tai-xiu__hero-section{display:flex;justify-content:center;padding-top:12px;padding-bottom:48px}

.page-tai-xiu__container{
  max-width:1200px;
  width:100%;
}

.page-tai-xiu__hero-image-block{line-height:0;overflow:hidden;border-radius:8px 8px 0 0}
.page-tai-xiu__hero-image{width:100%;height:auto;object-fit:cover;display:block;aspect-ratio:1020/300;object-position:center}

.page-tai-xiu__hero-content{background:linear-gradient(180deg,#111111 0%,#0A0A0A 65%);border-radius:0 0 8px 8px;padding:32px 24px 40px;border:1px solid #3A2A12;border-top:0;text-align:center}
.page-tai-xiu__title-main{color:#FFF6D6;font-weight:800;line-height:1.25;letter-spacing:.5px;max-width:900px;margin:0 auto 24px;text-wrap:balance}
.page-tai-xiu__intro{color:rgba(255,246,214,.92);font-size:1.02rem;line-height:1.7;max-width:760px;margin:0 auto 32px;text-wrap:pretty}

.page-tai-xiu__cta-group{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}

/* === 3. Buttons (custom gradient + responsive) === */
.page-tai-xiu__btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 36px;border-radius:60px;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.6px;text-decoration:none;transition:transform .2s ease, box-shadow .2s ease;border:1px solid #3A2A12;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;text-align:center}
.page-tai-xiu__btn-primary{background:linear-gradient(180deg,#FFD86A 0%,#DDA11D 100%);color:#0A0A0A;box-shadow:0 8px 20px rgba(242,193,78,.28)}
.page-tai-xiu__btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,211,107,.55),0 12px 26px rgba(242,193,78,.4)}
.page-tai-xiu__btn-secondary{background:transparent;color:#FFF6D6;border:1px solid #F2C14E}
.page-tai-xiu__btn-secondary:hover{background:rgba(242,193,78,.08);border-color:#FFD36B;color:#ffffff;box-shadow:0 0 18px rgba(255,211,107,.35)}

/* === 4. Responsive full rules (desktop already covered above) === */
@media (max-width: 768px){
  .page-tai-xiu__hero-section{padding-top:8px;padding-bottom:32px}
  .page-tai-xiu__hero-image{aspect-ratio:2/1}
  .page-tai-xiu__hero-content{padding:24px 16px 32px}
  .page-tai-xiu__title-main{margin-bottom:16px}
  .page-tai-xiu__intro{margin-bottom:24px;font-size:.98rem}
  .page-tai-xiu__cta-group{flex-direction:column;align-items:stretch;gap:12px}
  .page-tai-xiu__btn{width:100%;max-width:100%;padding:14px 20px;font-size:.95rem}
  .page-tai-xiu img{max-width:100%;height:auto}
}

@media (max-width: 480px){
  .page-tai-xiu__hero-image{aspect-ratio:16/10;object-position:top}
  .page-tai-xiu__title-main{font-size:clamp(1.2rem, 4vw, 1.5rem)}
}