body{margin:0;background:#eef6fb;font-family:Arial,sans-serif;color:#1e293b;}
.container{max-width:1780px;}

/* HEADER */
.top-header{background:#fff;padding:14px 0;border-bottom:1px solid #dbeafe;}

.logo{margin:0;font-size:34px;font-weight:700;color:#0f766e;}
.logo span{color:#dc2626;}

.search-box input{height:52px;border:2px solid #0891b2;border-radius:10px 0 0 10px;}

.search-box button{
    width:130px;
    border:none;
    color:#fff;
    font-weight:700;
    border-radius:0 10px 10px 0;
    background:linear-gradient(to right,#0891b2,#0f766e);
}

.hotline{text-align:right;font-size:14px;font-weight:700;}

.ref-box{margin-top:8px;text-align:center;font-size:13px;color:#0f766e;font-weight:600;}

/* MENU */
.menu-bar{background:linear-gradient(to right,#0891b2,#0f766e);}
.menu-wrapper{display:flex;align-items:center;}
.menu-left{display:flex;flex-wrap:wrap;}

.menu-bar a{
    color:#fff;
    text-decoration:none;
    padding:13px 14px;
    font-size:14px;
    font-weight:600;
}

/* LAYOUT */
.custom-layout{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:14px;
    margin-top:15px;
}

.sidebar-box,.seo-box,.sim-table{background:#fff;border-radius:14px;}

.sidebar-box{padding:15px;border:1px solid #dbeafe;}

.sidebar-box a{
    display:block;
    padding:8px 0;
    color:#1e293b;
    text-decoration:none;
    border-bottom:1px dashed #dbeafe;
}

.seo-title{margin-bottom:15px;font-size:28px;font-weight:700;}

/* TABLE */
.sim-table{overflow:hidden;}

.sim-table thead{
    background:linear-gradient(to right,#0891b2,#0f766e);
    color:#fff;
}

.sim-table th,.sim-table td{padding:10px;vertical-align:middle;}

.sim-table tr{border-bottom:1px solid #e2e8f0;}

.sim-link{
    text-decoration:none;
    color:#0f172a;
    font-size:20px;
    font-weight:700;
}

.btn-buy{
    display:inline-block;
    padding:8px 14px;
    border-radius:8px;
    background:#dc2626;
    color:#fff;
    font-weight:700;
    text-decoration:none;
}

.btn-buy:hover{background:#b91c1c;color:#fff;}

.price{color:#dc2626;font-weight:700;}

/* PAGINATION */
.pagination{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:20px;
}

.pagination a{
    background:#0891b2;
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    text-decoration:none;
}

/* SEO */
.seo-box{margin-top:20px;padding:20px;}

/* FOOTER */
footer{
    margin-top:30px;
    padding:25px 0;
    text-align:center;
    background:#0f172a;
    color:#fff;
}

/* MOBILE */
@media(max-width:768px){

    body{background:#f5f7fb;}
    .top-header{padding:10px 0;}
    .logo{font-size:26px;text-align:center;}
    .hotline{display:none;}
    .search-box{margin-top:10px;}
    .search-box input{height:44px;font-size:14px;}
    .search-box button{width:90px;font-size:13px;}

    .menu-bar{overflow-x:auto;white-space:nowrap;}
    .menu-left{flex-wrap:nowrap;}

    .menu-bar a{
        padding:10px 12px;
        font-size:13px;
        white-space:nowrap;
    }

    .custom-layout{display:block;}

    .left-sidebar{margin-bottom:12px;}

    /* ẨN CỘT */
    .hide-mobile{display:none !important;}

    /* MOBILE TABLE */
    .sim-table thead{display:none;}

    .sim-table,
    .sim-table tbody{background:none;}

    .sim-table tbody{
        display:grid;
        gap:10px;
        grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    }

    .sim-table tr{
        display:block;
        padding:10px;
        background:#fff;
        border:1px solid #dbeafe;
        border-radius:12px;
        box-shadow:0 2px 6px rgba(0,0,0,.05);
        text-align:center;
    }

    .sim-table td{
        border:none;
        padding:2px 0;
    }

    /* SỐ SIM */
    .sim-link{
        font-size:20px;
        font-weight:700;
    }

    /* NHÀ MẠNG + GIÁ CÙNG 1 DÒNG */
    .sim-table td:nth-child(4),
    .sim-table td:nth-child(3){
        display:inline-block;
    }

    /* NHÀ MẠNG */
    .sim-table td:nth-child(4){
        font-size:12px;
        color:#64748b;
        margin-right:6px;
    }

    /* GIÁ */
    .sim-table td:nth-child(3){
        font-size:14px;
        font-weight:700;
        color:#dc2626;
    }

    /* ẨN NÚT MUA */
    .btn-buy{display:none;}

    .seo-title{font-size:22px;}

    .seo-box{
        padding:15px;
        font-size:14px;
    }

    footer{font-size:13px;}

    .ref-box{font-size:11px;}
}