/* ================= Page About - Flatsome longform ================= */
.page-about{color:#1F2D3D;background:#F4F7FB;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.page-about *{box-sizing:border-box}
.page-about__hero-section{width:100%;max-width:100%;padding:0;margin:0;overflow:hidden;background:#FFFFFF}
.page-about__hero-image-wrap{width:100%;max-width:100%;overflow:hidden;background:#F4F7FB}
.page-about__hero-image{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}
.page-about__hero-content{max-width:1100px;width:100%;margin:0 auto;padding:24px 16px 12px;text-align:center}
.page-about__page-title{font-weight:800;line-height:1.25;letter-spacing:-0.01em;color:#2F6BFF;margin:0 0 12px;font-size:clamp(1.35rem,2.4vw,2.1rem);max-width:900px;margin-left:auto;margin-right:auto}
.page-about__hero-desc{color:#1F2D3D;font-size:1rem;line-height:1.7;max-width:820px;margin:0 auto 20px}
.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%}

.page-about__btn{display:inline-block;padding:13px 24px;border-radius:10px;font-weight:700;text-decoration:none;text-align:center;font-size:1rem;line-height:1.3;border:1px solid transparent;transition:opacity .2s ease,transform .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}
.page-about__btn--primary{background:linear-gradient(180deg,#4A8BFF 0%,#2F6BFF 100%);color:#FFFFFF;box-shadow:0 6px 18px rgba(47,107,255,.28)}
.page-about__btn--primary:hover{opacity:.93;transform:translateY(-1px)}
.page-about__btn--secondary{background:#FFFFFF;color:#2F6BFF;border:1px solid #D6E2FF}
.page-about__btn--secondary:hover{background:#F4F7FB}

.page-about__intro-section,
.page-about__games-section,
.page-about__promo-section,
.page-about__guide-section,
.page-about__policy-section,
.page-about__closing-section{max-width:1100px;width:100%;margin:0 auto;padding:28px 16px;background:#F4F7FB}

.page-about__intro-section{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;margin-top:18px}
.page-about__section-title{color:#2F6BFF;font-weight:800;line-height:1.3;margin:0 0 16px;font-size:clamp(1.15rem,1.9vw,1.6rem)}
.page-about__intro-section p,
.page-about__games-section p,
.page-about__promo-section p,
.page-about__guide-section p,
.page-about__policy-section p,
.page-about__closing-section p{color:#1F2D3D;font-size:1rem;line-height:1.75;margin:0 0 14px}
.page-about__intro-section a,
.page-about__games-section a,
.page-about__promo-section a,
.page-about__guide-section a,
.page-about__policy-section a,
.page-about__closing-section a{color:#2F6BFF;font-weight:600;text-decoration:underline;text-underline-offset:3px}

.page-about__figure{margin:18px auto;text-align:center;width:100%;max-width:100%}
.page-about__figure img{display:block;width:100%;height:auto;max-width:100%;min-width:0;border-radius:12px;border:1px solid #D6E2FF;object-fit:cover;margin:0 auto}
.page-about__figure figcaption{color:#1F2D3D;font-size:.9rem;opacity:.85;margin-top:8px;line-height:1.5}

.page-about__info-table-wrap{overflow-x:auto;margin:18px 0;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}
.page-about__info-table{width:100%;border-collapse:collapse;background:#FFFFFF;min-width:320px}
.page-about__info-table th,
.page-about__info-table td{border:1px solid #D6E2FF;padding:11px 14px;text-align:left;color:#1F2D3D;font-size:.95rem;line-height:1.6}
.page-about__info-table th{background:#F4F7FB;color:#2F6BFF;font-weight:700;width:38%}

.page-about__game-block{margin-bottom:26px;padding-bottom:6px}
.page-about__game-block h3{color:#2F6BFF;font-weight:700;line-height:1.4;margin:0 0 10px;font-size:clamp(1.05rem,1.6vw,1.3rem)}

.page-about__promo-section{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;margin-top:18px}
.page-about__guide-section{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;margin-top:18px}
.page-about__policy-section{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;margin-top:18px}

.page-about__value-list{list-style:none;padding:0;margin:0 0 16px}
.page-about__value-list li{color:#1F2D3D;font-size:1rem;line-height:1.7;padding:12px 14px;margin-bottom:10px;background:#F4F7FB;border:1px solid #D6E2FF;border-radius:10px}
.page-about__value-list strong{color:#2F6BFF;font-weight:700}

.page-about__faq-item{background:#F4F7FB;border:1px solid #D6E2FF;border-radius:12px;padding:16px;margin-bottom:14px}
.page-about__faq-item h3{color:#2F6BFF;font-weight:700;font-size:1.05rem;line-height:1.45;margin:0 0 8px}
.page-about__faq-item p{color:#1F2D3D;font-size:.98rem;line-height:1.7;margin:0}

.page-about__closing-section{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:14px;margin:18px auto 32px;text-align:left}
.page-about__closing-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:14px;width:100%;max-width:100%;overflow:hidden}

@media (max-width:768px){
  .page-about{overflow-x:hidden}
  .page-about img{max-width:100%!important;height:auto!important}
  .page-about__page-title{font-size:1.35rem;line-height:1.3}
  .page-about__hero-desc{font-size:.96rem;line-height:1.65;padding:0 4px}
  .page-about__hero-content{padding:18px 14px 10px}
  .page-about__hero-actions{flex-direction:column;align-items:stretch}
  .page-about__hero-actions .page-about__btn{width:100%;max-width:100%}
  .page-about__intro-section,
  .page-about__games-section,
  .page-about__promo-section,
  .page-about__guide-section,
  .page-about__policy-section,
  .page-about__closing-section{padding:20px 14px;border-radius:12px}
  .page-about__figure img{border-radius:10px}
  .page-about__info-table th,
  .page-about__info-table td{padding:9px 10px;font-size:.9rem}
  .page-about__info-table th{width:42%}
  .page-about__closing-actions{flex-direction:column;align-items:stretch}
  .page-about__closing-actions .page-about__btn{width:100%;max-width:100%}
  .page-about__value-list li{padding:10px 12px;font-size:.95rem}
  .page-about__faq-item{padding:13px}
}