/* ===== 990k com - Lô Đề page ===== */
.page-lo-de{background-color:#0A0A0A;color:#FFF6D6;line-height:1.6}
.page-lo-de a{transition:opacity .2s ease}
.page-lo-de a:hover{opacity:.85}

/* ---------- 1. HERO ---------- */
.page-lo-de__hero{padding:10px 16px 0;margin:0 auto;max-width:1500px}
.page-lo-de__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:18px;box-shadow:0 8px 30px rgba(255,211,107,.15)}
.page-lo-de__hero-content{padding:12px 0 4px;text-align:center}
.page-lo-de__hero-title{color:#FFF6D6;font-size:clamp(1.5rem, 5vw, 2.5rem);line-height:1.3;letter-spacing:.5px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-top:0}
.page-lo-de__hero-subtitle{color:#FDEecb;font-size:clamp(.95rem, 2.5vw, 1.25rem);max-width:1000px;margin:10px auto 0}

/* ---------- 2. STATS BANNER ---------- */
.page-lo-de__stats{max-width:1200px;padding:16px;margin:0 auto;background:#111111;border-radius:14px;border:1px solid #3A2A12;box-shadow:0 4px 16px rgba(0,0,0,.6);width:100%;box-sizing:border-box}
.page-lo-de__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.page-lo-de__stat-item{display:flex;flex-direction:column;gap:4px}
.page-lo-de__stat-number{color:#F2C14E;font-size:clamp(1.2rem, 4vw, 2rem);font-weight:700}
.page-lo-de__stat-label{color:#FFF6D6;font-size:.9rem;opacity:.9}

/* ---------- 3. INTRO SECTION ---------- */
.page-lo-de__intro{max-width:1200px;margin:24px auto;padding:0 16px}
.page-lo-de__intro-grid{display:flex;gap:32px;align-items:center;flex-direction:row}
.page-lo-de__intro-image{width:100%;max-width:560px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;border:1px solid #3A2A12}
.page-lo-de__intro-text{flex:1;color:#FFF6D6}
.page-lo-de__intro-title{color:#FFD36B;font-size:clamp(1.3rem, 3.5vw, 2rem);line-height:1.4;margin-bottom:12px;font-weight:700}
.page-lo-de__intro-paragraph{margin-bottom:12px;color:#FBf3e0}
.page-lo-de__btn-primary{display:inline-block;padding:12px 32px;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);border:none;border-radius:40px;color:#1a1a1a;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);margin-top:6px}

/* ---------- 4. INFO CARDS ---------- */
.page-lo-de__info{max-width:1200px;margin:0 auto;padding:12px 16px}
.page-lo-de__info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.page-lo-de__info-box{background:#111111;padding:24px;border-radius:12px;border:1px solid #3A2A12}
.page-lo-de__info-title{color:#F2C14E;font-size:1.15rem;font-weight:600;margin-bottom:8px}
.page-lo-de__info-desc{color:#FFF6D6;font-size:.95rem;opacity:.95}

/* ---------- 5. GAMES / FEATURES ---------- */
.page-lo-de__games{max-width:1200px;margin:24px auto 20px;padding:0 16px;display:flex;gap:36px;align-items:center}
.page-lo-de__games-image{width:50%;max-width:520px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;border:1px solid #3A2A12}
.page-lo-de__games-text{flex:1;color:#FFF6D6}
.page-lo-de__games-title{color:#FAEBAf;font-size:clamp(1.3rem, 3.5vw, 2rem);margin-bottom:10px}
.page-lo-de__games-paragraph{margin-bottom:14px;color:#FDEecb}
.page-lo-de__games-list{list-style:none;padding:0;margin:0}
.page-lo-de__games-item{position:relative;padding-left:28px;margin-bottom:10px;font-weight:500}
.page-lo-de__games-item::before{content:"✔";position:absolute;left:0;color:#F2C14E;font-size:1rem;font-weight:900}
.page-lo-de__btn-secondary{display:inline-block;padding:12px 32px;background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);border:none;color:#1e1e1e;border-radius:40px;font-weight:700;text-decoration:none;cursor:pointer;margin-top:18px}

/* ---------- 6. GUIDE STEPS ---------- */
.page-lo-de__guide{background:#111111;padding:28px 16px;margin-top:20px;border-top:1px solid #3A2A12}
.page-lo-de__guide-inner{max-width:1000px;margin:0 auto}
.page-lo-de__guide-title{text-align:center;font-size:clamp(1.2rem, 3.5vw, 2.2rem);margin-bottom:24px;color:#FFD36B;font-weight:700}
.page-lo-de__guide-steps{display:grid;grid-template-columns:1fr;gap:18px}
.page-lo-de__guide-step{display:flex;gap:12px;align-items:flex-start;background:#1a1a1a;padding:14px 18px;border-radius:10px}
.page-lo-de__guide-number{background:linear-gradient(180deg, #FFD86A 0%, #DDA11D 100%);color:#111;font-weight:800;padding:2px 12px;border-radius:18px;height:fit-content;font-size:.9rem}
.page-lo-de__guide-text{color:#FFF6D6;font-size:1rem;margin:0}

/* ---------- 7. FAQ ---------- */
.page-lo-de__faq{max-width:920px;margin:28px auto;padding:0 16px}
.page-lo-de__faq-title{font-size:clamp(1.2rem, 3vw, 1.8rem);text-align:center;margin-bottom:16px;color:#F2C14E}
.page-lo-de__faq-list{display:flex;flex-direction:column;gap:12px}
.page-lo-de__faq-item{background:#131313;border:1px solid #3A2A12;border-radius:10px;padding:2px 18px}
.page-lo-de__faq-question{list-style:none;font-weight:600;padding:14px 0 14px 30px;position:relative;color:#FDEecb;cursor:pointer}
.page-lo-de__faq-question::before{content:"\2795";position:absolute;left:0;color:#F2C14E;font-size:1.1rem;font-weight:700}
.page-lo-de__faq-item[open] .page-lo-de__faq-question::before{content:"\2796"}
.page-lo-de__faq-answer{color:#FFF6D6;padding-bottom:14px;font-size:.95rem;margin-top:-6px}

/* ---------- 8. LOGO GRID ---------- */
.page-lo-de__logos{background:#0D0D0D;padding:28px 16px;margin-top:16px;border-top:1px solid #3A2A12}
.page-lo-de__logos-inner{max-width:1200px;margin:0 auto}
.page-lo-de__logos-label{text-align:center;color:#F2C14E;letter-spacing:1px;font-size:1rem;margin-bottom:18px;text-transform:uppercase}
.page-lo-de__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px;justify-items:center;align-items:center}
.page-lo-de__logo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:260px;background:#1e1e1e;border-radius:10px;padding:20px 12px;box-sizing:border-box;min-height:160px;transition:transform .2s ease}
.page-lo-de__logo-item:hover{transform:translateY(-4px)}
.page-lo-de__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;display:block;filter:brightness(.95);max-width:240px}
/* 4+2 layout */
.page-lo-de__logo-item:nth-child(5){grid-column:2 / 3}
.page-lo-de__logo-item:nth-child(6){grid-column:3 / 4}

/* ---------- 7. MOBILE (≤ 768px) ---------- */
@media (max-width:768px){
    .page-lo-de__hero{padding:10px 10px 0}
    .page-lo-de__hero-image{aspect-ratio:2/1;border-radius:10px}
    .page-lo-de__hero-title{font-size:clamp(1.2rem, 5vw, 1.8rem)}
    .page-lo-de__hero-subtitle{font-size:clamp(.9rem, 2vw, 1.1rem)}
    .page-lo-de__stats-grid{grid-template-columns:repeat(2,1fr);row-gap:12px}
    .page-lo-de__stats{padding:12px}
    .page-lo-de__stat-label{font-size:.8rem}
    .page-lo-de__intro-grid,.page-lo-de__games{flex-direction:column;gap:16px;align-items:flex-start}
    .page-lo-de__intro-image,.page-lo-de__games-image{width:100%;max-width:100%}
    .page-lo-de__info-row{grid-template-columns:1fr}
    .page-lo-de__info-box{padding:18px}
    .page-lo-de__btn-primary,.page-lo-de__btn-secondary{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;width:auto}
    .page-lo-de__games{flex-direction:column}
    .page-lo-de__guide-step{flex-direction:column;align-items:flex-start}
    .page-lo-de__faq-item{padding:0 10px}
    .page-lo-de__logo-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .page-lo-de__logo-item{max-width:100%;padding:14px;min-height:unset}
    .page-lo-de__logo-item:nth-child(5),.page-lo-de__logo-item:nth-child(6){grid-column:auto}
    .page-lo-de img{max-width:100% !important;height:auto !important}
}

/* ---------- 8. TABLET (≤ 1024px) ---------- */
@media (max-width:1024px){
    .page-lo-de__stats-grid{grid-template-columns:repeat(2,1fr)}
    .page-lo-de__intro-grid{flex-direction:column}
    .page-lo-de__games{flex-direction:column}
}

/* ---------- 9. EXTRAS ---------- */
.page-lo-de__guide-step:focus-within,.page-lo-de__info-box:focus-within{outline:2px solid #F2C14E;outline-offset:2px}
.page-lo-de .page-lo-de__logo-image{filter:brightness(.98)}