/* M2 Minisite 277: site specific layout for 277betclub.com (Bahasa Malaysia) */
.hero { background: linear-gradient(160deg, #FFE9DE 0%, #FFF8F4 55%, #fff 100%); }
.ringkas { background: #fff; border: 2px solid var(--brand); border-radius: var(--radius); padding: 1.3rem 1.4rem; box-shadow: var(--shadow-soft); }
.ringkas h2 { font-size: 1.05rem; margin: 0 0 0.7rem; }
.ringkas table { width: 100%; border-collapse: collapse; font-size: 0.93rem; }
.ringkas th, .ringkas td { text-align: left; padding: 0.45rem 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.ringkas th { width: 46%; font-weight: 700; padding-right: 0.6rem; }
.ringkas .sumber { font-size: 0.78rem; color: #7a6a60; margin: 0.7rem 0 0; }
.wide-img { margin-top: 2rem; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.wide-img img { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 433; object-fit: cover; }
.langkah { max-width: 820px; margin: 0 auto; padding: 0; list-style: none; counter-reset: lk; }
.langkah li { counter-increment: lk; display: grid; grid-template-columns: 2.6rem 1fr; gap: 0.8rem; align-items: start; margin-bottom: 1rem; }
.langkah li::before { content: counter(lk); width: 2.4rem; height: 2.4rem; border-radius: 12px; background: var(--ink); color: #fff; font-weight: 800; display: grid; place-items: center; }
.langkah p { margin: 0.2rem 0 0; }
.dua-lajur { display: grid; gap: 1.5rem; grid-template-columns: 1fr; }
@media (min-width: 880px) { .dua-lajur { grid-template-columns: 1fr 1fr; } }
.kotak { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.3rem 1.4rem; box-shadow: var(--shadow-soft); }
.kotak h3 { margin-top: 0; }
.kotak ul { padding-left: 1.1em; margin-bottom: 0; }
.logo-bayar { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; margin-top: 1rem; }
.logo-bayar img { height: 34px; width: auto; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 4px 8px; }
.game-grid { display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 700px) { .game-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .game-grid { grid-template-columns: repeat(4, 1fr); } }
.game-kad { background: #fff; border-radius: 14px; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-bottom: 4px solid var(--brand); }
.game-kad h3 { margin: 0 0 0.4rem; font-size: 1.05rem; }
.game-kad p { margin: 0; font-size: 0.93rem; }
.en-box { max-width: 820px; margin: 0 auto; background: #F4F7FB; border: 1px solid #D9E2EE; border-radius: var(--radius); padding: 1.3rem 1.5rem; }
.en-box h2 { font-size: 1.15rem; margin-top: 0; }
.en-box p:last-child { margin-bottom: 0; }
.faq-item { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.faq-item:first-child { padding-top: 0; }
.faq-item:last-child { border-bottom: 0; padding-bottom: 0; }
.faq-item h3 { margin-bottom: 0.4em; }
.faq-item p { margin: 0; }