.member-page{background:#f7faf8}.member-hero{background:var(--forest,#093f33);color:#fff;padding:30px 0 65px}.member-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:#dbe9df;margin-bottom:36px}.member-breadcrumb a:hover{color:#d4ef8b}.member-hero .eyebrow{color:#d4ef8b}.member-hero h1{font-size:clamp(32px,4.5vw,54px);letter-spacing:0;margin:0 0 15px}.member-hero p{font-size:19px;color:#e1ece5;max-width:740px}.member-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px}.member-secondary{color:#fff;font-size:16px}.member-secondary:hover{color:#d4ef8b}.member-body{padding-top:55px;padding-bottom:65px}.member-page h2{font-size:clamp(25px,3vw,34px);line-height:1.5;letter-spacing:0;font-weight:600;margin:7px 0 20px}.member-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.member-section-head>p{color:#66756d}.member-eyebrow{font-size:14px;font-weight:600;color:#17694d}.member-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.member-plan{display:flex;flex-direction:column;background:#fff;border:1px solid #dce7df;border-radius:18px;padding:28px;box-shadow:0 8px 26px #123d2508}.member-number{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf2e5;color:#17694d;font-size:16px;font-weight:600;margin-bottom:20px}.member-plan h3{font-size:25px;font-weight:600;margin:0 0 12px}.member-audience{font-size:16px;line-height:1.9;color:#66756d;flex:1;margin:0 0 22px}.member-price{display:flex;align-items:baseline;gap:12px;margin-bottom:25px;border-top:1px solid #e6ede8;padding-top:22px}.member-price strong{font-size:42px;line-height:1.2;font-weight:700;color:#093f33}.member-price span{font-size:15px;color:#66756d}.member-plan-button{width:100%;background:#17694d;color:#fff;gap:12px;font-size:15px}.member-plan-button:hover{background:#093f33;color:#fff}.member-admission{margin-top:26px;border-left:4px solid #17694d;background:#edf4ef;padding:23px 26px;border-radius:0 12px 12px 0}.member-admission h3{font-size:20px;margin:0 0 8px}.member-admission p{font-size:16px;margin:0}.member-benefits{margin-top:64px}.member-table-hint,.member-legend{color:#66756d;font-size:14px}.member-table-wrap{overflow-x:auto;border:1px solid #dce7df;border-radius:16px;background:#fff}.member-table-wrap:focus-visible{outline:3px solid #83b941;outline-offset:4px}.member-table{border-collapse:collapse;width:100%;min-width:630px;margin:0;font-size:16px}.member-table thead{background:#093f33;color:white}.member-table th,.member-table td{padding:22px 18px;border-bottom:1px solid #e4ebe6}.member-table thead th{font-size:16px;text-align:center;white-space:nowrap}.member-table thead th:first-child{text-align:left;width:60%}.member-table tbody th{text-align:left;font-weight:400}.member-table tbody th strong{font-size:17px;font-weight:600;display:block;color:#172d26}.member-table tbody th span{display:block;color:#66756d;font-size:15px;line-height:1.8;margin-top:6px}.member-table td{text-align:center;vertical-align:middle}.member-table tbody tr:last-child th,.member-table tbody tr:last-child td{border-bottom:0}.member-table tbody tr:nth-child(even){background:#f8fbf9}.member-yes{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f1e9;color:#17694d;font-size:20px;font-weight:700}.member-no{color:#89968e}.member-legend{margin-top:13px}.member-payment{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center;margin-top:60px;background:#edf4ef;border-radius:20px;padding:38px}.member-payment>div>p{font-size:16px;color:#66756d}.member-status-link{color:#17694d;text-decoration:underline;text-underline-offset:4px}.member-bank{background:white;border:1px solid #dce7df;border-radius:14px;padding:26px}.member-bank-name{font-size:20px;font-weight:600;color:#093f33}.member-bank .member-branch{font-size:15px;margin:0 0 24px}.member-account-label{display:block;font-size:14px;color:#66756d}.member-account{display:block;font-size:clamp(25px,3vw,34px);color:#093f33;letter-spacing:1px;overflow-wrap:anywhere}.member-bank .member-account-holder{font-size:15px;line-height:1.9;margin:20px 0 0}.member-account-holder strong{font-weight:500;color:#172d26}.member-source{font-size:14px;color:#66756d;margin-top:28px}.member-source a{color:#17694d;text-decoration:underline}@media(max-width:991px){.member-plans{gap:16px}.member-plan{padding:22px 18px}.member-plan h3{font-size:22px}.member-price{flex-wrap:wrap;gap:6px 12px}.member-price strong{font-size:36px}.member-payment{gap:24px;padding:28px}}@media(max-width:767px){.member-plans,.member-payment{grid-template-columns:1fr}.member-plans{max-width:480px;margin:auto}.member-section-head{display:block}.member-section-head>p{margin-top:-8px}.member-payment{padding:24px}.member-hero{padding-bottom:45px}.member-hero p{font-size:17px}.member-body{padding-top:35px}.member-plan{padding:26px}.member-benefits{margin-top:45px}.member-bank{padding:22px}.member-actions{align-items:flex-start;flex-direction:column}.member-legend{line-height:1.9}}
/* แสดงตารางเต็มความสูง ไม่มี Scrollbar ภายใน */
.member-page .member-table-wrap {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;

    background: #fff;
    border: 1px solid #dce7df;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(9, 63, 51, 0.08);
}

/* ปรับความกว้างให้พอดีกับหน้าจอ */
.member-page .member-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

/* คอลัมน์รายละเอียดและประเภทสมาชิก */
.member-table thead th:first-child {
    width: 61%;
    border-top-left-radius: 17px;
}

.member-table thead th:not(:first-child) {
    width: 13%;
}

.member-table thead th:last-child {
    border-top-right-radius: 17px;
}

.member-table th,
.member-table td {
    white-space: normal;
    overflow-wrap: anywhere;
}

.member-table tbody tr:last-child th {
    border-bottom-left-radius: 17px;
}

.member-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 17px;
}

/* เพิ่มลูกเล่นเมื่อชี้แถว */
.member-table tbody th,
.member-table tbody td {
    transition: background-color 0.2s ease;
}

@media (hover: hover) {
    .member-table tbody tr:hover > th,
    .member-table tbody tr:hover > td {
        background-color: #edf6ef;
    }

    .member-table tbody tr:hover .member-yes {
        background: #17694d;
        color: #fff;
        transform: scale(1.08);
    }
}

.member-yes {
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

/* ซ่อนคำแนะนำให้เลื่อนตาราง */
.member-table-hint {
    display: none;
}

/* มือถือ: คงครบทั้ง 4 คอลัมน์ */
@media (max-width: 575px) {
    .member-table th,
    .member-table td {
        padding: 14px 6px;
        font-size: 14px;
    }

    .member-table thead th:first-child {
        width: 52%;
    }

    .member-table thead th:not(:first-child) {
        width: 16%;
        font-size: 14px;
    }

    .member-table tbody th strong {
        font-size: 15px;
    }

    .member-table tbody th span {
        font-size: 14px;
    }

    .member-yes {
        width: 26px;
        height: 26px;
        font-size: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .member-table tbody th,
    .member-table tbody td,
    .member-yes {
        transition: none;
    }

    .member-table tbody tr:hover .member-yes {
        transform: none;
    }
}

/* RETA MEMBERSHIP STEPS — START */
.member-page .reta-steps{margin-top:64px;padding:34px 0 0;border-top:1px solid #dce7df}
.reta-steps-heading>p{color:#66756d;font-size:16px;margin-bottom:28px}
.reta-steps-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:none}
.reta-step{position:relative;min-width:0;margin:0;padding:23px 18px;background:#fff;border:1px solid #dce7df;border-radius:18px;box-shadow:0 6px 22px rgba(9,63,51,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.reta-step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:21px}
.reta-step-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#eaf2e5;color:#17694d;border-radius:14px}
.reta-step-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reta-step-number{font-size:20px;line-height:1;font-weight:700;color:#527461;font-variant-numeric:tabular-nums}
.member-page .reta-step h3{font-size:19px;line-height:1.6;font-weight:600;color:#093f33;margin:0 0 12px;letter-spacing:0}
.reta-step p{font-size:15px;line-height:1.9;color:#66756d;margin:0;overflow-wrap:anywhere}
.reta-step-finish{background:#edf5ef;border-color:#c5dccd}
.reta-step-finish .reta-step-icon{background:#17694d;color:#fff}
.reta-steps-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 26px;margin-top:28px}
.reta-steps-actions>a:not(.btn){color:#17694d;font-size:15px;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover){.reta-step:hover{transform:translateY(-4px);border-color:#8cb59c;box-shadow:0 12px 28px rgba(9,63,51,.10)}}
@media(max-width:1199px){.reta-steps-list{grid-template-columns:1fr;gap:16px}.reta-step{display:grid;grid-template-columns:100px 1fr;column-gap:22px;padding:22px}.reta-step-top{grid-row:1/3;margin:0;align-self:start}.reta-step h3,.reta-step p{grid-column:2}}
@media(max-width:575px){.member-page .reta-steps{margin-top:44px;padding-top:28px}.reta-step{grid-template-columns:48px 1fr;gap:8px 16px;padding:20px 16px}.reta-step-top{flex-direction:column;gap:12px}.reta-step-number{font-size:16px}.member-page .reta-step h3{font-size:18px;margin:0 0 5px}.reta-step p{font-size:15px}.reta-steps-actions{align-items:stretch;flex-direction:column;text-align:center}.reta-steps-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.reta-step{transition:none}.reta-step:hover{transform:none}}
/* RETA MEMBERSHIP STEPS — END */